/*■■■■■■■■■■■■■■■■■■■■■■■■■■■

         リセット

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

html {
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

p {
    font-weight: 500;
}

/*@import url('https://fonts.googleapis.com/css?family=Josefin+Sans&text=0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ');*/

body {
    font-family: 'Josefin Sans', "游ゴシック", 'Font Awesome 5 Free', 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'Font Awesome 5 Brands', 'FontAwesome';
    font-display: swap;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}

checkbox,
submit,
radio,
input[type="file"],
select {
    cursor: pointer;
}

input[type="submit"],
input,
.is-form-style input.is-search-input {
    font-weight: 550;
    letter-spacing: .075em;
    font-family: 'Josefin Sans', "游ゴシック", 'Font Awesome 5 Free', 'FontAwesome';
}

.is-form-style {
    position: relative;
}

is-search-input {
    line-height: 1;
    position: relative;
}

input.clearForm {
    font-size: 1.3em;
    transition: .4s;
    height: auto;
    line-height: 1;
    margin: 0;
    padding: 0;
    background: none !important;
    position: absolute;
    top: 50%;
    right: .25em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

div.is-ajax-search-details,
div.is-ajax-search-result {
    width: 290px !important;
}

textarea {
    font-weight: 550;
    font-family: 'Josefin Sans', "游ゴシック", 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
}

#main,
.home .site-content {
    padding: 0;
    margin: 0 auto;
}

div.site {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.one-column #secondary {
    display: none;
}

/* 記事の埋め込みフレーム */
.site iframe {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

/*マウスポインタ―ホバーを無効化*/
.link-disabled {
    pointer-events: none;
    transition: unset;
}

/*メインコンテンツ*/
.ms-time-bar,
audio,
canvas,
video {
    display: none;
}

#content {
    margin-bottom: 10%;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■

   コンテンツレイアウト

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* レイアウトdiv親 */

div.shp_BBox01 {
    display: block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
}

div.mgbt {
    margin: 0 0 3%;
}

.mgtp {
    margin: 5% 0 0 !important;
}

div.centeeerrr {
    display: block;
    width: 100%;
    text-align: center;
}

/*flexレイアウト*/
div.shp_FBox,
div.shp_R-FBox,
div.shp_FlexBox,
div.i_linkscard,
div.i_linkscard02 {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
}

div.shp_FlexBox,
div.i_linkscard,
div.i_linkscard02 {
    flex-wrap: wrap;
}

div.i_linkscard02,
div.topfloow {
    justify-content: space-between;
    margin: 3% 0;
}

div.shp_FBox {
    justify-content: left;
    align-items: flex-start;
}

div.shp_R-FBox {
    justify-content: flex-end;
    align-items: flex-end;
}

div.pic {
    text-align: center;
}

div.text p {
    margin: 0;
}

div.shp_FBox div.text {
    padding-left: 1.25em;
}

div.shp_R-FBox div.text {
    padding-right: 1.25em;
}

/*キャンバスに余白*/
div.shp_BBox01 canvas {
    width: 100%;
    margin: 1% 0;
    padding: .5%;
}

/* レイアウトdiv子 */
div.shp_ILBox_in {
    display: inline-block;
}

.PS1 {
    width: 1%;
}

.PS2 {
    width: 2%;
}

.PS3 {
    width: 3%;
}

.PS4 {
    width: 4%;
}

.PS5 {
    width: 5%;
}

.PS6 {
    width: 6%;
}

.PS7 {
    width: 7%;
}

.PS8 {
    width: 8%;
}

.PS9 {
    width: 9%;
}

.PS10 {
    width: 10%;
}

.PS11 {
    width: 11%;
}

.PS12 {
    width: 12%;
}

.PS13 {
    width: 13%;
}

.PS14 {
    width: 14%;
}

.PS15 {
    width: 15%;
}

.PS16 {
    width: 16%;
}

.PS17 {
    width: 17%;
}

.PS18 {
    width: 18%;
}

.PS19 {
    width: 19%;
}

.PS20 {
    width: 20%;
}

.PS21 {
    width: 21%;
}

.PS22 {
    width: 22%;
}

.PS23 {
    width: 23%;
}

.PS24 {
    width: 24%;
}

.PS25 {
    width: 25%;
}

.PS26 {
    width: 26%;
}

.PS27 {
    width: 27%;
}

.PS28 {
    width: 28%;
}

.PS29 {
    width: 29%;
}

.PS30 {
    width: 30%;
}

.PS31 {
    width: 31%;
}

.PS32 {
    width: 32%;
}

.PS33 {
    width: 33%;
}

.PS34 {
    width: 34%;
}

.PS35 {
    width: 35%;
}

.PS36 {
    width: 36%;
}

.PS37 {
    width: 37%;
}

.PS38 {
    width: 38%;
}

.PS39 {
    width: 39%;
}

.PS40 {
    width: 40%;
}

.PS41 {
    width: 41%;
}

.PS42 {
    width: 42%;
}

.PS43 {
    width: 43%;
}

.PS44 {
    width: 44%;
}

.PS45 {
    width: 45%;
}

.PS46 {
    width: 46%;
}

.PS47 {
    width: 47%;
}

.PS48 {
    width: 48%;
}

.PS49 {
    width: 49%;
}

.PS50 {
    width: 50%;
}

.PS51 {
    width: 51%;
}

.PS52 {
    width: 52%;
}

.PS53 {
    width: 53%;
}

.PS54 {
    width: 54%;
}

.PS55 {
    width: 55%;
}

.PS56 {
    width: 56%;
}

.PS57 {
    width: 57%;
}

.PS58 {
    width: 58%;
}

.PS59 {
    width: 59%;
}

.PS60 {
    width: 60%;
}

.PS61 {
    width: 61%;
}

.PS62 {
    width: 62%;
}

.PS63 {
    width: 63%;
}

.PS64 {
    width: 64%;
}

.PS65 {
    width: 65%;
}

.PS66 {
    width: 66%;
}

.PS67 {
    width: 67%;
}

.PS68 {
    width: 68%;
}

.PS69 {
    width: 69%;
}

.PS70 {
    width: 70%;
}

.PS71 {
    width: 71%;
}

.PS72 {
    width: 72%;
}

.PS73 {
    width: 73%;
}

.PS74 {
    width: 74%;
}

.PS75 {
    width: 75%;
}

.PS76 {
    width: 76%;
}

.PS77 {
    width: 77%;
}

.PS78 {
    width: 78%;
}

.PS79 {
    width: 79%;
}

.PS80 {
    width: 80%;
}

.PS81 {
    width: 81%;
}

.PS82 {
    width: 82%;
}

.PS83 {
    width: 83%;
}

.PS84 {
    width: 84%;
}

.PS85 {
    width: 85%;
}

.PS86 {
    width: 86%;
}

.PS87 {
    width: 87%;
}

.PS88 {
    width: 88%;
}

.PS89 {
    width: 89%;
}

.PS90 {
    width: 90%;
}

.PS91 {
    width: 91%;
}

.PS92 {
    width: 92%;
}

.PS93 {
    width: 93%;
}

.PS94 {
    width: 94%;
}

.PS95 {
    width: 95%;
}

.PS96 {
    width: 96%;
}

.PS97 {
    width: 97%;
}

.PS98 {
    width: 98%;
}

.PS99 {
    width: 99%;
}

.PS100 {
    width: 100%;
}

.PSauto {
    width: auto;
}

/*問い合わせショートコード[toiawase01]*/
h3.contact {
    margin: 20vh 0 2vh !important;
    text-align: center;
}

h3.contact span {
    display: block;
    font-weight: bold;
    width: 100%;
    font-size: 10vh;
    letter-spacing: .2em;
    line-height: 1;
}

h3.contact p {
    font-size: 3vh;
    font-weight: bold !important;
    letter-spacing: 1.5em;
    padding: 0 !important;
    margin: 0 0 .75em !important;
}

div.info_banner {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    width: 100%;
    border: solid 4px #1b1b1b;
    border-radius: 10px;
    position: relative;
    padding: 3vh 2vh;
}

div.info_banner-in01 {
    width: 50%;
    padding-right: 2vh;
    margin: 0;
    text-align: center;
    border-right: solid 1px #1b1b1b;
}

div.info_banner-in01 p {
    padding: 0 !important;
    margin: 0 !important;
}

div.info_banner-in01 h4 {
    font-size: 2.5vh !important;
    letter-spacing: .2em !important;
    margin: 0 0 .8em !important;
}

div.info_banner-in01 h4 span {
    display: block;
    font-size: .7em;
    color: #E31B12;
    letter-spacing: .2em;
}

div.info_banner-in01 span.free_die {
    display: inline-block;
    letter-spacing: .1em;
    font-size: 2.5em;
    margin: 0 0 .5em;
    padding: 0;
}

div.info_banner-in01 span.free_die:before {
    content: '\f098';
    margin-right: .3em;
}

div.info_banner-in01 span.circle {
    display: inline-block;
    font-weight: bold;
    font-size: .8em;
    line-height: 1;
    padding: .7em .75em .4em;
    margin-right: 1em;
    border: solid 1px #1b1b1b;
}

div.info_banner-in01 span.small {
    display: inline-block;
}

div.info_banner-in02 {
    width: 50%;
    text-align: right;
    margin: 0;
    padding-left: 2vh;
}

div.info_banner-in02 p {
    font-size: 1em !important;
    margin: 1em 0 !important;
    font-weight: 600 !important;
}

div.info_banner-in02 p span {
    color: #4b4b4b;
}

div.info_banner-in02 .ifbtn {
    display: inline-block;
    line-height: 1;
    font-weight: 550;
    width: 40%;
    text-align: center;
    font-size: .9em;
    letter-spacing: .1em;
    margin: 0 0 0 1em;
    padding: 1em 1.5em .75em;
    border-radius: 5px;
    color: #fff;
    transition: .4s;
}

div.info_banner-in02 .ifbtn:before {
    margin-right: .5em;
    font-weight: 400;
}

div.info_banner-in02 .mail {
    border: solid 2px #E31B12;
    background: #E31B12;
}

div.info_banner-in02 .line {
    border: solid 2px #01BA01;
    background: #01BA01;
}

div.info_banner-in02 .shop {
    border: solid 2px #025EBA;
    background: #025EBA;
}

div.info_banner-in02 .mail:before {
    content: '\f003';
}

div.info_banner-in02 .line:before {
    content: '\f3c0';
}

div.info_banner-in02 .shop:before {
    content: '\f0f7';
}

div.info_banner-in02 .mail:hover {
    background: none;
    color: #E31B12;
    transition: .4s;
}

div.info_banner-in02 .line:hover {
    background: none;
    color: #01BA01;
    transition: .4s;
}

div.info_banner-in02 .shop:hover {
    background: none;
    color: #025EBA;
    transition: .4s;
}

/*リスト*/
ul.caution_list,
ul.check_list {
    border-radius: 0 5px 5px 5px;
    padding: 1em 1.5em;
    position: relative;
    margin: 5em 0 1em;
}

ul.caution_list {
    border: solid 3px #E40020;
}

ul.check_list {
    border: solid 3px #3b3b3b;
}

ul.caution_list li,
ul.check_list li {
    padding: .5em 0 .5em 1.3em;
    list-style-type: none !important;
    font-weight: 550;
    margin: 0;
    text-indent: -1.55em;
    letter-spacing: .1em;
    font-size: 1.1em;
}

ul.caution_list li a,
ul.check_list li a {
    font-weight: 600;
}

ul.caution_list li p {
    padding: .5em 0 0;
    letter-spacing: 1.8px;
    font-size: .9em;
    text-align: left;
    text-indent: 0;
}

ul.caution_list li:before,
ul.check_list li:before {
    margin-right: .3em;
}

ul.caution_list li:before {
    content: '\f071';
    color: #E40020;
}

ul.check_list li:before {
    content: '\f00c';
    color: #E40020;
}

ul.caution_list li:after,
ul.check_list li:after {
    border-radius: 5px 5px 0 0;
    position: absolute;
    font-size: 1.05em;
    left: -3px;
    bottom: 100%;
    text-indent: .75em;
    padding: .3em .75em;
    letter-spacing: .1em;
}

ul.caution_list li:after {
    background: #E31B12;
    color: #fff;
    content: '\f071  CAUTION';
}

ul.check_list li:after {
    background: #1b1b1b;
    color: #fff;
    content: '\f00c  Check';
}

ul.caution_list li ul,
ul.check_list li ul {
    padding: 0;
    margin: 0;
}

ul.caution_list li ul li,
ul.check_list li ul li {
    padding: .1em 0;
    margin: 0 0 0 1em;
    font-size: .9em;
}

ul.caution_list li ul li:before,
ul.check_list li ul li:before {
    content: '・';
    color: #1b1b1b;
}

ul.caaaution_list {
    position: relative;
    border: solid 4px #E31B12;
    padding: 2vh !important;
    margin: 3vh 0 2vh !important;
}

ul.caaaution_list:before {
    position: absolute;
    bottom: 6vh;
    right: 1vh;
    content: '\f071';
    font-size: 15vh;
    color: #E31B12;
    z-index: -3;
    opacity: 0.2;
}

ul.caaaution_list:after {
    background: #E31B12;
    color: #fff;
    content: '\f071 CAUTION!!!';
    border-radius: 5px 5px 0 0;
    position: absolute;
    font-size: 1.05em;
    left: -4px;
    bottom: 100%;
    text-indent: .75em;
    padding: .5em 1em .3em .75em;
    letter-spacing: .1em;
}

ul.caaaution_list li {
    padding: 0;
    margin: .5em 0 .5em 1em !important;
    font-size: 1.05em;
    font-weight: 550;
}

/*ページの料金項目表*/
th.acth00:before {
    content: '\f1e6';
    margin-right: .3em;
}

th.acth01:before {
    content: '\f552';
    margin-right: .3em;
}

th.acth02:before {
    content: '\f0ad';
    margin-right: .3em;
}

th.acth03:before {
    content: '\f013';
    margin-right: .3em;
}

/*インフォBOX*/
div.info_box {
    border: solid 3px #666666;
    border-radius: 10px;
    padding: 2em 1em 1.5em;
    margin: 1em 0;
    text-align: center;
    position: relative;
}

div.info_box .box-title {
    position: absolute;
    display: inline-block;
    font-size: 1.3em;
    background: #FFF;
    font-weight: 600;
    color: #666666;
    font-weight: bold;
    letter-spacing: .2em;
    top: -.5em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding: 0 .5em;
}

div.info_box p {
    padding: .5em;
    margin: 0 !important;
}

div.info_box p span {
    font-size: 1.2em;
    font-weight: bold;
}

/*インフォcalendar*/
table.shp_info_calendar {
    width: 100%;
    margin: 3em 0 2em;
    border: 1px solid #ccc;
}

table.shp_info_calendar caption {
    padding: 0;
    font-size: 1.2em;
    letter-spacing: 2.5px;
    font-weight: bold;
    text-align: center;
}

table.shp_info_calendar tr {
    width: calc(100% / 7);
    display: inline-block;
    border: 1px solid #ccc;
}

table.shp_info_calendar tr:first-child {}

table.shp_info_calendar th {
    width: 100%;
    padding: 1em .1em;
    background: #EEE;
    letter-spacing: 1.8px;
    border: none;
    border-bottom: 1px dotted #ccc;
    font-size: .95em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    display: block;
}

table.shp_info_calendar th span {
    font-size: .8em;
    display: block;
    padding-top: .3em;
}

table.shp_info_calendar td {
    display: block;
    border: none;
    width: 100%;
    padding: 2.5em .1em;
    letter-spacing: 1.8px;
    font-size: .85em;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
}

th.shp_ic_th01 {
    background: #FF9191 !important;
}

td.shp_ic_td01 {
    color: #FF3333;
}

td.shp_ic_td02 {
    color: #3333FF;
}

/*インフォリスト*/
ul.info_list {
    padding: 1em .1em;
    position: relative;
    margin: .5em auto;
}

ul.info_list li {
    padding: 0 0 .5em;
    list-style-type: none !important;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 1.8px;
}

ul.info_list li p {
    padding: 0 0 .5em;
    font-size: .75em;
}

/*インフォリスト新着表示*/
span.infonew {
    display: inline-block;
    line-height: 1;
    color: #FFF;
    border: solid 2px #F44336;
    background: #F44336;
    padding: .7em .75em .3em;
    margin: 1em .5em 1em 0;
    text-decoration: none;
    font-size: .75em !important;
    border-radius: 4px;
    font-weight: 600;
}

/*インフォのボタン*/
.info_total_btn,
.info_interview_btn {
    display: inline-block;
    padding: .5em 1.5em .37em;
    text-decoration: none;
    border-radius: 3px;
    transition: .4s;
    font-size: 1.1em;
    font-weight: 600;
    margin: .5em auto 3em;
    letter-spacing: .2em;
}

.info_item_btn {
    display: inline-block;
    padding: .8em 2em .6em;
    text-decoration: none;
    border-radius: 3px;
    transition: .4s;
    font-size: 1em;
    font-weight: 550;
    margin: .5em auto;
    letter-spacing: .1em;
}

.info_total_btn {
    color: #FFF;
    border: solid 2px #1b1b1b;
    background: #1b1b1b;
}

.info_total_btn:before {
    margin-right: .3em;
    content: '\f05a';
}

.info_total_btn:hover {
    text-decoration: none;
    background: #FFF;
    color: #1b1b1b;
}

.info_interview_btn {
    color: #FFF;
    border: solid 2px #007CBA;
    background: #007CBA;
}

.info_interview_btn:before {
    margin-right: .3em;
    content: '\f086';
}

.info_interview_btn:hover {
    text-decoration: none;
    background: #FFF;
    color: #007CBA;
}

.info_item_btn {
    color: #FFF;
    border: solid 2px #007CBA;
    background: #007CBA;
}

.info_item_btn:after {
    margin-left: .5em;
    content: '\f0da';
    transition: .3s;
}

.info_item_btn:hover {
    text-decoration: none;
    background: #FFF;
    font-weight: bold;
    color: #007CBA;
}

.info_item_btn:hover:after {
    margin-left: 1em;
}

/*インフォカテゴリページ*/
h1.info-title {
    margin: 5em 0 2em;
    text-align: center;
    position: relative;
}

h1.info-title span {
    font-size: 3em;
    padding: 0 .5em .2em;
    border-bottom: solid 3px;
    letter-spacing: .1em;
}

h1.info-title p {
    padding-top: 1.5em;
    letter-spacing: .2em;
}

h1.info-title:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: '\f05a';
    font-size: 15vh;
    z-index: -1;
    color: #5b5b5b;
    opacity: 0.1;
}

.post-li,
.post-li article {
    border: none;
}

.post-li article {
    border-bottom: 1px dotted #CCC;
    padding: 3em 0;
}

.post-li article:last-child {
    border-bottom: none;
}

/* ———— アンカーリンク  ———— */

div.anchorlink {
    display: block;
    padding-top: 260px !important;
    margin-top: -260px !important;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■

        ヘッダー

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
header#site_head {
    border-top: solid 3px #000000;
    transition: .4s;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.999);
    z-index: 6;
}

/*スクロールでヘッダー固定*/
#site_head.fix {
    visibility: hidden;
    overflow: hidden;
    transition: .4s forwards;
    opacity: 0;
    transform: translateY(-50px);
}

#site_head.fix.fixx.fixxx {
    position: fixed;
    width: 100vw;
    top: 0;
    left: 0;
    right: 0;
    transition: .4s;
    visibility: visible;
    overflow: visible;
    transform: translateY(0);
    opacity: 1;
    padding: 0;
    border: none;
}

#site_head.fix.fixx.fixxx #header_top {
    display: none;
}

#site_head.fix.fixx.fixxx li.suuub-mail {
    display: block;
}

#header_top {
    /*transition: .4s;*/
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 1% 0;
}

#header_top,
.header_in03 {
    margin: 0 auto;
    max-width: 1250px;
    max-height: 200px;
    justify-content: space-between;
}

#header_bottom {
    /*transition: .4s;*/
    box-sizing: border-box;
    margin: 0 auto;
    width: 100vw;
    background: #000000;
}

.inquiryin_mail {
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    position: relative;
    text-align: center;
    padding: 1em 1.5em .75em;
    margin-left: 2em;
    transition: .4s;
    border-radius: 3px;
    font-size: .85em;
    font-weight: 600;
    border: solid 2px #E31B12;
    background: #E31B12;
    color: #fff;
}

.inquiryin_mail:before {
    content: '\f1ec';
    margin-right: .5em;
}

.inquiryin_mail:hover {
    background: #fff;
    color: #E31B12;
}

/*.header_in01 img,*/
.header_in02 {
    height: 90px;
    overflow: hidden;
}

.header_in02,
.header_in03,
#navimenu,
.navmenuuu,
.sub-menu,
.iconmenu {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    flex-wrap: wrap;
}

/*navigation*/
.navmenuuu {
    padding: 0;
    margin: 0;
}

.sub-menu {
    flex-wrap: wrap;
    align-items: start;
}

.navmenuuu>li {
    box-sizing: border-box;
    visibility: visible;
    overflow: hidden;
    font-weight: 550;
    box-sizing: border-box;
    white-space: nowrap;
}

.navmenuuu li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #FFF !important;
    pointer-events: auto;
}

.sub-menu li>a {
    box-sizing: border-box;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    outline: none;
    transition: all .35s;
}

.navmenuuu>li>a {
    position: relative;
    line-height: 1;
    padding: 1.5em;
    overflow: hidden;
    z-index: 1;
}

.navmenuuu>li>a:before,
.navmenuuu>li:hover>a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #E31B12;
    z-index: -1;
    transition: transform .2s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 0);
    transform-origin: center;
}

.navmenuuu>li>a:hover::before,
.navmenuuu>li:hover>a:before {
    transform: scale(1, 1);
}

.navmenuuu>li>.sub-menu {
    visibility: hidden;
    overflow: hidden;
    width: 100vw;
    height: 0;
    max-height: 0;
    opacity: 0;
    padding: 1.5em 12vw;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 98%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 3;
}

.navmenuuu>li:hover .sub-menu {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    height: auto;
    max-height: 50em;
    transition: .3s linear;
}

.sub-menu li a:hover,
.sub-menu li:hover>a {
    opacity: .5;
    background: none !important;
    text-decoration: none;
}

.sub-menu li>a span {
    display: block;
}

.sub-menu li>a::before,
.sub-menu li>a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #FFF;
    transition: all 0.1s linear;
}

.sub-menu li>a span::before,
.sub-menu li>a span::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 0;
    background: #FFF;
    transition: all 0.1s linear;
}

.sub-menu li>a:hover::before,
.sub-menu li>a:hover::after {
    width: 100%;
}

.sub-menu li>a:hover span::before,
.sub-menu li>a:hover span::after {
    height: 100%;
}

.sub-menu li>a::after {
    right: 0;
    bottom: 0;
    transition-duration: 0.2s;
}

.sub-menu li>a span::after {
    right: 0;
    bottom: 0;
    transition-duration: 0.2s;
}

.sub-menu li>a::before {
    left: 0;
    top: 0;
    transition-duration: 0.2s;
}

.sub-menu li>a span::before {
    left: 0;
    top: 0;
    transition-duration: 0.2s;
}

.navmenuuu li .sub-menu li {
    position: relative;
    background: none;
    width: calc(100% / 3);
    padding: 1em;
}

.navmenuuu li:nth-child(3) .sub-menu li {
    position: relative;
    background: none;
    width: 50%;
    padding: .75em 1em;
}

.navmenuuu li .sub-menu li .sub-menu {
    margin-top: .5em;
}

.navmenuuu li .sub-menu li .sub-menu li {
    font-size: .9em;
    width: 50%;
    padding-left: 1.5em;
}

.navmenuuu li .sub-menu li .sub-menu li .sub-menu {
    width: 100%;
}

.navmenuuu li .sub-menu li .sub-menu li .sub-menu li {
    width: 100%;
    padding: .5em 0;
}

/*ログイン.カート*/
ul.iconmenu {
    margin: 0 1.5vw;
}

span.sr-only {
    display: none;
}

.iconmenu>li {
    position: relative;
    font-size: 1em;
    width: 2.2em;
    height: 2.2em;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    background: #FFFFFF;
    transition: .4s;
    cursor: pointer;
}

.iconmenu>li:hover {
    opacity: 0.5;
}

.iconmenu>li:not(:last-child) {
    margin-right: .75em;
}

.iconmenu>li i {
    display: block;
    font-size: 1.2em;
    line-height: 1.7;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    color: #000000;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.iconmenu li span#widgetcart-total-quant {
    display: inline-block;
    line-height: 150%;
    font-size: .85em;
    position: absolute;
    top: -.5em;
    right: -.5em;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    border-radius: 50%;
    background: #E31B12;
    color: #FFF;
}

/*ログインとsearch*/
.searchwin,
.closewin {
    display: none;
    overflow: hidden;
    position: fixed;
    padding: 3em 5em;
    margin: auto;
    border: 1px solid #3b3b3b;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}

.searchwin {
    padding: 5em;
    text-align: center;
    font-weight: 600;
}

.searchwin h4 span {
    display: inline-block;
    position: relative;
    margin: 0 0 .5em;
    padding: 0;
}

.searchwin h4 span:before {
    content: '\f518';
    margin-right: .3em;
}

.searchwin h4 span:after {
    content: '\f002';
    position: absolute;
    font-size: .5em;
    top: 1.25em;
    left: 1.5em;
    text-shadow:
        1px 1px 0px #ffffff,
        -1px 1px 0px #ffffff,
        1px -1px 0px #ffffff,
        -1px -1px 0px #ffffff,
        1px 0px 0px #ffffff,
        0px 1px 0px #ffffff,
        -1px 0px 0px #ffffff,
        0px -1px 0px #ffffff;
}

.searchwin input[type="submit"] {
    background: none !important;
    padding: 0 0 0 .5em;
    transition: .4s;
}

.searchwin .is-form-style {
    margin-bottom: 1em;
}

.searchwin .is-form-style label {
    width: auto !important;
}

.searchwin input.is-search-input {
    min-width: 300px;
    transition: .3s;
}

.searchwin .is-form-style.is-form-style-3 input.is-search-input {
    border-right: 1px solid #ccc !important;
}

.searchwin .is-form-style button.is-search-submit {
    margin-left: .3em;
}

input.is-search-input:focus {
    border: 2px solid #1b1b1b !important;
    border-radius: 3px;
    outline: none;
    background: #E6F8FF;
}

.searchwin .is-form-style.is-form-style-3 input.is-search-input:focus {
    border-right: 2px solid #1b1b1b !important;
}

.closewin li {
    text-align: center;
    width: 100%;
    padding: 0;
    background: none;
    border-radius: 0;
}

.closewin li.member-guestname {
    font-size: 1.25em;
    font-weight: 600;
    text-align: center;
    color: #1b1b1b;
    margin: 0 0 1.5em;
}

.closewin li:nth-child(2) {
    margin: 0 0 .5em;
}

.closewin li:nth-child(4) {
    margin: 1em 0 0;
}

.closewin li a {
    display: block;
    font-size: .75em;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    border-radius: 5px;
    border: none;
    padding: 1em 3em;
}

.hac_priceee a {
    display: inline-block;
    font-size: .75em;
    position: relative;
    text-align: center;
    margin: 1em 0 0;
    padding: .5em 1.5em .3em;
    transition: .4s;
    border-radius: 5px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}

.closewin li.member-looogout a,
.closewin li.member-looogin a {
    color: #FFF !important;
    background: #1b1b1b !important;
    border: solid 2px #1b1b1b !important;
}

.closewin li.member-looogin a:before {
    content: '\f090';
    margin-right: .3em;
}

.closewin.On li.member-looogout a:before {
    content: '\f090';
    margin-right: .3em;
}

.closewin li.member-looogout a:hover,
.closewin li.member-looogin a:hover {
    color: #1b1b1b !important;
    background: rgba(255, 255, 255, 0.0) !important;
}

.closewin li.member-mypaage a,
.closewin li.member-neewmember a,
.hac_priceee a {
    color: #FFF !important;
    background: #007CBA !important;
    border: solid 2px #007CBA !important;
}

.closewin li.member-mypaage a:before {
    content: '\f007';
    margin-right: .3em;
}

.closewin li.member-neewmember a:before,
.hac_priceee a:before {
    content: '\f234';
    margin-right: .3em;
}

.closewin li.member-mypaage a:hover,
.closewin li.member-neewmember a:hover,
.hac_priceee a:hover {
    color: #007CBA !important;
    background: rgba(255, 255, 255, 0.0) !important;
}

.closewin li.forget {
    font-size: .75em;
    font-weight: bold;
}

.closewin li.forget a {
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    text-align: auto;
    line-height: auto;
    border: none;
    padding: 0;
}

.searchwin .search-cloooooose,
.closewin .member-cloooooose {
    display: inline-block !important;
    position: absolute;
    width: 1em !important;
    height: 1em !important;
    top: .6em;
    right: .6em;
    left: auto;
    bottom: auto;
    cursor: pointer;
    font-size: 1em;
}

.searchwin .search-cloooooose:before,
.closewin .member-cloooooose:before {
    content: '\f00d';
}

li.suuub-mail {
    display: none;
}


/*会員ページ*/
#newmember .error_message {
    font-size: 1em;
}

div.header_explanation ul {
    position: relative;
    padding: 2vh;
    border: solid 5px #CCC;
    border-radius: 5px;
    list-style-position: inside;
    margin: 1em 0 4em;
}

div.header_explanation ul:before {
    content: '\f505';
    font-size: 13vh;
    z-index: -3;
    opacity: 0.08;
    position: absolute;
    bottom: -1vh;
    right: 3%;
}

div.header_explanation ul li {
    list-style: disc;
    margin-left: .75em;
    font-size: 1em;
    font-weight: 550;
}

#cart_table th,
#cart_table th.subtotal em.tax,
#memberinfo #history_head th {
    background-color: #aaa !important;
}

#rememberme:checked,
#remembermew:checked,
.at_check:checked {
    animation: 0.5s linear 0s normal 1 running scale;
}

@keyframes scale {
    30% {
        transform: scale(1.8);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: none;
    }
}

/*ウィジェットカート*/
#site_head .view-cart-wrap {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    max-width: 100vw;
    max-height: 100vh;
    width: 100vw;
    height: 100vh;
    z-index: 991;
    transform: translateX(50%);
    pointer-events: none;
}

#site_head .view-cart-wrap.widgetcart-on,
#site_head.fix .view-cart-wrap.widgetcart-on,
#site_head.fixx .view-cart-wrap.widgetcart-on,
#site_head.fixxx .view-cart-wrap.widgetcart-on {
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.98);
    overscroll-behavior: contain;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
    transform: translateX(0);
}

#site_head .widgetcart-on .widgetcart-close-btn {
    position: absolute;
    top: 6vh;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-weight: bold;
    text-align: center;
    /*transition: .4s;*/
}

#site_head .widgetcart-on .widgetcart-close-btn::before {
    content: "\f00d";
    font-size: 2em;
    display: block;
}

#site_head .widgetcart-on .widgetcart-close-btn::after {
    content: "CLOSE";
    font-size: .75em;
}

#site_head .widgetcart-on .widgetcart-close-btn:hover {
    opacity: 0.5;
}


#site_head .widgetcart_rows {
    border-collapse: collapse;
    width: 100%;
    word-break: break-all;
}

#site_head .widgetcart_rows th,
#site_head .widgetcart_rows td {
    font-size: 1.15em;
    width: auto;
    font-weight: 550;
    border: none;
    padding: .75em .5em;
}

#site_head .widgetcart_rows tr {
    border-bottom: dotted 1px #CCC;
}

#site_head .widgetcart_rows tr:last-child,
#site_head .widgetcart_rows tr:nth-last-child(2) {
    border: none;
}

#site_head .widgetcart_rows th.header {
    padding-right: 1.5em;
}

#site_head .widgetcart_rows th.total_price {
    text-align: left;
    font-weight: bold;
    font-size: 1.75em;
    color: #E31B12;
}

#site_head .widgetcart_rows .widgetcart_item {
    font-size: .8em;
    text-align: left;
}

#site_head #wgct_row .empty_cart {
    font-size: 2vh;
    font-weight: 600;
}

#site_head div#wgct_row {
    margin: 10vh 0 0;
}

/* カートボタン */
#site_head #wgct_row #wdgctToCart a,
#site_head #wdgctToCheckout a {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 1;
    position: relative;
    text-align: center;
    padding: 1em 2.5em .75em;
    transition: .4s;
    border-radius: 5px;
    font-weight: 550;
    color: #fff;
    letter-spacing: .1em;
    font-weight: bold;
}

#site_head #wgct_row #wdgctToCart a {
    border: solid 2px #1b1b1b;
    background: #1b1b1b;
}

#site_head #wdgctToCheckout a {
    border: solid 2px #E31B12;
    background: #E31B12;
    font-size: .9em;
}

#site_head #wgct_row #wdgctToCart a:before {
    content: '\f2f1';
    margin-right: .3em;
}

#site_head #wdgctToCheckout a:before {
    content: '\f07a';
    margin-right: .3em;
}

#site_head #wgct_row #wdgctToCart a:hover {
    background: none;
    color: #1b1b1b;
}

#site_head #wdgctToCheckout a:hover {
    background: none;
    color: #E31B12;
}

/* カート投入時メッセージボックス */
/* 削除時メッセージボックス */

#wgct_alert {
    display: block;
    position: -webkit-fixed !important;
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#wgct_alert.update_box,
#wgct_alert.delete_box,
#wgct_alert.completion_box {
    padding: 5vh 3vh;
    background: #fff;
    opacity: .97;
    font-weight: bold;
    font-size: 2vh;
}

.scroll-prevent {
    overflow: hidden !important;
}

/* TOPへと見積もりボタン */
.toQuick {
    display: none;
}

#toTop {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 10px;
    right: 2px;
    z-index: 999;
    max-width: 120px;
}

#toTop a.gotop,
#toTop a.quick {
    width: auto;
    height: auto;
    background: none !important;
}

#toTop a.gotop:hover,
#toTop a.quick:hover {
    opacity: 0.7;
}

#toTop img {
    margin: .5em 0 1em;
}

#toTop .gotop i {
    width: 100%;
    line-height: 1;
    background: rgba(9, 9, 9, 0.8);
    color: #fff;
    border-radius: 5px;
    margin: 0;
    padding: .25em .5em;
}

/*スライダー下のバナーレイアウト*/
.topmaaaain {
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.innnn_01 {
    width: calc(25% - 3%);
    margin: 0 1.5% 3%;
}

.innnn_01.reco {
    position: relative;
}

/* ラベル部分 左上に表示 */
.innnn_01.reco::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 4em solid transparent;
    border-left: 4em solid #E31B12;
    position: absolute;
    z-index: 1;
}

.innnn_01.reco::after {
    content: "オススメ";
    font-size: .6em;
    display: block;
    top: 1em;
    transform: rotate(-45deg);
    color: #fff;
    left: .35em;
    position: absolute;
    z-index: 1;
}

p.topmain02 {
    font-weight: 550;
    margin: 1.5em auto;
}

/*top おすすめ商品*/
div.recoitem .recoitem-in {
    width: calc(33.3333% - 4%);
    margin: 0 2% 3%;
    position: relative;
    align-items: center;
}

div.recoitem .recoitem-in h4 {
    font-size: 1em !important;
    margin: .75em 0 1em !important;
    font-weight: 600 !important;
    text-align: left;
}

div.recoitem .recoitem-in h4:after {
    display: none;
}

div.recoitem .itemprice {
    font-size: 2vh !important;
    margin: 0 0 1em !important;
    letter-spacing: .1em;
    font-weight: bold;
    text-align: center;
}

div.recoitem .recobox {
    font-size: .95em !important;
    color: #5b5b5b !important;
    margin: 0 0 1em !important;
    font-weight: bold !important;
}

div.recoitem-square {
    position: relative;
    width: 100%;
    padding: 50%;
    border-radius: 50%;
    background: #2271B1;
}

div.recoitem-square:before {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: '\e533';
    font-size: 12em;
    font-weight: 400;
    color: #FFF;
    z-index: 0;
    opacity: 0.1;
}

div.recoitem-square p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.7em !important;
    font-weight: bold !important;
}

.front-il .itemname {
    max-height: 100%;
}

.itemname {
    padding: .1em 0;
    line-height: 1.8;
}

.list-wrap article .inner {
    position: relative;
    vertical-align: top;
    padding: 0 .25em;
    margin-bottom: 3em;
}

.osusumetext {
    display: block;
    padding: .5em;
    text-decoration: none;
    transition: .4s;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: .1em;
    text-align: right;
    margin: 1em 0;
}

.osusumetext:before {
    content: '\f002';
    margin-right: .3em;
}

.itemimg .itemsoldout .text {
    display: block;
    position: relative;
    vertical-align: middle;
    padding: .5em 0 .3em;
    width: 100%;
    margin: 0 auto !important;
    text-align: center;
    font-size: 2.5vh;
    letter-spacing: .2em;
    font-weight: 700;
}

.list-wrap .itemprice {
    font-size: 1.3em;
    letter-spacing: .1em;
    font-weight: 700;
    margin: 0 auto .5em;
}

.cat-il,
.search-il {
    margin: 0 .2em;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	   TOPスライダー

■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div.top_media_contents {
    width: 100vw;
    height: 77vh;
    overflow: hidden;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 0;
    margin-bottom: 5em;
}

#topswiperrr {
    width: 100%;
    display: none;
    padding: 0;
    z-index: 0;
    overflow: hidden;
    text-align: center;
    opacity: 1;
}

#topswiperrr ul.swiper-wrapper {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    margin: 0 0 2vh;
    padding: 0;
    box-sizing: content-box;
}

#topswiperrr li.swiper-slide {
    aspect-ratio: 118/65;
    margin: 0;
    opacity: 0.4;
    pointer-events: none;
    overflow: hidden;
}

#topswiperrr li.swiper-slide.swiper-slide-active {
    pointer-events: auto;
    opacity: 1;
}

#topswiperrr li.swiper-slide img {
    aspect-ratio: 118/65;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1180px;
    height: auto;
}

.top_swiper_pagination .swiper-pagination-bullet {
    width: 2vw !important;
    height: 1vh !important;
    margin: 0 5px;
    border-radius: 0%;
}

/*topの動画*/
/* topの動画 */
div.vi_01 {
    text-align: center;
    width: 100vw;
    height: 77vh;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: 50vw;
    background: #000000;
}

div.vi_01 video {
    display: block;
    height: 77vh;
    margin: 0 auto;
}

/*TOPMovie SkipBTN*/
button.skip-button {
    position: absolute;
    top: 2vh;
    right: 2vw;
    z-index: 1;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.5);
    color: #000000;
    padding: .5em 1em;
    line-height: 1;
    border: solid 2px #EEE;
    border-radius: 3px;
    transition: .4s;
    cursor: pointer;
    opacity: 0;
}

button.skip-button:hover {
    background: rgba(255, 255, 255, 0.9);
}

/*◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇

                商品検索

◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇*/
/*TOP商品検索タブ*/
.home-widget .top_tabs h4:after {
    content: none;
}

/*タブ切り替え全体のスタイル*/
.top_tabs {
    width: 100%;
    margin: 3em auto;
}

/*タブのスタイル*/
.top_tab_item {
    width: calc(100%/4);
    text-align: center;
    color: #CCC !important;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.5s ease;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.top_tab_item h2 {
    color: #CCC !important;
    padding: 0;
    margin: 0 !important;
    font-size: 1.4em;
}

.top_tab_item h2:before {
    content: '\f002';
    margin-right: .3em;
}

.top_tab_item img {
    width: 80%;
    opacity: 0.2;
    margin: 0;
}

.top_tab_item h2:hover {
    color: #1b1b1b !important;
    transition: all 0.5s ease;
}

input[name="top_tab_item"] {
    display: none;
}

/*ラジオボタンを全て消す*/
/*タブ切り替えの中身のスタイル*/
.top_tab_content {
    display: none;
    padding: 0;
    margin: 0;
    clear: both;
    overflow: hidden;
    animation: .7s topfaaaaade;
}

@keyframes topfaaaaade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes topfaaaaade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/*選択されているタブのコンテンツのみを表示*/
#top_package:checked~#top_package_content,
#top_housing:checked~#top_housing_content,
#top_multi:checked~#top_multi_content,
#top_kaden:checked~#top_kaden_content {
    display: block;
    transition: all ease-out 0.2s 0.1s;
}

/*選択されているタブのスタイルを変える*/
.top_tabs input:checked+.top_tab_item {
    transition: all 0.5s linear;
}


.top_tabs input:checked+.top_tab_item h2 {
    color: #1b1b1b !important;
    transition: all 0.5s ease;
}

.top_tabs input:checked+.top_tab_item h2:before {
    color: #E31B12 !important;
}

.top_tabs input:checked+.top_tab_item:after {
    font-family: 'Font Awesome 5 Free', 'FontAwesome', 'Avenir', 'Arial', sans-serif;
    content: '\f078';
    margin: 1em auto .5em;
    color: #1b1b1b !important;
}

.top_tabs input:checked+.top_tab_item img {
    opacity: 1;
}

/*検索見出し*/
h3.itemsearrrch,
.home-widget h3.itemsearrrch {
    padding: 0;
    margin: 3em 0 .5em;
    text-align: center;
    letter-spacing: .2em;
    font-size: 1.5em !important;
}

h3.sliders:before {
    content: '\f1de';
    margin-right: .3em;
}

/*検索フォーム本体*/
.item_search,
form.searchandfilter ul,
.item_search .is-form-style {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    /*cursor: pointer;*/
}

form.searchandfilter {
    margin-bottom: 3%;
}

.top_tab_content .otherwise form.searchandfilter {
    margin-bottom: 0;
}

.item_search {
    padding: 3vh;
    margin: 0;
    border-radius: 10px;
    background: #f6f6f6;
}

.item_search.otherwise {
    margin-top: 2em;
}

.item_search .otherwise-in {
    margin-left: 2em;
}

.item_search form.searchandfilter ul {
    padding: 0;
    margin: 0;
    justify-content: flex-start;
    align-items: end;
}

form.searchandfilter ul li {
    padding: 0;
    margin: 0 1.5em 2em 0;
}

form.searchandfilter ul li:last-child {
    margin-right: 0;
}

.function form.searchandfilter ul li {
    padding: 0;
    margin: .5em 1em .5em 0;
}

.function form.searchandfilter li.cat-item.cat-item-1556 {
    padding: 0;
    margin: 0;
}

form.searchandfilter ul li:last-child {
    margin-right: 0;
}

.item_search h4 {
    text-align: left !important;
    display: block;
    width: 100%;
    margin: 0 0 .5em !important;
    letter-spacing: .2em;
    font-size: 1.1em !important;
}

.item_search input[type="submit"] {
    display: inline-block !important;
    position: relative;
    width: auto;
    height: auto;
    line-height: 1;
    border-radius: 5px;
    padding: .75em 2em .5em !important;
    letter-spacing: .2em;
    font-size: 1em !important;
    font-family: 'Josefin Sans', "游ゴシック", 'Font Awesome 5 Free', 'FontAwesome';
    border: solid 2px #1b1b1b;
    background: #1b1b1b;
    color: #FFF;
    font-weight: 550;
    transition: .4s;
}

.item_search input[type="submit"]:hover {
    background: none !important;
    color: #1b1b1b;
    opacity: 1;
}

.item_search .is-form-style label {
    width: auto;
}

.item_search .is-form-style input.is-search-input {
    display: inline-block !important;
    width: auto;
    min-width: 250px;
    height: 100% !important;
    padding: 1vh !important;
    margin: 0 !important;
    min-height: 2em;
}

.item_search.sside_class .is-form-style input.is-search-input {
    min-width: auto;
}

.item_search.sside_class form.is-search-form.is-form-style {
    width: 100%;
}

.item_search.sside_class form.is-search-form.is-form-style label {
    width: 81%;
}

/*検索共通*/
div.itemsearrrch-parent,
div.itemsearrrch-parent02 {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    justify-content: center;
    align-items: center;
}

div.itemsearrrch-parent02 {
    margin: 0 0 10%;
}

div.shapeshape {
    justify-content: flex-start;
    align-items: baseline;
}

div.itemsearrrch-children {
    border: solid 2px #CCC;
    border-radius: 5px;
    text-align: center;
}

/*ボタン*/
a.searchitempage_btn {
    border-radius: 5px;
    text-align: center;
    padding: .8em 1.5em .6em;
    margin: 0 .5em;
    transition: .4s;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1;
    color: #fff;
}

a.searchitempage_btn:before {
    margin-right: .3em;
    font-weight: 500 !important;
}

div.itemsearrrch-parent02 .type01 {
    border: solid 2px #63C1CD;
    background: #63C1CD;
}

div.itemsearrrch-parent02 .type01:hover {
    color: #63C1CD;
    background: none;
}

div.itemsearrrch-parent02 .type01:before {
    content: '\f02d';
}

div.itemsearrrch-parent02 .type02 {
    border: solid 2px #E31B12;
    background: #E31B12;
}

div.itemsearrrch-parent02 .type02:hover {
    color: #E31B12;
    background: none;
}

div.itemsearrrch-parent02 .type02:before {
    content: '\f003';
}

div.itemsearrrch-children h4 {
    letter-spacing: .1em !important;
    line-height: 1;
    font-size: 1em;
}

/*形状検索*/
div.its-shape {
    width: calc(16.66666% - .5%);
    margin: 0 .25% .5%;
    padding: 1em .75em 0;
}

div.shapeshape .its-shape {
    width: calc(14.267% - .5%);
    margin: 0 .25% .5%;
    padding: 1em .75em 0;
}

div.its-shape a h4,
.home-widget div.its-shape a h4 {
    margin: 0 !important;
    padding: 0 !important;
    color: #1b1b1b;
    font-size: .85em !important;
}

/*形状検索02*/
div.its-shape02 {
    width: calc(33.333% - .5%);
    margin: 0 .25% .5%;
    padding: 1.2em 1em 0;
}

div.its-shape02 a h4,
.home-widget div.its-shape02 a h4 {
    color: #1b1b1b;
    font-size: 1.15em;
}

div.its-shape02 a h4 p,
.home-widget div.its-shape02 a h4 p {
    color: #6b6b6b;
    font-size: .75em;
    padding: 0 0 .2em;
    font-weight: 600 !important;
}

div.its-shape02 img {
    padding: .5em 1em;
}

div.its-shape02 p {
    color: #1b1b1b;
    font-size: 1em;
    padding: .5em 0;
}

/*形状検索03*/
div.its-shape03 {
    width: calc(33.3333% - .5%);
    margin: 0 .25% .5%;
    padding: 1.2em 1em 0;
}

div.its-shape03 a h4,
.home-widget div.its-shape03 a h4 {
    color: #1b1b1b;
    font-size: 1em;
}

div.its-shape03 img {
    padding: .5em 4em;
}

/*形状検索04*/
div.its-shape04 {
    width: calc(25% - .5%);
    margin: 0 .25% .5%;
    padding: 1.2em 1em 0;
}

div.its-shape04 a h4,
.home-widget div.its-shape04 a h4 {
    color: #1b1b1b;
    font-size: 1em;
}

div.its-shape04 img {
    padding: .5em 2em;
}

/*能力検索*/
.its-ability {
    text-align: center;
    width: calc(16.6666% - .5%);
    margin: 0 .25% .5%;
}

.its-ability h4 {
    text-align: center;
    margin: 0 !important;
    padding: .5em 1em;
    color: #1b1b1b;
    background: #EEE;
    border: solid 2px #CCC;
    border-radius: 5px;
    transition: .4s;
    font-size: 1.1em !important;
}

.its-ability h4 span {
    display: block;
    margin: .1em auto 0;
    color: #8b8b8b;
    font-size: .75em !important;
}

.its-ability h4:hover {
    background: none;
    transition: .4s;
}

/*メーカー検索*/
div.its-maker {
    width: calc(14.28% - .5%);
    margin: 0 .25% .5%;
    padding: .5em 1em;
}

div.its-maker h4,
.home-widget div.its-maker a h4 {
    margin: 0 !important;
}

/*設置場所検索*/
div.its-place {
    border: none;
    border-radius: 0;
    width: calc(25% - .5%);
    margin: 0 .25% 1%;
    padding: .5em;
}

div.its-place01 {
    border: none;
    border-radius: 0;
    width: calc(20% - .5%);
    margin: 0 .25% 1%;
    padding: 0.5em;
}

div.its-place a h4,
.home-widget div.its-place a h4,
div.its-place01 a h4,
.home-widget div.its-place01 a h4 {
    color: #1b1b1b;
    font-size: 1.1em;
    margin: .5em 0 !important;
}

div.its-place img,
div.its-place01 img {
    border: solid 1px #EEE;
}


/*機能検索用*/

/*家庭用絞り込みの機能表示制限*/
select#ofh_function option:nth-of-type(n+40) {
    display: none !important;
}

select#ofh_function option {
    white-space: pre-wrap;
}

/*工事事例スライダー*/
#all.swiper {
    display: none;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0;
}

div.ac_koooji {
    margin: 2em 0 3.5em;
}

div.ac_koooji .swiper-slide {
    transition: .4s;
}

div.ac_koooji .swiper-slide img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    position: relative;
}

div.ac_koooji .swiper-slide span.interview_label {
    color: #fff;
    line-height: 1;
    font-size: .9em;
    padding: .5em .75em .25em;
    position: absolute;
    top: .5em;
    left: 1em;
}

ul.swiper-wrapper {
    margin: 0;
    padding: 0;
}

li.swiper-slide {
    list-style-type: none !important;
    margin: 0;
    padding: 0 1.5vw;
}

li.swiper-slide h4 {
    text-align: left !important;
    margin: .5em 0 !important;
    padding: 0 !important;
    font-size: 1em !important;
}

li.swiper-slide span.voc_date {
    font-size: .85em;
}

li.swiper-slide span.voc_date:before {
    content: '\f017';
    margin-right: .3em;
}

li.swiper-slide span.blognew:before {
    content: none;
}

.swiper-button-prev,
.swiper-button-next {
    width: auto !important;
    height: auto !important;
    transition: .4s !important;
    color: rgba(0, 0, 0, 0.7) !important;
}

.blog_sliderArea .swiper-button-prev,
.blog_sliderArea .swiper-button-next {
    font-size: 3em;
    top: 55%;
}

.ac_koooji .swiper-button-prev,
.ac_koooji .swiper-button-next {
    font-size: 2em;
    top: 35%;
}

.swiper-button-prev {
    left: 0% !important;
}

.swiper-button-next {
    right: 0% !important;
}

.swiper-button-prev::before,
.swiper-button-next::before {
    font-weight: bold;
}

.swiper-button-prev::before {
    content: '\f104';
}

.swiper-button-next::before {
    content: '\f105';
}

li.swiper-slide h4:after,
.swiper-button-next:after,
.swiper-button-prev:after {
    display: none !important;
}

.swiper-pagination {
    margin: 3vh 0 0 !important;
    position: relative !important;
    bottom: auto !important;
}

.swiper-pagination-bullet {
    width: .5em !important;
    height: .5em !important;
    margin: 0 .7vh !important;
    background: #1b1b1b !important;
    opacity: .3 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1 !important;
}

/* TOP工事事例件数かうんとUP */
div.top_cumulative {
    text-align: center;
    margin: .5em auto 1.5em;
    font-weight: 550;
    letter-spacing: .1em;
}

div.top_cumulative p.tc_type01 {
    font-size: 1.5em;
    letter-spacing: .2em;
}

div.top_cumulative p.tc_type01 span {
    font-size: 2em;
    padding: 0 .2em;
    font-weight: bold;
    font-family: fantasy;
}


/*top 工事エリア*/
div.tca_section {
    position: relative;
    margin: 0;
    max-width: 100%;
}

div.tca_section-in {
    width: 50%;
    position: absolute;
    text-align: right;
    right: .1%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

div.tca_section-in p {
    font-size: 1.3em;
    text-align: right !important;
    font-weight: bold;
    color: #5b5b5b;
    padding: 0 !important;
    margin: 0 0 10vh !important;
}

.enlargement {
    display: inline-block;
    letter-spacing: .1em;
    position: relative;
    font-weight: bold;
    font-size: 1.75em;
    color: #40A94A;
    margin: 0 0 .75em;
}

.enlargement:after {
    content: '\f5a0';
    font-size: 15vh;
    position: absolute;
    text-align: right;
    right: 0;
    top: 0;
    color: #000000;
    z-index: -3;
    opacity: 0.05;
}

div.tca_section-in div {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
}

.tcabtn {
    width: calc(33.333% - 4%);
    margin: 0 2% 4%;
    padding: 1em 1em .75em;
    letter-spacing: .05em;
    line-height: 1;
    text-align: center;
    position: relative;
    transition: .4s;
    font-weight: 600;
    border-radius: 3px;
    border: solid 2px #40A94A;
    background: #40A94A;
    color: #fff;
    font-size: .85em;
}

.tcabtn:before {
    content: '\f3c5';
    margin-right: .5em;
}

.tcabtn:hover {
    background: none;
    color: #40A94A;
}

/*top 選ばれる理由*/
div.top_pooint .shp_FBox,
div.top_pooint .shp_R-FBox {
    justify-content: center !important;
    align-items: center !important;
    margin: 10vh 0;
}

div.top_pooint .pic img {
    width: 100%;
}

div.top_pooint .shp_FBox .text {
    padding-left: 4em;
}

div.top_pooint .shp_R-FBox .text {
    padding-right: 4em;
}

div.top_pooint .text p {
    color: #5b5b5b !important;
    font-weight: 600 !important;
}

div.top_pooint .text h3 {
    text-align: left;
    font-size: 4vh;
    margin-bottom: .75em !important;
    border-bottom: solid 1px;
}

div.top_pooint .text h3 p {
    font-size: .6em;
    margin-bottom: -.3em !important;
    letter-spacing: .075em;
}

div.top_pooint .text p {
    text-align: left;
}

div.top_pooint .text h3 span {
    position: relative;
    font-size: 3.75vh;
    letter-spacing: .15em;
}

div.top_pooint .text h3 span:before {
    position: absolute;
    top: 50%;
    right: -90%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: -3;
    opacity: 0.15;
    display: block;
    content: '';
    width: 18vh;
    height: 18vh;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
}

div.top_pooint .text.reason01 h3 span:before {
    background-image: url(https://ac.fj-tec.co.jp/wp-content/uploads/トップページ/top_reason01.png);
}

div.top_pooint .text.reason02 h3 span:before {
    background-image: url(https://ac.fj-tec.co.jp/wp-content/uploads/トップページ/top_reason02.png);
}

div.top_pooint .text.reason03 h3 span:before {
    background-image: url(https://ac.fj-tec.co.jp/wp-content/uploads/トップページ/top_reason03.png);
}

/*TOP工事フロー*/
ul.top_flow {
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0 auto 3.5em;
}

ul.top_flow li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 16%;
    margin: 0;
    padding: 0;
}

ul.top_flow li:nth-child(1) h3 {
    border-radius: 5px 0 0 5px;
    z-index: 5;
}

ul.top_flow li:nth-child(2) h3 {
    z-index: 4;
}

ul.top_flow li:nth-child(3) h3 {
    z-index: 3;
}

ul.top_flow li:nth-child(4) h3 {
    z-index: 2;
}

ul.top_flow li:nth-child(5) h3 {
    z-index: 1;
}

h3.nooooo {
    border-radius: 0 5px 5px 0;
    z-index: 0;
}

ul.top_flow li img {
    width: 80%;
}

ul.top_flow li h3 {
    font-size: 1.15em !important;
    color: #FFF !important;
    background: #2570B8;
    position: relative;
    padding: .5em .5em .4em !important;
}

ul.top_flow li h3 span {
    display: block;
    font-size: .7em;
}

ul.top_flow li p.pointtext {
    padding: 0 !important;
    margin: .5em auto !important;
    font-size: .9em !important;
    color: #e31b12;
    font-weight: 600;
}

ul.top_flow li p.pointtext:before {
    display: block;
    content: '\f0a6';
    font-weight: 100;
    margin-right: .1em;
}

ul.top_flow li h3::after,
ul.top_flow li h3::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.7em;
    border-top: 1.7em solid transparent;
    border-bottom: 1.7em solid transparent;
    border-left: 1.25em solid;
    right: -1.25em;
}

ul.top_flow li h3::after {
    border-left-color: #2570B8;
}

ul.top_flow li h3::before {
    border-left-color: #FFF;
    right: -1.55em;
}

h3.nooooo::after,
h3.nooooo::before {
    content: none !important;
}

/*問い合わせから工事まで*/
div.topfloow h3 {
    width: 100%;
    margin: 0 0 1.5em !important;
    padding: 0 !important;
    text-align: center;
    position: relative;
}

div.topfloow h3 span {
    font-size: 1.25em;
}

.home-widget .topfloow h3 span {
    font-size: .7em;
}

div.topfloow .topfloow-in {
    width: 30%;
    margin: 0;
    padding: 0 0 3%;
    position: relative;
}

div.topfloow .topfloow-in h4 {
    text-align: center;
    margin: 0 !important;
    padding: 0 0 !important;
    z-index: 1;
    position: relative;
    white-space: nowrap;
}

.home-widget .topfloow-in h4 {
    font-size: 1.5em;
}

.home-widget .topfloow-in h4:after {
    display: none;
}

div.topfloow .topfloow-in:nth-child(3) h4 {
    padding-right: 2em !important;
}

div.topfloow .topfloow-inin {
    background: rgba(37, 112, 184, 0.9);
    width: 37%;
    padding: 18.5%;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: -12%;
}

div.topfloow .topfloow-inin p {
    font-size: 1em;
    color: #FFF;
    text-align: center;
    font-weight: 550;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

div.topfloow .topfloow-inin span {
    white-space: nowrap;
    display: block;
}

div.topfloow .topfloow-inin span.day {
    font-size: 2em;
    font-weight: bold;
    margin: .1em 0 0;
    color: #E8D201;
}

div.topfloow .topfloow-inin span.week {
    font-size: .7em;
}

/*TOP インフォメーション*/
div.top_info_area {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    align-items: center !important;
    flex-wrap: wrap;
    margin: 10vh 0 0;
    padding: 10vh 1vh 5vh;
}

div.top_info_area::after {
    content: '';
    top: 0;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    background: #F9F9FB;
}

div.tia_title {
    width: 25%;
    text-align: center;
}

div.tia_title h2 {
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: .15em;
}

div.tia_title h2 span {
    font-size: 2em;
    z-index: 1;
    position: relative;
}

div.tia_title h2 p {
    font-weight: 550;
    color: #5b5b5b;
}

div.tia_title h2 span:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: '\f05a';
    font-size: 10vh;
    z-index: -1;
    color: #5b5b5b;
    opacity: 0.1;
}

div.tia_list {
    width: 75%;
}

div.tia_list ul {
    margin: 0;
    padding: 0;
}

div.tia_list ul li {
    width: 100%;
    margin: 0;
    padding: 3vh;
    border-bottom: dotted 1px #CCC;
}

div.tia_list ul li:first-child {
    border-top: dotted 1px #CCC;
}

div.tia_list span {
    display: inline-block;
}

div.tia_list span.tia_postdate {
    width: 17%;
    font-size: 1.2em;
    letter-spacing: .05em;
}

div.tia_list span.tia_postname {
    font-weight: 600;
    font-size: 1.15em;
}

div.top_info_area .infobtn {
    width: 100%;
    padding: 0;
    margin: 3em 0 0;
    text-align: right;
}

div.top_info_area .infobtn:before {
    content: '\f05a';
    margin-right: .3em;
}

.attention {
    letter-spacing: .2em;
    text-align: center;
    padding: .5em 2em .25em;
    border: solid 1px #E31B12;
    color: #E31B12;
    font-size: .7em !important;
    font-weight: 800;
}

/*フッター*/
#site-info li:last-child:after {
    display: inline-block;
    content: "|";
    width: 1px;
    height: 8px;
    margin-left: 1.0714em;
    background: #1b1b1b !important;
}

footer {
    color: #F8F8F8;
    text-align: center;
    margin: 0;
    background: #F8F8F8 !important;
    overflow: hidden;
}

footer img {
    margin: 0 auto;
    object-fit: cover;
}

div.foot_widget {
    margin: 0;
    width: 100%;
    max-width: 1400px;
}

/*ログインウインド*/
.widget_welcart_login {
    width: 30%;
    display: inline-block;
    padding: 0 1em;
    vertical-align: top;
}

.widget_welcart_login .loginbox a.usces_logout_a,
.widget_welcart_login .loginbox a.login_widget_mem_info_a {
    display: block;
    height: auto;
    line-height: 1;
    text-align: center;
    margin: 0;
    padding: 1em;
}

/*カレンダー*/
.widget_welcart_calendar {
    width: 69%;
    display: inline-block;
    padding: 0 1em;
    vertical-align: top;
}

div.footmenu_top ul.ucart_calendar_body.ucart_widget_body li {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    z-index: 90;
}

div.footmenu_top ul.ucart_calendar_body.ucart_widget_body li div {
    width: calc(50% - 3%);
    margin: 0 1.5% 2%;
}

.this-month table,
.next-month table {
    width: 100%;
}

p.holiday {
    font-size: .9em;
    font-weight: 550;
}

p.holiday span {
    content: '';
    background: #FF9191;
    display: inline-block;
    width: 2em;
    height: 1.2em;
    margin-right: .5em;
    margin-bottom: -.2em;
}

p.holiday a {
    font-size: .8em;
    display: inline-block;
}

p.holiday a:before {
    content: '（';
}

p.holiday a[target=_blank]:after {
    content: none;
    font-size: inherit;
    margin-left: 0;
}

p.holiday a[target=_blank]:after {
    content: '）' !important;
}

div.footer_shop_info {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto 2em;
    text-align: center !important;
}

div.footer_logo_in01 {
    margin: 3% 0;
    text-align: center !important;
    width: 100%;
}

div.footer_logo_in01 img {
    margin: 0 0 .5em !important;
    padding: 0 !important;
    width: 250px;
}

div.footer_logo_in01 p {
    margin: 0 0 .5em !important;
    padding: 0 !important;
}

div.footer_logo_in01 p.sp span {
    font-size: .8em;
    font-weight: 550;
    padding: .5em .75em .2em .75em;
    margin-right: .5em;
    border: solid 1px #3b3b3b;
}

div.footer_logo_in01 p.sp span:last-child {
    margin-left: 1em;
}

span.mini {
    font-size: .7em;
    margin: 0 !important;
    padding: 0;
}

.footer_logo_in01 a.snsicon {
    margin: 0 auto 10%;
}

.footer_logo_in01 a.snsicon:hover {
    opacity: 0.5;
}

.footer_logo_in01 h5 {
    margin: 1.5em 0 .5em;
}

.footer_logo_in01 i {
    font-size: 3.5em;
    margin: 0 .2em 0;
}

.footer_logo_in01 i.fa-line {
    color: #06C755;
}

.footer_logo_in01 i.fa-facebook {
    color: #1877F2;
}

.footer_logo_in01 i.fa-square-x-twitter {
    color: #000000;
}

.footer_logo_in01 i.fa-square-instagram {
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer_logo_in01 i.fa-square-youtube {
    color: #FF0000;
}

div.footer_logo_in02 {
    width: calc(12.5% - 1%);
    margin: 2% 0.5%;
}

div.footer_logo {
    display: block;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
    width: 100%;
    background: #000000;
}

div.footer_logo p {
    margin: 0 auto;
    padding: 0;
    color: #fff;
}

#site-info {
    float: none;
    padding: .5em 0;
    margin: 1.5em auto 0;
    color: #1b1b1b !important;
}

#site-info a {
    color: #1b1b1b !important;
    font-weight: 600;
}

#site-info ul {
    text-align: center;
    max-width: 1400px;
    margin: 0 auto;
}

#site-info li {
    display: inline-block;
    font-size: .9em;
    width: auto;
    margin: 0 0 .714em;
    padding: 0;
    float: none;
    line-height: 1;
}

#site-info li:before {
    display: inline-block;
    content: " ";
    width: 1px;
    height: .9em;
    margin-right: 1em;
    margin-left: .5em;
    background: #1b1b1b !important;
}

#site-info li:first-child:before,
#site-info li:last-child:after {
    content: none;
}


div.footmenu_top {
    background: #F8F8F8;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-top: 7em;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: 0;
    overflow: hidden;
}

div.footcontents {
    margin: 0 auto;
    padding: 7% 0 0;
    max-width: 1200px;
    position: relative;
}

ul.footmenu {
    margin: 0 0 3%;
    width: 100%;
    max-width: 1400px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
}

ul.footmenu>li {
    width: calc(50% - 3%);
    margin: 0 1.5% 3%;
    list-style: none;
    position: relative;
}

ul.footmenu>li.foot_in02 {
    width: 100%;
}

ul.footmenu li ul {
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
}

ul.footmenu li.foot_in01,
ul.footmenu li.foot_in02 ul li {
    width: calc(50% - 3%);
    margin: 0 1.5% 3%;
    padding: 0;
}

ul.footmenu li.foot_in01 ul li,
ul.footmenu li.foot_in02 ul li {
    list-style: none;
    margin: 0 0 .5em;
    font-size: 1em;
    font-weight: 550;
}

ul.footmenu li.foot_in02 ul li {
    margin: 0 1.5% .5em !important;
}

ul.footmenu li.foot_in01 ul li:before,
ul.footmenu li.foot_in02 ul li:before {
    content: '・';
}

h3.foot01,
h3.foot02,
h3.foot03 {
    width: 100%;
    font-size: 1.4em;
    border-bottom: 1px dotted #1b1b1b;
    padding: 0;
    margin: 0 auto .8em;
    font-weight: 700 !important;
    color: #3a3a3a;
}

h3.foot03 a {
    color: #3a3a3a;
}

h3.foot01:before,
h3.foot02:before,
h3.foot03:before {
    margin-right: .3em;
}

h3.foot01:before {
    content: '\f002';
}

h3.foot02:before {
    content: '\f0ad';
}

h3.foot03:before {
    content: '\f02d';
}

ul.footmenu li ul li a {
    text-decoration: none;
    color: #1b1b1b;
    transition: .4s;
}

#site-info a:hover,
ul.footmenu li ul li a:hover {
    text-decoration: none;
    color: #a1a1a1 !important;
}

/*SNS shareボタン*/
div.snssharebox {
    width: 100%;
    max-width: 1180px;
    position: relative;
    margin: 5em auto 0;
    padding: 0;
}

.shp_FlexBox.snssharebox.entry-content {
    margin: 5em auto 0;
}

#main.two-column .snssharebox {
    margin: 3.5em auto 0;
}

div.snssharebox h3 {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 0 1.5em !important;
    padding: 0;
}

div.snssharebox h3 span {
    letter-spacing: .2em;
}

div.snssharebox h3 span:before,
div.snssharebox h3 span:after,
div.topfloow h3 span:before,
div.topfloow h3 span:after {
    display: inline-block;
    background: #1b1b1b;
    width: .07em;
    height: 1.2em;
    content: '';
    margin-bottom: -.2em;
}

div.snssharebox h3 span:before,
div.topfloow h3 span:before {
    transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    margin-right: 1.35em;
}

div.snssharebox h3 span:after,
div.topfloow h3 span:after {
    transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    margin-left: 1em;
}

div.snssharebox h3 p {
    font-size: .6em;
    font-weight: bold;
    color: #5b5b5b;
}

div.snssharebox a {
    width: calc(16.6666% - 2%);
    margin: 0 1%;
    line-height: 1;
    text-align: center;
    position: relative;
    padding: 1em .25em .4em;
    border: solid 1px;
    font-size: .75em;
}

div.snssharebox a:hover {
    opacity: 0.5;
}

div.snssharebox a:before {
    display: block;
    font-size: 3em;
}

div.snssharebox a.sns_tw {
    color: #000000;
}

div.snssharebox a.sns_tw:before {
    content: '\e61a';
}

div.snssharebox a.sns_fb {
    color: #1877F2;
}

div.snssharebox a.sns_fb:before {
    content: '\f082';
}

div.snssharebox a.sns_line {
    color: #06C755;
}

div.snssharebox a.sns_line:before {
    content: '\f3c0';
}

div.snssharebox a.sns_pocket {
    color: #FF7B7B;
}

div.snssharebox a.sns_pocket:before {
    content: '\f265';
}

div.snssharebox a.sns_hatena {
    color: #45b5f7;
}

div.snssharebox a.sns_hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold;
    margin-bottom: .1em;
}

div.snssharebox a.sns_copy {
    color: #5b5b5b;
    position: relative;
}

div.snssharebox a.sns_copy:before {
    content: '\f0c5';
}

/* URLコピー完了時のメッセージ（非表示）*/
.url-copied {
    display: none;
    position: initial;
    z-index: 3;
}

.url-copied span {
    z-index: 5;
    background: #0009;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    box-sizing: border-box;
}

/* モーダルのスタイル */
.modal {
    /*display: none;*/
    position: fixed;
    z-index: -2;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.75);
    top: 0;
    left: calc(-50vw + 50%);
    right: calc(-50vw + 50%);
    max-width: 100vw;
    max-height: 100vh;
    opacity: 0;
    transition: opacity 0.5s;
}

.modal.show {
    display: block;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s;
}

.modal-content {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    vertical-align: middle;
    text-align: center;
    background: rgba(255, 255, 255, 0.95);
    margin: auto;
    padding: 5vh 2.5vh 4vh;
    border: 1px solid #888;
    width: 85%;
}

.modal-content p {
    position: relative;
    font-weight: 600 !important;
}

.modal-content .fa-xmark {
    z-index: 9999;
    position: absolute;
    top: .5em;
    right: .5em;
    display: inline-block;
    font-weight: 600;
    color: #5b5b5b;
    font-size: 1em;
    transition: .4s;
}

.modal-content .fa-xmark:hover,
.modal-content .fa-xmark:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.modal-content .fa-triangle-exclamation {
    display: block;
    color: #3b3b3b;
    font-size: 3em;
    margin: 0 0 .25em;
}

#call-now {
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: .85em;
    margin: 2em 0 0;
    padding: .75em 1.5em .5em;
    transition: .4s;
    border-radius: 5px;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1;
    border: solid 2px #E31B12;
    background: #E31B12;
    color: #fff;
}

#call-now:before {
    content: '\f3cd';
    margin-right: .5em;
    font-weight: 400;
}

#call-now:hover {
    background: #FFF;
    color: #E31B12;
}

/*サイドバー インフォ*/
#secondary #welcart_calendar-3 {
    width: 100%;
}

.widget_welcart_calendar caption {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■

       工事ブログ

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*工事事例TOP（カテゴリー）*/
.works_head {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 0;
    margin-bottom: 2em;
    z-index: 0;
    overflow: hidden;
}

.works_head h1 img {
    width: 100%;
}

/*家庭用TOP h1*/
h1.kojiblogtitle {
    margin: 1.5em 0 1em !important;
}

/*工事タグクラウド*/
.sidekojisearch ul {
    background: #f8f8f8 !important;
}

h3.sidekoji {
    margin: 2em 0 1em !important;
}

p a[target=_blank]:after,
a.subsidy_btn:after,
a.gaibu:after {
    content: '\f35d';
    font-size: .65em;
    margin-left: .5em;
}

a.subsidy_btn:after {
    font-size: 1em;
}

h1 a[target=_blank]:after,
h2 a[target=_blank]:after,
h3 a[target=_blank]:after {
    content: none;
}

/*工事アーカイブページ*/
#main.two-column #content .post-li article {
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 1px dotted #ccc;
    vertical-align: middle;
}

#main.two-column #content .post-li article:last-child {
    border-bottom: none !important;
}

.post_archive {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 2em 0;
    margin: 0;
}

.post_archive_in30 {
    width: 30%;
}

.post_archive_in70 {
    width: 70%;
    padding-left: 1.5em;
}

.post_archive_in70 h2 {
    letter-spacing: 1.8px;
    font-size: 1.05em !important;
    padding: 0 !important;
    margin: 0 !important;
}

.post_archive_in70 h2 span.infonew {
    margin: 0 .1em 0 0;
}

.post_archive_in70 .post_date {
    margin: .25em 0 .5em;
}

.post_date:before {
    content: '\f017';
    margin-right: .2em;
}

.post_tag_list a {
    display: inline-block;
    font-size: .65em;
    padding: .8em .75em .4em;
    background: #EEE;
    font-weight: 500 !important;
    line-height: 1;
    border-radius: 3px;
}

#secondary .post_tag_list a {
    font-size: .6em;
}

.post_tag_list a:before {
    content: '\f02c';
    margin-right: .2em;
}

div.post-excerpt {
    letter-spacing: 1.8px;
    font-size: 1em;
    margin-top: .9em;
}

.postdate_box {
    border: solid 1px #CCC;
    border-radius: 3px;
    padding: 1em 1em 0 1em !important;
    background: #fff;
}

#rpwwt-recent-posts-widget-with-thumbnails-3 img {
    max-width: 300px;
    width: 100%;
    height: auto;
}

/*工事実績本体*/
table.blog_table {
    margin: 0 0 7%;
    vertical-align: middle !important;
    border: none;
}

table.blog_table caption {
    padding: 0;
    margin: 0;
}

h3.kojirei,
table.blog_table caption h3 {
    padding: 0;
    margin: 3em 0 .25em !important;
    font-size: 1.5em;
    line-height: 180%;
    letter-spacing: 2.5px;
    font-weight: bold;
    text-align: center;
}

table.blog_table caption h3:before {
    content: '\f075';
    margin-right: .2em;
}

h3.kojirei:before {
    content: '\f007';
    margin-right: .2em;
}

table.blog_table th,
table.blog_table td {
    padding: 2vh;
    border: solid 1px #CCC;
}

table.blog_table th {
    width: 25%;
    text-align: center;
    background: #eee;
    line-height: 1;
    font-weight: 600;
}

table.blog_table td {
    width: 75%;
    text-align: left;
    line-height: 1.8;
    font-weight: 550;
}

table.blog_table td ul {
    margin: 0 0 0 1em;
    padding: 0;
}

table.blog_table td ul li {
    margin: .25em 0;
    padding: 0;
}

table.blog_table td ul li ul {
    margin: 0 0 1em 1em;
    padding: 0;
}

table.blog_table td ul li ul li {
    margin: .1em 0;
    padding: 0;
}

div.kojireipoint {
    position: relative;
    margin: 0 0 7%;
    padding: 3vh 2vh 2vh;
    border: solid 2px #3b3b3b;
    border-radius: 3px;
}

div.kojireipoint h3.box-title {
    position: absolute;
    display: inline-block;
    top: -.85em;
    left: .5em;
    padding: 0 .5em;
    margin: 0;
    font-size: 1.5em;
    background: #FFF;
    color: #3b3b3b;
    font-weight: 550;
}

div.kojireipoint h3.box-title:before {
    content: '\f0a6';
    font-weight: 400;
    margin-right: .2em;
}

div.kojireipoint:before {
    content: '\f0ad';
    position: absolute;
    bottom: 5vh;
    right: 3%;
    font-size: 12vh;
    z-index: -3;
    opacity: 0.1;
}

div.kojireipoint ul,
div.kojireipoint p {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 550;
    font-size: 1em
}

div.kojireibox {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

div.kojireibox div {
    width: calc(50% - 3%);
    margin: 0 1.5% 3%;
    padding: 0;
    text-align: center;
    position: relative;
}

div.kojireibox div img {
    max-width: 250px;
}

div.kojireibox div span {
    position: relative;
    display: block;
    margin: .75em 0 0;
    font-weight: 600;
    font-size: 1.3em;
}

div.kojireibox_in01 span:before {
    content: '\f508';
    margin-right: .3em;
}

div.kojireibox_in02 span:before {
    content: '\f0ad';
    margin-right: .3em;
}

div.tagtagtag {
    border: solid 2px #f9f9f9;
    background: #f7f7f7;
    border-radius: 5px;
    padding: 2.5vh;
    margin: 5em 0 0;
    font-weight: 550;
}

div.tagtagtag .post_tag_list li {
    margin-bottom: .2em;
}

div.tagtagtag .post_tag_list li:not(:last-child) {
    margin-right: .75em;
}

div.tagtagtag .post_tag_list li a {
    font-size: .9em;
    background: none;
    padding: 0;
}

/*工事実績のサイド*/
.rpwwt-widget .rpwwt-widget ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.rpwwt-widget ul li {
    width: 100%;
    padding: .5em .3em;
    margin: 0;
    display: inline-block;
}

.rpwwt-widget a,
.rpwwt-widget img {
    display: block;
    padding: 0 0 .5em 0;
    margin: 0;
}

/*工事ブログの各店問合せ*/
h3.bloginfo {
    margin: 5em 0 .5em !important;
    text-align: center;
}

h3.bloginfo span {
    display: block;
    width: 100%;
    font-size: 30pt;
    letter-spacing: .3em;
    color: #3b3b3b;
}

h3.bloginfo p {
    font-size: 13pt;
    font-weight: bold !important;
    color: #5b5b5b;
    letter-spacing: 1em;
    padding: 0;
    margin: 0 !important;
}

h3.bloginfo p:before,
h3.bloginfo p:after {
    content: '―';
}

div.bloginfo_banner {
    margin: 0 auto;
    display: block;
    max-width: 800px;
    width: auto;
    border: solid 3px #7b7b7b;
    border-radius: 10px;
    position: relative;
    padding: 2em 1em;
    vertical-align: middle;
    text-align: center;
}

div.bloginfo_banner h4 {
    font-size: 1.55em;
    letter-spacing: .2em;
    margin: 0 0 .8em;
}

div.bloginfo_banner h5 {
    font-size: 1.1em;
    letter-spacing: .2em;
    margin: 3em 0 .8em;
}

div.bloginfo_banner p {
    margin: 0;
    padding: 0;
}

div.bloginfo_banner span.free_die {
    font-size: 2.3em;
    padding: 0;
    letter-spacing: .105em;
}

div.bloginfo_banner span.free_die:before {
    content: '\f098';
    margin-right: .3em;
}

div.bloginfo_banner span.circle {
    font-size: .8em;
    font-weight: 550;
    padding: .5em .5em .2em .7em;
    margin-right: 1em;
    border: solid 1px #1b1b1b;
}

div.bloginfo_banner span.small {
    display: inline-block;
}

div.bloginfo_banner .blogifbtn {
    width: 280px;
    font-size: .9em;
    letter-spacing: .1em;
    display: inline-block;
    margin: 1em .25em 0;
    padding: 1em 1em .6em;
    text-decoration: none;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    color: #fff;
}

div.bloginfo_banner .blogifbtn:before {
    margin-right: .5em;
    font-weight: 400;
}

div.bloginfo_banner .mail {
    border: solid 2px #E31B12;
    background: #E31B12;
}

div.bloginfo_banner .line {
    border: solid 2px #01BA01;
    background: #01BA01;
}

div.bloginfo_banner .shop {
    border: solid 2px #025EBA;
    background: none;
    color: #025EBA;
}

div.bloginfo_banner .mail:before {
    content: '\f003';
}

div.bloginfo_banner .line:before {
    content: '\f3c0';
}

div.bloginfo_banner .shop:before {
    content: '\f0f7';
}

div.bloginfo_banner .mail:hover {
    background: none;
    color: #E31B12;
    transition: .4s;
}

div.bloginfo_banner .line:hover {
    background: none;
    color: #01BA01;
    transition: .4s;
}

div.bloginfo_banner .shop:hover {
    background: #025EBA;
    color: #fff;
    transition: .4s;
}

#secondary section:last-child {
    margin-bottom: 5vh;
}

#secondary,
.two-column #secondary {
    margin-top: 1.5em !important;
    margin-bottom: 3em;
}

/*工事ブログ*/
/*-- スライダー全体 --*/
div.blog_sliderArea {
    max-width: 100%;
    padding: 0;
    margin-top: -1em;
    position: relative;
    overflow: hidden !important;
}

div.blog_sliderArea.w300 {
    max-width: 300px;
}

/*-- 1段目 --*/
div.blog_sliderArea div.slick-list.draggable {
    position: relative;
    z-index: 2 !important;
}

div.slider-innnnn {
    padding: 0 2em;
    margin: 1em 0;
}

div#blog_slick div.slick-slide {
    margin: 0 5px;
}

div#blog_slick div.slick-slide img {
    width: 100%;
    height: auto;
}

/*-- 2段目 --*/
div.blog_thumb div.slick-slide {
    cursor: pointer;
    transition: all ease-in-out .3s;
    padding: 0 .25em;
}

div.blog_thumb div.slick-slide:hover {
    opacity: .7;
}

div.blog_thumb div.slick-active {
    opacity: 1;
}

div.blog_thumb div.slick-current {
    opacity: 1;
}

div.blog_thumb_inbox .swiper-slide {
    opacity: .5;
}

div.blog_thumb_inbox .swiper-slide-thumb-active {
    opacity: 1;
}

/*-- 画像のうっすら枠 --*/
div.slider-innnnn img,
div.blog_thumb div.slick-slide img {
    border: 1px solid #f5f5f5;
}

/*-- 左右のやじるし --*/
div.blog_thumb button.slick-prev,
div.blog_thumb button.slick-next {
    z-index: 0;
    top: 42%;
}

div.blog_thumb button.slick-prev {
    transform: translateX(50px);
    transition: all .5s;
    left: -2%;
}

div.blog_thumb button.slick-next {
    transform: translateX(-50px);
    transition: all .5s;
}

div.blog_sliderArea:hover div.blog_thumb button.slick-prev {
    transform: translate(-50%, 30%);
}

div.blog_sliderArea:hover div.blog_thumb button.slick-next {
    transform: translate(-50%, 30%);
}

div.blog_thumb button.slick-prev:before,
div.blog_thumb button.slick-next:before {
    line-height: 0;
}

div.blog_thumb button.slick-next {
    right: -4.8%;
}

/*-- 見出し --*/
h3.blog_alt-Text {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: .6em .7em !important;
    font-size: 19px !important;
    color: white;
    background: #272727;
    z-index: 2;
    color: #fff !important;
    top: 2.2em;
    left: -1em;
}

h3.blog_alt-Text:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #000;
}

/*拡大レンズ*/
.zoomContainer {
    z-index: 2;
    cursor: none;
}

.zoomLens {
    border: 2px solid #7b7b7b !important;
}

.slider-innnnn.swiper-slide.swiper-slide-duplicate.swiper-slide-prev img,
.slider-innnnn.swiper-slide.swiper-slide-duplicate.swiper-slide-next img {
    z-index: -999;
}

.slider-innnnn.swiper-slide.swiper-slide-duplicate.swiper-slide-active img {
    z-index: 2;
}

/*アンケート欄*/
/*工事事例アンケート*/
table.blog_ankt_table {
    border: solid 2px #3b3b3b;
    position: relative;
    margin: 5em 0 0;
}

table.blog_ankt_table caption h3 {
    text-align: center;
    margin: 0 0 .25em !important;
}

table.blog_ankt_table caption h3:before {
    content: '\f4ff';
    margin-right: .3em;
}

table.blog_ankt_table tr,
table.blog_ankt_table th,
table.blog_ankt_table td {
    border: none;
    display: block;
    width: 100%;
    padding: 0;
}

table.blog_ankt_table tr {
    padding: 3vh 2vh;
}

table.blog_ankt_table th h4 {
    font-size: 1.15em;
    padding: 0 !important;
    margin: 0 0 .5em !important;
}

.blog_ankt_table th h4:before {
    content: 'Q.';
    margin-right: .3em;
}

table.blog_ankt_table td {
    font-weight: 550;
    padding-left: 1.7em;
}

table.blog_ankt_table tr:first-child td,
table.blog_ankt_table tr:last-child td {
    padding: .25em 1em;
}

table.blog_ankt_table td ul {
    padding: 0;
    margin: 2em 0;
}

table.blog_ankt_table td ul li {
    font-weight: bold;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

table.blog_ankt_table td ul li ul {
    display: flex;
    padding: 0;
    margin: 3em 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

table.blog_ankt_table td ul li ul li {
    width: calc(100% / 5);
    text-align: center;
    position: relative;
    text-indent: 0;
    color: #CCC;
}

table.blog_ankt_table td ul li ul li.through {
    color: #5b5b5b;
}

table.blog_ankt_table td ul li ul:before,
table.blog_ankt_table td ul li ul li:before {
    top: -1.5em;
    height: 4px;
}

table.blog_ankt_table td ul li ul:before {
    width: calc(100% - 20%);
}

table.blog_ankt_table td ul li ul li:before {
    width: 100%;
}

table.blog_ankt_table td ul li ul:before,
table.blog_ankt_table td ul li ul li:before,
table.blog_ankt_table td ul li ul li:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background: #CCC;
}

table.blog_ankt_table td ul li ul li:after {
    top: -2em;
    width: 4px;
    height: 1em;
}

table.blog_ankt_table td ul li ul li:first-child:before,
table.blog_ankt_table td ul li ul li.rate:before {
    width: 50%;
    left: 75%;
}

table.blog_ankt_table td ul li ul li:last-child:before {
    width: 50%;
    left: 25%;
}

table.blog_ankt_table td ul li ul li.through:before,
table.blog_ankt_table td ul li ul li.through:after {
    background: #5b5b5b;
}

table.blog_ankt_table td ul li ul li.rate:after {
    top: -2em;
    border: solid 2px #2b2b2b;
    border-radius: 50%;
    background: #3b3b3b;
    width: 1em;
    height: 1em;
}

/*工事ブログタグバー*/
h3.tag_title:before {
    content: '\f02c';
    margin-right: .3em;
}

ul.taaaagmenu {
    display: block;
    width: 100%;
    margin: 0 0 10%;
    padding: 0;
    border-left: solid 1px #EEE;
    border-right: solid 1px #EEE;
}

ul.taaaagmenu li {
    list-style-type: none !important;
    position: relative;
    width: 100%;
    margin: 0;
}

ul.post_tag_list {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
}

ul.post_tag_list li {
    width: auto;
    margin-bottom: .3em;
}

ul.post_tag_list li:not(:last-child) {
    margin-right: .3em;
}

ul.post_tag_list li.taaaagmenu2 {
    width: 100%;
    display: block;
}

ul.taaaagmenu li dl {
    border-top: solid 1px #EEE;
}

ul.taaaagmenu li:last-child dl {
    border-bottom: solid 1px #EEE;
}

ul.taaaagmenu li dl h4:hover {
    opacity: 0.7;
}

ul.taaaagmenu li dt {
    margin: 0;
    padding: .7em .8em 0;
}

ul.taaaagmenu li dd {
    margin: 0;
    padding: .5em;
}

ul.taaaagmenu h4 {
    transition: .5s;
    font-size: 1.15em;
    color: #7b7b7b;
    margin: 0 0 .5em;
    padding: 0;
    position: relative;
    cursor: pointer;
}

ul.taaaagmenu h4:after {
    transition: .3s;
    content: '\f104';
    color: #8b8b8b;
    position: absolute;
    right: .2%;
}

ul.taaaagmenu .post_tag_list li {
    margin-bottom: .1em;
}

ul.taaaagmenu .post_tag_list li.inpreparation {
    margin: 0 0 0 .5em;
    color: #5b5b5b;
}

ul.taaaagmenu h4:hover:after,
.open h4:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #000000 !important;
}

.open h4 {
    color: #000000 !important;
    margin: 0 0 1em !important;
}

li.taaaagmenu2 {
    border-bottom: dotted 1px #EEE;
}

li.taaaagmenu2:last-child {
    border-bottom: none;
}

li.taaaagmenu2 h5 {
    transition: .5s;
    font-size: 1.1em;
    color: #5b5b5b;
    margin: 0 0 .5em;
    padding: .5em .3em 0;
    position: relative;
    cursor: pointer;
}

li.taaaagmenu2 h5:after {
    transition: .3s;
    font-size: 1.7em;
    content: '+';
    color: #8b8b8b;
    font-weight: 400 !important;
    position: absolute;
    right: .2%;
}

h5.ooopen:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

li.taaaagmenu2 ul {
    margin: 0;
    padding: .5em 0 1.5em;
}

ul.taaaagmenu a {
    font-size: .8em;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■

          商品ページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.entry-content {
    margin: 0 auto;
    padding: 0;
}

.cf.itempaaage {
    margin: 0 0 10%;
}

.item_box {
    position: relative;
    margin: 0 auto;
}

#itempage .item-info,
.item-info {
    margin: 0;
}

#itempage #img-box {
    position: relative;
    margin: 0 auto 3em;
}

.item-info .item-option {
    margin: 0 .1em;
    padding: 0;
    border: none;
}

h2.item-name {
    margin: .5em 0 1em !important;
}

.item-description .inner {
    border-bottom-style: none;
    margin: 0;
}

.item-description table p {
    font-size: 1em;
    line-height: 1.5;
    letter-spacing: .09em;
    margin: .5em 0;
}

ul.item_slider {
    display: block;
    max-width: 100%;
}

.item-description table p,
.inner p {
    padding: .1em .1em;
}

.right {
    width: 99%;
}

.zaikostatus {
    padding: .5em;
}

.item-info .c-box {
    padding: 0;
    margin: 0;
}

.item-info .cc-box {
    padding: 0;
    margin: 0;
}

.skuform .right {
    width: 100%;
    float: right;
}

.right {
    width: 99%;
}

.housing_ss {
    text-align: center;
    margin: 1em auto 0;
}

.housing_ss p {
    padding: 0 !important;
    margin: 0 !important;
}

.housing_ss p a,
.housing_ss p span {
    display: inline-block;
    font-size: .9em;
    line-height: 1;
    font-weight: 600;
    padding: .5em .75em .15em;
    text-align: center;
    border-radius: 3px;
    border: solid 1.5px;
}

div.hide {
    display: none;
}

/*商品ページslider*/
#item {
    display: block;
    position: relative;
    margin: 0;
    overflow: hidden !important;
}

#item li.swiper-slide {
    text-align: center;
    padding: 0 2.25vh;
}

#item .swiper-button-prev,
#item .swiper-button-next {
    top: 55% !important;
}

#item .swiper-button-prev {
    left: 0 !important;
}

#item .swiper-button-next {
    right: 0 !important;
}

h1.item_page_title {
    font-size: 1.1em !important;
    margin: 0 0 2em;
}

.item_op {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 5% 0;
}

.item_op_in {
    position: relative;
    width: calc(25% - 1.5%);
    margin: 1% 0.75% 0;
    text-align: center;
    vertical-align: middle;
    display: block;
    font-size: .725em;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    color: #5b5b5b;
}

.item_op_in.nonono {
    opacity: 0.15;
}

.item_op_in:before {
    width: 100%;
    display: block;
    font-size: 4em;
    margin: .5em 0 .25em;
}

.item_op_in.opp01:before {
    content: '\f7d9';
}

.item_op_in.opp02:before {
    content: '\f291';
}

.item_op_in.opp03:before {
    content: '\f0d1';
}

.item_op_in.opp04:before {
    content: '\f559';
}

p.search_item {
    padding: 0;
    margin: 1em 0 3em;
}

p.function {
    display: inline-block;
    padding: 0 !important;
    margin: 0 .8em 0 0 !important;
}

span.noprice {
    font-weight: 600;
    color: #E31B12;
}

/* 特価用 */
h2.item-name span.SPprice,
.its-shape02 h4 span.SPprice,
.in_item h4 span.SPprice {
    margin-right: .35em;
    margin-bottom: .35em;
    display: inline-block;
    font-size: .65em;
    position: relative;
    text-align: center;
    padding: .3em .5em .05em;
    border: solid 1px #000000;
    border-radius: 5px;
    background: #F4E900;
    color: #000000;
}

div.itemname span.SPprice {
    display: inline-block;
    font-size: .8em;
    font-weight: 600;
    position: relative;
    text-align: center;
    padding: .2em .5em 0;
    border: solid 1px #000000;
    border-radius: 3px;
    background: #F4E900;
    color: #000000;
}

/*Skuが複数ある場合のタブ切替え*/
.sku_tab-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.sku_tab-wrap .tab-label {
    position: relative;
    line-height: 1;
    width: auto;
    margin: 0 1% 5%;
    padding: .7em .75em .5em;
    text-align: center;
    transition: .4s;
    order: -1;
    font-size: .8em;
    font-weight: bold;
    color: #9b9b9b;
    border: solid 1px #9b9b9b;
    background: #FFF;
    cursor: pointer;
}

.sku_tab-wrap .tab-label.nonlabel {
    display: none;
}

.sku_tab-wrap .skuform {
    width: 100%;
    display: none;
    animation: .4s fadeIn;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


.sku_tab-wrap .tab-switch:checked+.tab-label {
    background: #3b3b3b;
    border: solid 1px #3b3b3b;
    color: #FFF;
    transition: all 0.5s 0s ease;
}

.sku_tab-wrap .tab-switch:checked+.tab-label+.skuform {
    display: block;
    transition: .4s;
}

.sku_tab-wrap .tab-switch {
    display: none;
}

/*繁忙期在庫確認*/
div.stockcheck {
    margin: 3% 0 5%;
    padding: 3vh;
    border: solid 4px #E31B12;
    position: relative;
}

div.stockcheck p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1em;
    font-weight: 600 !important;
    color: #3b3b3b !important;
}

/*商品ページの工事事例*/
h3.itemkoji {
    text-align: center;
    margin: .75em 0 1.5em !important;
    padding: 0 !important;
    position: relative;
}

h3.itemkoji:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 10vh;
    z-index: 0;
    opacity: 0.1;
    content: '\f0ad';
}

h3.itemkoji span {
    letter-spacing: .1em;
    white-space: nowrap;
}

h3.itemkoji p {
    color: #5b5b5b !important;
    font-weight: bold !important;
    white-space: nowrap;
    font-size: .7em !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

h3.itemkoji p:before {
    content: '＼';
    margin-right: .3em;
}

h3.itemkoji p:after {
    content: '／';
    margin-left: .3em;
}


div.side-kojiblogBox {
    display: block;
    margin: 2em 0 0;
    padding: 1.5em 1em;
    width: 100%;
    background: #F9F9F9;
    border-radius: 5px;
}

div.side-kojiblogBox p.side-forarchive {
    text-align: right;
    margin: 2.5em 0 0;
    padding: 0 .5em;
}

div.side-kojiblogBox p.side-forarchive:before {
    font-family: 'Font Awesome 5 Free', 'FontAwesome';
    content: '\f002';
}

div.side-kojiblog {
    display: inline-block;
    padding: 0 .5em;
    margin: .5em auto;
    vertical-align: top;
    width: 32.5%;
}

div.side-kojiblog h4 {
    margin: .5em 0;
    padding: 0;
    font-size: .9em !important;
}

div.side-kojiblog p.post_date {
    padding: 0;
    margin: .3em auto;
}


/*商品ページ見出し*/
.tax {
    font-size: .4em !important;
    font-weight: 600 !important;
    background: none !important;
}

/*商品番号*/
span.Itemcode {
    display: inline-block;
    font-size: .85em;
    font-weight: 500;
    line-height: 1;
    padding: .6em .75em .3em;
    border: solid 1px #3b3b3b;
}

/*商品ページのカートイン・商品問合せボタン*/
.item-info input[type="submit"].skubutton,
.in_item input[type="submit"].skubutton,
.box_one input[type="submit"].skubutton {
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    line-height: 1;
    width: auto;
    height: auto;
    padding: 1em 2.5em;
    border-radius: 3px;
    font-family: "游ゴシック", 'Font Awesome 5 Free', 'FontAwesome';
    border: solid 2px #E40020;
    background: #E40020;
}

.item-info input[type="submit"].skubutton:hover,
.in_item input[type="submit"].skubutton:hover,
.box_one input[type="submit"].skubutton:hover {
    text-decoration: none;
    background: #fff;
    color: #E40020;
}

.box_one_in .customize-unpreviewable {
    font-size: .8em !important;
    text-align: center;
}

.item-info .skuform {
    border: none;
    padding: 0;
}

.item-info .field_price {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    margin-bottom: 1em;
    width: 100%;
}

.p_off {
    position: relative;
    width: 120px;
    height: 120px;
    background: #E31B12;
    color: #FFF;
    border-radius: 50%;
    margin-right: 2%;
}

.p_off::before {
    content: "";
    width: 110px;
    height: 110px;
    border: solid 3px #FFF;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.p_off p {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: .8em !important;
    font-weight: 600 !important;
}

.p_offf p {
    font-size: .65em !important;
    white-space: nowrap;
}

.p_off p span {
    font-size: 1.8em;
}

.pricebooox {
    width: auto;
    text-align: right;
}

.item-info .field_cprice {
    display: block;
    width: 100%;
    color: #1e1e1e;
    font-size: .7em;
    font-weight: 600;
    margin: 0 0 .5em;
    text-decoration: line-through #E31B12 2px;
}

.item-info .field_cprice.open {
    text-decoration: none;
}

.item-info .field_cprice:before {
    font-weight: 500;
    content: '定価：';
    margin-left: .3em;
}

span.sell_price.ss_price {
    color: #E31B12;
    font-size: 1.4em;
    font-weight: bold;
}

div.skupriceeee {
    margin: 0 0 2em;
    padding: .5em .8em .25em;
    background: #f9f9f9;
    border-radius: 10px;
}

div.skupriceeee p {
    padding: .3em 0 .5em;
    font-size: 1em;
    margin: 0;
}

span.skupriceeee {
    font-weight: bold;
    width: 100%;
    display: inline-block;
}

div.skupriceeee p.field_cprice {
    font-size: .9em;
}

div.skupriceeee p.itemprice {
    font-size: 1.3em;
}

div.infokojiitem {
    display: block;
    width: 100%;
    margin: 0 auto 1em;
    text-align: right;
}

#itempage .item-info .itemsoldout {
    font-size: 1em;
    font-weight: 600;
    width: 100%;
    height: auto;
    margin-top: .357em;
    padding: .3em .5em;
}

div.must:after {
    font-size: .9em;
    font-weight: bold;
    letter-spacing: .1em;
    font-family: 'Font Awesome 5 Free', 'FontAwesome', "Josefin Sans", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    ;
    content: '\f0a6  必ず1台以上接続';
    color: #E31B12;
}

div.multi_item {
    display: inline-block;
    width: 24% !important;
    padding: 1em .8em;
    vertical-align: top;
    text-align: center;
}

div.multi_item h3 {
    font-size: 1.05em;
}

div.multi_item a h3:hover {
    color: rgba(1, 92, 137, .6) !important;
    transition: .3s ease all;
}

div.multi_item .opt_field label {
    font-size: .8em;
}

div.off {
    display: inline-block;
}

div.multi_item h4 {
    font-size: .8em !important;
    padding: 0 !important;
    margin: .5em 0 .2em !important;
    text-align: left;
}

div.multi_item a h3:hover {
    color: rgba(1, 92, 137, .6) !important;
    transition: .3s ease all;
}

p.enmark:before {
    content: '¥';
    margin-right: .1em;
}

.opt_field {
    text-align: left;
}

div.multi_item .skubutton {
    padding: .8em 0 .6em !important;
    margin: .5em 0 1em !important;
    letter-spacing: .1em;
    font-size: 1.2vh !important;
    font-weight: bold;
    width: 90% !important;
    display: inline-block !important;
    line-height: 1;
}


div.multi_item input:before {
    content: '¥';
    margin-right: .1em;
}

.item-info .skuimg img {
    display: none;
}

/*店長オススメ*/
div.staff_reco {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: solid 3px #000000;
    margin: 5em 0 3em;
    padding: 5vh 2.5vh 2.5vh;
}

div.staff_reco h4,
div.staff_reco-text p {
    margin: 0 !important;
    padding: 0 !important;
}

div.staff_reco h4 span {
    transform: rotate(-2.5deg);
    display: inline-block;
    background: #E31B12;
    color: #FFF;
    padding: .3em 1.5em .15em !important;
    position: absolute;
    top: -1.25em;
    left: .5em;
}

div.staff_reco h4 span:before {
    content: '\f0a6';
    font-weight: 400;
    margin-right: .3em;
}

div.staff_reco-text {
    width: 77%;
}

div.staff_reco-pic {
    text-align: center;
    width: 23%;
    padding-left: 3%;
}

div.staff_reco-text p {
    color: #3b3b3b !important;
    font-weight: 600 !important;
}

div.staff_reco-pic p {
    margin: .5em 0 0 !important;
    padding: 0 !important;
}

/*ショートコードの商品羅列レイアウトFlex*/
div.shp_FlexBox.item_out {
    justify-content: left;
}

div.in_item {
    position: relative;
    width: calc(25% - 2%);
    margin: 0 1% 3%;
    text-align: center;
}

div.in_item h4 {
    font-size: .9em !important;
    letter-spacing: .05em !important;
    margin: .35em 0 1em !important;
    text-align: left;
}

div.in_item p.enmark {
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
    margin: 0;
}

div.in_item p.enmark .proper {
    font-size: 1em;
    color: #5b5b5b !important;
    text-decoration: line-through 2px solid #E31B12;
}

div.in_item p.enmark .taaaax {
    font-size: .55em;
    font-weight: 550;
    margin: 0;
}

div.in_item form.customize-unpreviewable {
    margin: .5em auto 0 !important;
}

div.in_item .skubutton {
    font-size: .7em !important;
    font-weight: 600 !important;
    margin: 0 auto !important;
    padding: .8em 1.5em .8em !important;
}

div.in_item .opt_field {
    font-size: .85em;
    margin: 0 auto 1em !important;
}

div.in_item div.sooooldout {
    transition: .4s;
    position: relative;
}

div.in_item div.sooooldout:hover {
    opacity: 0.67;
}

div.in_item div.sooooldout:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

div.in_item div.sooooldout:after {
    content: 'SOLD OUT';
    font-size: 1.15em;
    white-space: nowrap;
    letter-spacing: .2em;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.button_status {
    display: none;
}

span.newitem,
span.blognew {
    display: inline-block;
    line-height: 1;
    padding: .5em .5em .25em .7em;
    letter-spacing: 1.8px;
    font-size: .9em;
    font-weight: bold;
    margin-right: .5em;
    color: #FFF;
    background: #F44336;
    border-radius: 5px;
    position: relative;
}

/*在庫状態*/
span.zaiko_status {
    display: inline-block;
    font-size: .75em;
    padding: .3em .75em .2em;
    border-radius: 5px;
    font-weight: 600;
}

.item-info span.zaiko_status {
    margin-bottom: .5em;
}

.field_price span.zaiko_status {
    float: right;
}

div.itemname span.zaiko_status {
    padding: .4em .3em .15em;
    margin-right: .3em;
    margin-bottom: 0;
    text-decoration: none;
    border-radius: 3px;
    font-weight: 600;
    line-height: 120%;
}

span.InStock {
    border: 2px solid #007CBA;
    background: #007CBA;
    color: #FFF;
}

span.LimitedStock {
    border: 2px solid #E31B12;
    color: #E31B12;
}

span.SoldOut,
span.reco_item {
    border: 2px solid #E31B12;
    background: #E31B12;
    color: #FFF;
}

span.Backordered {
    border: 2px solid #BA9B00;
    background: #BA9B00;
    color: #FFF;
}

span.Discontinued {
    border: 2px solid #1b1b1b;
    background: #1b1b1b;
    color: #FFF;
}

span.reco_item:before {
    font-weight: 400;
    content: '\f0a6';
    margin-right: .3em;
}


div.Non-returnable {
    margin: 1em 0 0;
    padding: .75em 0;
    text-align: center;
    border: solid 1px #E31B12;
}

div.Non-returnable p {
    font-size: 1em;
    font-weight: 600;
    color: #E31B12;
}

/*アーカイブとカテゴリーのターム*/
div.terms_listbox {
    text-align: left !important;
    margin: 0 0 10%;
}

a.terms_list {
    display: inline-block;
    font-size: 1vh;
    padding: .8em .5em .4em;
    margin-left: 1.5% !important;
    margin-bottom: 1% !important;
    line-height: 1;
    border-radius: 2px;
    font-weight: 600;
    background: #EEE;
    white-space: pre-line;
}

/*まとめ買い*/
.item-info .itemGpExp {
    font-size: 1em;
    margin: 0 0 1em;
    padding: 0;
    border: 2px solid #6B6B6B !important;
    border-radius: 5px;
}

.item-info .itemGpExp dt {
    border-bottom-width: 0;
    border-bottom-style: none;
}

.item-info .itemGpExp dt {
    background: #6B6B6B;
    padding: .3em 0 .1em;
    color: #FFF;
    text-align: center;
    margin: 0;
    position: relative;
}

.item-info .itemGpExp dt::after {
    position: absolute;
    content: '';
    top: 100%;
    left: calc(50% - 14px);
    border: 14px solid transparent;
    border-top: 10px solid #6B6B6B;
    width: 0;
    height: 0;
}

.item-info .itemGpExp dd {
    padding: 1em .5em .5em;
    font-size: 1.1em;
    font-weight: 500;
}

.item-info .itemGpExp .price {
    font-size: 1.2em;
    color: #E31B12;
    padding: 0 0 0 .5em;
    letter-spacing: .1em;
}

/*カタログ確認文言*/
p.item_caution {
    font-weight: 550;
    padding: 1.5vh;
    margin: 0 0 3em;
    letter-spacing: .1em;
    border-radius: 1px;
    border: solid 3px #CCCCCC;
}

/*うるさらの注意*/
div.urusara_box {
    display: block;
    margin: 1em 0;
    width: 100%;
    height: 100%;
    border: 3px solid #00ADA9;
    border-radius: 5px;
}

div.urusara_box div.urusara_box-title {
    font-size: 1.2em;
    background: #F89174;
    line-height: 150%;
    padding: .75em 1em .4em;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin: 0;
    background: #00ADA9;
    color: #FFF;
}

div.urusara_box img {
    display: block;
    width: 100%;
    margin: 0 0 1em;
}

div.urusara_box ul {
    margin: 1em .75em;
}

div.urusara_box ul li {
    list-style-type: none !important;
    font-weight: 570;
    font-size: 1.05em;
    letter-spacing: .05em;
    text-indent: -1.6em;
    padding-left: 1.6em !important;
}

div.urusara_box ul li:before {
    content: '\f00c';
    margin-right: .5em;
    color: #E31B12;
}

div.urusara_box ul li ul {
    margin: .3em 0 0 1em;
}

div.urusara_box ul li ul li {
    font-size: .95em;
    padding-left: .5em !important;
}

div.urusara_box ul li ul li:before {
    content: '・';
    margin-right: .1em;
    color: #1b1b1b;
}

/*ビルマルカテゴリーhead*/
.itemsearrrch-parent.categoryhead {
    margin-top: 3%;
    margin-bottom: 5%;
    justify-content: left;
}

.itemsearrrch-children.category_in {
    width: calc(16.66666% - 1%);
    margin: .5%;
    padding: .5% 1%;
}

.itemsearrrch-children.category_in {
    width: calc(16.66666% - 1%);
    margin: .5%;
    padding: .5% 1%;
}

/*マルチカテゴリーhead*/
div.multicategory {
    width: calc(50% - 1%);
    margin: 3% .5% 3%;
    padding: 2vh 1vh;
    text-align: center;
    border: solid 1px #EEE;
}

div.multicategory h3 {
    font-size: 1.1em !important;
    margin: 0 0 1em !important;
}

div.multicategory h3 p {
    font-size: .75em !important;
    font-weight: 600 !important;
    color: #5b5b5b !important;
}

div.multicategory h3 p span {
    white-space: nowrap;
    padding: .5em .5em .3em;
    margin-right: .5em;
    border-radius: 5px;
    background: #63C1CD;
    color: #fff;
}

div.multicategory img {
    width: 80%;
}

/*ぱんくず*/
div.breadcrumbs {
    margin: 2em 0;
    padding: 0;
}

div.breadcrumbs ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    margin: .5em 0;
    padding: 0;
}

div.breadcrumbs ul li {
    margin: 0;
    padding: 0;
    font-weight: 550;
    font-size: .94em;
}

div.breadcrumbs ul li:first-child a:before {
    content: '\f015';
    margin-right: -.1em;
    font-weight: normal;
}

div.breadcrumbs ul li:after {
    content: '≫';
    margin-right: .25em;
    pointer-events: none;
    color: #6b6b6b;
    font-weight: 600;
}

div.breadcrumbs ul li:last-child::after {
    content: none;
    margin-right: 0;
}

/*カートページ*/
h1.cart_page_title {
    text-align: center;
    margin: 2em auto;
}

h1.cart_page_title:before {
    margin-right: .3em;
}

h1.cartpaage:before {
    content: '\f07a';
}

h1.customerpage:before {
    content: '\f4ff';
}

h1.paaaaay:before {
    content: '\f788';
}

h1.verification:before {
    content: '\f4fc';
}

h1.doooone:before {
    content: '\f00c';
    color: #E31B12;
}

div.cart_navi ul {
    border: none;
}

div.cart_navi li {
    border: solid 1px #ccc !important;
    position: relative;
    line-height: 1.5;
    padding: .5em 0;
    opacity: .5 !important;
    z-index: 1;
}

div.cart_navi li span {
    display: block;
    padding: 0;
    margin: 0;
    font-size: .9em;
    font-weight: 500;
}

div.cart_navi li.current {
    font-weight: 600;
    position: relative;
    opacity: 1 !important;
    z-index: 2;
}

div.cart_navi li.current:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 0;
    height: 0;
    border-top: 2em solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 2em solid transparent;
    border-left: 10px solid #090909;
    background: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

div.cart_navi li.current:last-child::after {
    content: none;
}


div.cart_navi li.compleeete span:before {
    content: '\f00c';
    color: #E31B12;
    font-size: 2.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

div#cart_completion h3 {
    text-align: center;
    font-size: 2.5vh;
    margin: 0 0 3vh !important;
}

div#cart_completion p {
    text-align: center;
    font-size: 1em;
    line-height: 1.8;
}

#cart_table {
    margin: 3em 0 1em;
}

#cart_table thead th {
    background: #3b3b3b;
}

#cart_table th,
#cart_table td {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: auto;
}

#cart_table .unitprice,
#cart_table .price,
#cart_table .quantity,
#cart_table .subtotal,
#cart_table .action {
    text-align: right;
    width: 10%;
}

#cart .action input.delButton {
    text-align: right;
    display: inline-block;
}

#wc_cart #cart .upbutton {
    font-size: .8em;
}

/*配送等入力ページ*/
#customer-info h5 {
    font-size: 1.25em;
    margin: 5em 0 1.25em;
    text-align: center;
}

#customer-info h5.memberrrrr:before {
    content: '\f2c2';
    margin-right: .3em;
}

#customer-info h5.nomemberrrrr:before {
    content: '▼';
    margin-right: .3em;
}

#wc_delivery .customer_form dt {
    font-weight: normal;
    margin-top: .75em;
}

.customer_form th {
    font-size: 1.2em;
    font-weight: 600;
    padding: 1em .3em;
}

.customer_form td ul.delivery_caution {
    font-size: .95em;
    font-weight: 550;
    padding: 0;
    list-style-type: disc;
    margin: 1em 0 0 1em;
}

.customer_form td ul.delivery_caution li {
    list-style-type: disc;
    padding: .2em 0;
}

.customer_form td ul.delivery_caution li span.red {
    font-weight: 600;
    color: #E31B12;
}

.customer_form td dt label {
    font-weight: 600;
}

select#delivery_method_select {
    width: 99% !important;
}

#delivery-info .customer_form dt:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

#delivery-info .customer_form dd {
    padding: .5em 0 1em;
    margin-left: 0;
    width: 99% !important;
}

#wc_delivery .customer_form dt {
    font-weight: normal;
    margin-top: .75em;
    padding: 1.5em 0 0;
}

#wc_delivery .customer_form dt {
    font-weight: normal;
    border-top: 1px solid #EEE;
    clear: both;
}

.customer_form td label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 550;
    position: relative;
    transition: all .3s ease-out;
    margin: 0;
    margin-right: 2.8em;
    padding: 0;
    font-size: 1em;
}

.customer_form td label:hover {
    opacity: 0.8 !important;
}

input#delivery_flag1,
input#delivery_flag2,
input#payment_name_0,
input#payment_name_1,
input#payment_name_2,
input#payment_name_3,
input#payment_name_4,
input#payment_name_5,
.customer_form input[type="checkbox"] {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

input#delivery_flag1:before,
input#delivery_flag2:before,
input#payment_name_0:before,
input#payment_name_1:before,
input#payment_name_2:before,
input#payment_name_3:before,
input#payment_name_4:before,
input#payment_name_5:before,
.customer_form input[type="checkbox"]:before {
    background: #fff;
    border: 2px solid #3b3b3b;
    opacity: .7;
    transition: all .15s ease-out;
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: 0;
    transform: rotate(0deg);
    border-radius: 50%;
}

input#delivery_flag1:after,
input#delivery_flag2:after,
input#payment_name_0:after,
input#payment_name_1:after,
input#payment_name_2:after,
input#payment_name_3:after,
input#payment_name_4:after,
input#payment_name_5:after,
.customer_form input[type="checkbox"]:after {
    content: '\f00c';
    font-size: 1.6em;
    font-weight: bold;
    color: #E31B12;
    display: block;
    opacity: 0;
    transition: all .15s ease-out;
    position: absolute;
    top: -.15em;
    left: 0;
    transform: rotate(50deg);
}

input#delivery_flag1:checked:before,
input#delivery_flag2:checked:before,
input#payment_name_0:checked:before,
input#payment_name_1:checked:before,
input#payment_name_2:checked:before,
input#payment_name_3:checked:before,
input#payment_name_4:checked:before,
input#payment_name_5:checked:before,
.customer_form input[type="checkbox"]:checked:before {
    transform: rotate(50deg);
    opacity: 0;
}

input#delivery_flag1:checked:after,
input#delivery_flag2:checked:after,
input#payment_name_0:checked:after,
input#payment_name_1:checked:after,
input#payment_name_2:checked:after,
input#payment_name_3:checked:after,
input#payment_name_4:checked:after,
input#payment_name_5:checked:after,
.customer_form input[type="checkbox"]:checked:after {
    transform: rotate(0deg);
    opacity: 1;
}

dd.payment_0 img,
dd.payment_1 img,
dd.payment_2 img,
dd.payment_3 img,
dd.payment_4 img,
dd.payment_5 img {
    display: block;
    margin: .3em 0 .5em;

}

.error_message {
    color: #ff0000;
    font-size: 1.3em;
    font-weight: bold;
}

td.shipping {
    border: none !important;
}

tr.furikana-row.member-furikana-row,
tr.furikana-row.delivery-furikana-row {
    display: none;
}

input.use_coupon_button {
    background: #1b1b1b !important;
    border: solid 1px #E31B12;
    color: #fff !important;
}

#cart #coupon_table tr:first-child td:first-child {
    font-weight: 600;
}

tr.fax-row.delivery-fax-row,
tr.fax-row member-fax-row,
tr.fax-row.member-fax-row {
    display: none;
}

.confirm_wrap {
    margin: 0;
}

#confirm_table th {
    width: 30%;
}

#confirm_table td {
    width: 70%;
}


/*注文完了画面*/
#wc_ordercompletion h3 {
    margin: 1.785715em 0;
    text-align: left;
    margin: 0 !important;
}

table.ordercomplete td {
    width: 65%;
    text-align: left;
    vertical-align: middle;
    padding: 1em;
    margin: 0;
    font-size: 1.5em;
    border: solid 1px #CCC;
}

table.ordercomplete th {
    width: 35%;
    text-align: center;
    vertical-align: middle;
    background: #eee;
    font-weight: 600;
    font-size: 1.2em;
    padding: 1em;
    border: solid 1px #CCC;
}

table.ordercomplete {
    width: 100%;
    padding: .5em;
    margin: 1em .1em !important;
    border: solid 1px #CCC;
}

.back_to_the_top_button {
    display: inline-block;
    padding: .8em 2em;
    text-decoration: none;
    border-radius: 5px;
    transition: .4s;
    font-size: 1.1em;
    font-weight: 550;
    text-align: center !important;
    margin: .1em 1em 2em;
    color: #FFF;
    background: #1b1b1b;
    border: solid 2px #1b1b1b;
}

.back_to_the_top_button:before {
    content: '\f015';
    font-family: 'Font Awesome 5 Free', 'FontAwesome', 'Avenir', 'Arial', sans-serif;
    margin-right: .3em;
}

.back_to_the_top_button:hover {
    text-decoration: none;
    color: #1b1b1b;
    background: #FFF;
    border: solid 2px #1b1b1b;
    transition: .4s;
}

/*サイドバー商品検索*/
.item_search.sside_class form.searchandfilter ul li {
    width: 100%;
    padding: 0;
    margin: 0 0 .25em 0;
}

.item_search.sside_class form.searchandfilter ul li:last-child {
    margin: 0;
}

.item_search.sside_class h4 {
    font-size: 1em !important;
    margin: 0 0 .1em !important;
}

.item_search.sside_class form.searchandfilter ul li:last-child {
    margin-bottom: 2em;
}

.item_search.sside_class input[type="submit"] {
    margin-top: 1em;
}

.item_search.sside_class .is-form-style input.is-search-input {
    width: 100%;
    padding: 0;
    margin: .75em 0 1em 0;
}

.item_search.sside_class select {
    width: 100%;
}

ul.taaaagmenu .item_search.sside_class h4:after {
    transition: .3s;
    content: none;
}

section#custom_html-57 h3:before {
    font-family: 'Font Awesome 5 Free', 'FontAwesome', 'Avenir', 'Arial', sans-serif;
    content: '\f002';
    margin-right: .3em;
}

.cp_actab {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.cp_actab input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.cp_actab label {
    position: relative;
    display: block;
    padding: 1em;
    cursor: pointer;
    margin: 0;
    font-weight: bold !important;
}

.cp_actab label h4 {
    font-weight: 600 !important;
}

.cp_actab .cp_actab-content {
    overflow: hidden;
    height: 0;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
    /*padding: -1px;*/
    margin: -1px 0;
    border-top: none;
}

/* :checked */
.cp_actab input:checked~.cp_actab-content {
    height: auto;
    box-sizing: border-box;
}

/* Icon */
.cp_actab label::after {
    position: absolute;
    top: 1em;
    right: 1em;
    display: block;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    text-align: center;
}

.cp_actab input[type=checkbox]+label::after {
    content: '\f054';
}

.cp_actab input[type=checkbox]:checked+label::after {
    transform: rotate(90deg);
}

.cp_actab input[type=checkbox]:checked+label {
    border-bottom: none;
}

.cp_actab input[type=checkbox]:checked+label {
    background: #F7F7F7;
    transition: all 0.1s;
    border-radius: 5px 5px 0 0;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■

        見出し

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
h1.catetitle,
h1.shp01,
h1.member_page_title,
.cart_page_title {
    position: relative;
    letter-spacing: 2px;
    margin: 1em 0 .75em;
}

h1.catetitle {
    font-size: 1.6em;
    padding: .2em;
}

h1.catetitle:after,
h1.shp01:after,
h1.member_page_title:after {
    content: "";
    display: block;
    height: 3px;
    background: -moz-linear-gradient(to right, rgb(0, 0, 0), transparent);
    background: -webkit-linear-gradient(to right, rgb(0, 0, 0), transparent);
    background: linear-gradient(to right, rgb(0, 0, 0), transparent);
}

h1.shp03 {
    font-size: 1.5em !important;
    letter-spacing: 2.5px;
    margin: 1em 0 .5em;
    padding: 0;
}

h1.shp04 {
    margin: 1em auto 2em !important;
    text-align: center;
}

h1.shp04 span {
    text-align: center;
    padding: .2em .5em;
    letter-spacing: .3em;
    border-bottom: 3px solid #3b3b3b;
}

h1.shp04 p {
    font-size: 1em !important;
    font-weight: 540 !important;
    padding: .1em;
    letter-spacing: .2em;
    margin-top: .7em;
}

h1.Inquiry {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    letter-spacing: .2em;
    margin: 2em 0 1em;
}

h1.search_item {
    font-size: 2em;
    padding: 0;
    margin: .5em 0 .3em;
}

h1.search_item:after {
    content: "";
    display: block;
    height: 3px;
    background: -moz-linear-gradient(to right, #000, transparent);
    background: -webkit-linear-gradient(to right, #000, transparent);
    background: linear-gradient(to right, #000, transparent);
}

h1.search_item:before {
    content: '\f002';
    margin: 0 .3em 0 0;
}

h2.shp01 {
    padding: .2em 0 .1em .5em;
    border-left: 5px solid #000000;
    border-bottom: 1px solid #ccc;
    letter-spacing: .2em;
    margin: 6em 0 .5em 0;
}

h2.shp01 span {
    font-size: .7em;
    color: #515557;
    margin-right: .3em;
}

h2.shp02 {
    display: flex;
    align-items: center;
    margin: 5em 0 1.5em 0;
    letter-spacing: .1em;
}

h2.shp02:before,
h2.shp02:after {
    content: "";
    flex-grow: 1;
    height: 3px;
}

h2.shp02:before {
    margin-right: .8em;
    background: linear-gradient(-90deg, #888, transparent);
}

h2.shp02:after {
    margin-left: .8em;
    background: linear-gradient(90deg, #888, transparent);
}

h2.shp03 {
    text-align: center;
    margin-top: 6em;
    margin-bottom: 2em;
}

h2.shp03 span {
    font-weight: bold;
    line-height: 100%;
    letter-spacing: .2em;
    position: relative;
    display: inline-block;
    padding: .1em .4em .1em .5em;
    border-bottom: 3px solid black;
    line-height: 1.5;
}

h2.shp03 span::before,
h2.shp03 span::after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    border: 20px solid transparent;
}

h2.shp03 span::before {
    border-top: 20px solid black;
}

h2.shp03 span::after {
    margin-top: -4px;
    border-top: 20px solid white;
}

h2.shp03 p {
    font-weight: bold !important;
    color: #5b5b5b;
    font-size: .65em !important;
    margin: 0;
}

h2.shp04 {
    font-size: 2vw;
    margin: 8em auto 3em;
    padding: 1em 0;
    text-align: center;
    letter-spacing: .1em;
    border-top: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
}

h2.shp04 span {
    font-size: .7em;
    display: block;
    color: #5b5b5b;
}

h2.top_main_widget {
    margin: 10em auto 2em !important;
    text-align: center;
}

h2.top_main_widget span {
    font-size: 1.7em;
    font-weight: 600 !important;
    padding: .2em .5em;
    letter-spacing: .3em;
    border-bottom: 3px solid #3b3b3b;
}

h2.top_main_widget p {
    font-size: 1em !important;
    font-weight: 540 !important;
    padding: .1em;
    letter-spacing: .2em;
    margin-top: .7em;
}

h2.top_main_widget p.head {
    font-size: 1em !important;
    font-weight: 600 !important;
    color: #5b5b5b !important;
    padding: 0 !important;
    margin: 0 !important;
    letter-spacing: .2em;
}

h3.top_main_widget {
    margin: 4em auto 1em !important;
    text-align: center;
}

h3.top_main_widget span {
    font-size: 2.2em !important;
    font-weight: 600 !important;
    padding: .1em .4em;
    letter-spacing: .4em;
    border-bottom: 2px solid #3b3b3b;
}

h3.top_main_widget p {
    font-size: 1.3em !important;
    font-weight: 540 !important;
    padding: .1em;
    letter-spacing: .1em;
    margin-top: .1em;
}

h3.shp01,
h3.shp03 {
    position: relative;
    border-bottom: 3px solid #ccc;
    margin: 4em auto 1em auto;
    padding: 0 .18em .1em;
}

h3.shp01::after,
h3.shp03::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 2;
    content: '';
    width: 13.5%;
    height: 3px;
    background: #333;
}

h3.shp02 {
    margin: 6em auto 3em;
    display: block;
    text-align: center;
}

h3.shp03:before {
    content: '\f0a4';
    margin-right: .3em;
}

h3.shp04 {
    text-align: center;
    margin: 7em 0 3em;
    letter-spacing: .17em;
}

h3.shp04 span {
    text-align: center;
    padding: 1em 1.5em;
    border-top: solid 2px #2b2b2b;
    border-bottom: solid 2px #2b2b2b;
    font-size: .85em;
}

h3.shp02 span {
    letter-spacing: .18em;
    padding: 1em 2em .7em;
    border-top: 2px solid #1b1b1b;
    border-bottom: 2px solid #1b1b1b;
}

h3.shp05 {
    text-align: center;
    margin: 6em 0 3em;
    letter-spacing: .17em;
    font-size: 2.3vh !important;
}

h3.shp05 span {
    text-align: center;
    padding: 0 1em .7em;
    border-bottom: solid 2px #2b2b2b;
}

h3.shp05 p {
    font-size: .7em !important;
    font-weight: bold !important;
    color: #5b5b5b !important;
}

h3.shpA,
h3.shpB {
    position: relative;
    margin: 4em 0 1em;
    padding: 0 !important;
    font-size: 2.5vh !important;
    overflow: hidden;
}

h3.shpA span,
h3.shpB span {
    padding: 0 .3em !important;
}

h3.shpB {
    text-align: right;
}

h3.shpA:before,
h3.shpB:before {
    border-bottom: 3px solid #1b1b1b;
    width: 100%;
}

h3.shpA:after,
h3.shpB:after {
    border-bottom: 3px solid #9b9b9b;
    width: 100%;
}

h3.shpA:before,
h3.shpB:before,
h3.shpA:after,
h3.shpB:after {
    content: "";
    position: absolute;
    bottom: 0;
}

h3.shpA:before,
h3.shpB:after {
    left: 0;
    z-index: 0;
}

h3.shpA:after,
h3.shpB:before {
    z-index: 1;
}


h4.shp01 {
    padding: .15em;
    font-size: 1.2em;
    letter-spacing: 2px;
    margin: 3em 0 .1em 0;
}

h4.shp01:before {
    content: '\f0a4';
    margin-right: .2em;
    color: #E31B12;
}

h4.shp02 {
    font-size: 1.4em;
    color: #444;
    position: relative;
    padding: 10px 0 2px 28px;
    margin: 2.3em 0 .5em 0;
}

h4.shp02:before,
h4.shp02:after,
h4.shp03:before,
h4.shp03:after {
    content: "";
    position: absolute;
    margin: auto;
}

h4.shp02:before,
h4.shp03:before {
    width: 12px;
    height: 12px;
    top: 0;
    left: 14px;
    background: #d14;
    transform: rotate(50deg);
}

h4.shp02:after,
h4.shp03:after {
    width: 8px;
    height: 8px;
    top: 18px;
    left: 6px;
    background: #d14;
    transform: rotate(20deg);
}

h4.shp03 {
    font-size: 1.2em;
    position: relative;
    padding: 10px 0 2px 28px;
    margin: 3em 0 .1em 0;
}

h4.shp04 {
    border-bottom: 2px dotted #4b4b4b;
    padding: 0 0 .1em !important;
    margin: 3em 0 1em !important;
}

h4.shp05 {
    text-align: center;
    position: relative;
    margin: 5em auto 2.5em;
    letter-spacing: .1em;
}

h4.shp05 span {
    border-bottom: 2px dotted #4b4b4b;
    padding: .75em;
}

h4.shp05 p {
    font-size: .7em !important;
}

h4.shpA,
h4.shpB {
    position: relative;
    letter-spacing: .1em;
    margin: 3em 0 1em;
    padding: 0 !important;
    font-size: 2.3vh !important;
    overflow: hidden;
}

h4.shpA span,
h4.shpB span {
    padding: 0 .3em !important;
}

h4.shpB {
    text-align: right;
}

h4.shpA:before,
h4.shpB:before {
    border-bottom: 2px solid #3b3b3b;
    width: 100%;
}

h4.shpA:after,
h4.shpB:after {
    border-bottom: 2px solid #9b9b9b;
    width: 100%;
}

h4.shpA:before,
h4.shpB:before,
h4.shpA:after,
h4.shpB:after {
    content: "";
    position: absolute;
    bottom: 0;
}

h4.shpA:before,
h4.shpB:after {
    left: 0;
    z-index: 0;
}

h4.shpA:after,
h4.shpB:before {
    z-index: 1;
}

h5.shp01 {
    padding: .2em;
    font-size: 1.2em;
    letter-spacing: .1em;
    margin: 1em 0 .5em 0;
}

h5.shp01:before {
    content: '\f0a4';
    margin-right: .2em;
}

h5.shp02,
h5.shp03 {
    font-size: 1.2em;
    text-align: center;
    position: relative;
    margin: 5em auto 2.5em;
    letter-spacing: .1em;
}

h5.shp02:before {
    position: absolute;
    bottom: -1em;
    left: calc(50% - 30px);
    width: 60px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #E31B12;
}

h5.shp03 {
    margin: 5em auto 1.5em;
}

h5.shp03:after {
    content: "\f00c";
    font-size: 7vh;
    color: rgba(27, 27, 27, 0.1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*見出し上書き*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600 !important;
}

#home-widget-bottom h2.widget_title {
    border-bottom: 1px dotted #1b1b1b;
    font-size: 1.4em !important;
    letter-spacing: .1em;
}

h2.widgettitle {
    display: none;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
}

#secondary #welcart_calendar-3 h3.widget_title img,
h2.widget_title img {
    display: none;
}

#welcart_login-11 h2.widget_title span:before {
    content: '\f023';
    margin-right: .3em;
}

#secondary #welcart_calendar-3 h3.widget_title:before,
#welcart_calendar-15 h2.widget_title span:before {
    content: '\f073';
    margin-right: .3em;
}

#content .page-title,
#content .entry-title {
    margin: .25em 0 !important;
}

h3.widget_title {
    margin: .1em 0 1em 0 !important;
    padding-left: .2em !important;
    border-bottom: 1px solid #ccc !important;
}


h3.widget_title img {
    margin: 0 .3em .3em .1em !important;
}

h3.search_item {
    margin: 1em 0 0 0;
    padding: 0;
    font-size: 3em;
    font-weight: bold;
}

h3.search_item-side {
    font-size: 1.25em !important;
    margin: 0 auto .2em !important;
    padding: 0;
    text-align: center;
}

h3.search_item-side:before {
    content: '\f002';
    margin-right: .3em;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■

        文字回り

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.entry-content p {
    margin: 0 0 .2em;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.8em !important;
    font-weight: 500;
    padding: 0;
}

p a {
    text-decoration: none !important;
    font-weight: 600;
}

a {
    color: initial;
}

a.ext_icon:after {
    content: '\f08e';
    margin-left: .3em;
}

a.no_icon:after {
    content: none;
}

p.main_text {
    margin: 1em 0 1.5em;
}

p.searchtext {
    text-align: right !important;
    display: block;
    width: 100%;
}

p.searchtext .viewmorebtn {
    margin-top: 3em;
}

.viewmorebtn {
    border: solid 1px #EEE;
    padding: 1.25em 2em 1em;
    position: relative;
    display: inline-block;
    color: #5b5b5b;
    text-decoration: none;
    font-size: 1.15em;
    font-weight: bold;
}

.viewmorebtn::after,
.viewmorebtn::before,
.viewmorebtn span::after,
.viewmorebtn span::before {
    background: #000000;
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.viewmorebtn::after {
    width: 0px;
    height: 2px;
    top: -1px;
    left: -1px;
}

.viewmorebtn::before {
    width: 0px;
    height: 2px;
    right: -1px;
    bottom: -1px;
}

.viewmorebtn span::after {
    width: 2px;
    height: 0px;
    left: -1px;
    bottom: -1px;
}

.viewmorebtn span::before {
    width: 2px;
    height: 0px;
    top: -1px;
    right: -1px;
}

.viewmorebtn:hover {
    color: #FFF;
    background: #E31B12;
}

.viewmorebtn:hover::after,
.viewmorebtn:hover::before {
    width: 100%;
    width: calc(100% + 1px);
}

.viewmorebtn:hover span::after,
.viewmorebtn:hover span::before {
    height: 100%;
    height: calc(100% + 1px);
}

p.search_item {
    font-size: 1.1em;
    letter-spacing: 1.8px;
    padding-left: .5em;
}

li {
    font-size: 1em;
    font-weight: 550;
}

span.caution {
    font-size: .8em;
    font-weight: bold;
    color: #ff0f00;
}

span.insistence {
    font-weight: bold;
    color: #ff0f00;
}

span.emphasis {
    font-size: 1.3em;
    font-weight: bold;
    color: #ff0f00;
}

span.red {
    font-size: 1.1em;
    color: #ff0f00;
}

span.small {
    display: block;
    font-size: .8em;
}

span.smaaall {
    font-size: .8em;
}

span.moresmall {
    font-size: .5em;
}

span.big {
    font-size: 1.5em;
    font-weight: 560;
}

span.biger {
    font-size: 1.35em;
    font-weight: bold;
    color: #E31B12;
}

span.search_find {
    font-size: 1.5em;
    font-weight: bold;
    margin-right: .3em;
}

span.toiawase {
    font-size: 1.1em;
    font-weight: 540;
}

span.toiawase:before {
    content: '\f0e6';
    margin-right: .3em;
    color: #E40020;
}

p.big {
    font-size: 1.5em;
    margin: 1em auto 2em auto;
    text-align: center;
    vertical-align: middle;
    letter-spacing: .25em;
    font-weight: 540;
}

.entry-meta {
    padding: 0 .7em;
}

.entry-meta .date:before {
    display: inline-block;
    content: "\f017";
    color: #262626;
    font-size: 1em;
    margin-right: .25em;
}

span.categorytag {
    margin-bottom: .5em;
}

span.categorytag:before {
    content: "\f07c";
    display: inline-block;
    color: #262626;
    font-size: 1em;
    margin-right: .25em;
}

span.required,
span.any {
    font-size: .5em;
    padding: .4em .3em .2em .3em;
    margin: 0 0 0 1em;
    border-radius: 3px;
    color: #fff;
}

.customer_form th em {
    font-size: .52em;
    padding: .75em .75em .5em;
    border-radius: 3px;
    color: #fff;
}

.header_explanation span.required,
.customer_form th em {
    margin: 0 .5em 0 0;
}

span.required,
.customer_form th em {
    background: #E40020;
}

span.any {
    background: #6b6b6b;
}

p.center_text {
    text-align: center;
    margin: 1em auto 2.5em;
    line-height: 1.5;
    width: 100%;
}

.entry-content a,
.item-description a {
    text-decoration: none;
}

.taxonomy-img {
    margin: 0 0 1em;
}

.taxonomy-description {
    font-size: 1.1em;
    margin: 0 .3em 2em;
    line-height: 1.5;
    letter-spacing: .15em;
    font-weight: 550;
}

div.rightnow {
    text-align: right;
    margin: .25em 0;
}

div.rightnow a {
    font-size: 1.1em;
    font-weight: 600;
}

div.rightnow a:before {
    content: '\f002';
    margin-right: .3em;
}

.textwidget.custom-html-widget .rightnow {
    display: none;
}

/*電話・メール*/
span.tel,
span.mail,
span.free,
span.fax {
    font-size: 1.4em;
    padding: .2em;
    font-weight: 530;
    letter-spacing: 2px;
}

span.tel a,
span.mail a,
span.free a,
span.fax a {
    text-decoration: none;
}

span.tel:before {
    content: '\f095';
    margin-right: .4em;

}

span.mail:before {
    content: '\f003';
    margin-right: .4em;

}

span.free:before {
    font-size: 1.05em;
    content: '\f098';
    margin-right: .4em;

}

span.fax:before {
    content: '\f1ac';
    margin-right: .4em;
}

#itempage a.itempageinfo:before {
    content: '\f059';
    margin-right: .3em;
}

#itempage a.itempageinfo:after {
    content: none;
}

#itempage a.itempageinfo {
    font-weight: 550;
    margin: 0;
    font-size: .8em;
    display: inline-block;
}

#itempage .item-info p a {
    display: block;
    text-align: end;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■

     アニメーション

■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*-- アンダーライン --*/
.ani_underline {
    padding-bottom: .05em;
    background: linear-gradient(#5bc8ac, #5bc8ac) 0 100%/0 2px no-repeat;
    transition: background .5s;
    text-decoration: none;
}

.ani_underline.reverse {
    background-position: 50% 100%;
}


.ani_underline.isActive {
    background-size: 100% 5px;
    font-weight: bold;
}

/*-- 共通 --*/
.ani_all {
    display: inline-block;
    background: #000;
    width: 13%;
    height: 5em;
    margin: 0 2em 1em 0;
}

/*-- 上下 --*/
.ani_updown {
    animation: updown .5s infinite alternate ease-in-out;
}

@keyframes updown {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(2px);
    }
}

/*-- 左右 --*/
.ani_sayu {
    animation: sayu .5s infinite alternate ease-in-out;
}

@keyframes sayu {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(2px);
    }
}

/*-- hoverすると回転 --*/
.ani_rotate:before {
    font-family: 'Font Awesome 5 Free', 'FontAwesome';
    content: '\f2f1';
    display: inline-block;
}

.ani_rotate:hover::before {
    animation: rotate .8s linear forwards;
}


@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

/*-- ふわふわ --*/
.ani_fuwa {
    animation: fuwa 2s infinite ease-in-out;
}

@keyframes fuwa {
    0% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, -6px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/*ぽよぽよ上下*/
.move {
    position: relative;
    animation: ball 0.721s alternate infinite;
    -webkit-animation: ball 0.721s alternate infinite;
    -moz-animation: ball 0.721s alternate infinite;
}

@keyframes ball {
    0% {
        transform: translate(0%, 3px) rotateX(25deg);
    }

    100% {
        transform: translate(0%, -2px);
    }
}

@-webkit-keyframes ball {
    0% {
        -webkit-transform: translate(0%, 3px) rotateX(25deg);
    }

    100% {
        -webkit-transform: translate(0%, -2px);
    }
}

/*検索結果並び替え*/
ul.sortbox {
    margin: 1em .5em;
    padding: 0 .1em;
    text-align: right;
}

ul.sortbox a {
    font-weight: 550;
    color: #2b2b2b;
    transition: .4s;
}

ul.sortbox a:hover {
    transition: .4s;
    opacity: 0.5;
}

ul.sortbox li {
    display: inline-block;
    font-size: .9em;
}

ul.sortbox li:not(:first-child) {
    margin-left: 1em;
}

ul.sortbox li:before {
    font-weight: 600;
    margin-right: .1em;
}

li.sortbox01:before {
    content: '\f163';
}

li.sortbox02:before {
    content: '\f162';
}

li.sortbox03:before {
    content: '\f160';
}

li.sortbox04:before {
    content: '\f884';
}


/*検索結果のターム*/
span.taxonomy_search_list {
    padding-right: 1em;
}

span.taxonomy_search_list:before {
    font-family: 'Font Awesome 5 Free', 'FontAwesome';
    content: "\f00c";
    margin-right: .5em;
}

span.taxonomy_search_list02 {
    font-weight: 600;
}

span.taxonomy_search_list02:before {
    font-family: 'Font Awesome 5 Free', 'FontAwesome';
    content: "\f075";
    margin-right: .3em;
}

.itemtax {
    display: inline-block;
    font-weight: 600;
}

.itemtax:after {
    content: '/';
    color: #7b7b7b;
    margin-right: .5em;
}

.itemtax:last-child:after {
    content: none;
    margin-right: 0;
}

.itemtax01:before {
    content: '\f075';
    font-weight: 550;
    color: #7b7b7b;
}

p.notfound {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 180%;
    font-weight: 550;
    padding: 0;
}

/*検索結果・カテゴリーページの家庭用の能力*/
span.p_ability_label,
span.recommended_ability_label {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 2%;
    right: -1%;
    background: rgba(0, 0, 0, 0.5);
    line-height: 1;
    padding: .6em .5em .4em;
    letter-spacing: .1em;
    color: #fff;
    font-weight: bold;
}

span.p_ability_label {
    font-size: .8em;
}

/*商品検索やカテゴリの一覧新着表示*/
span.itemlistnew {
    color: #FFF;
    border: solid 2px #F44336;
    background: #F44336;
    padding: .4em .8em .15em;
    margin-right: .3em;
    text-decoration: none;
    font-size: .8em;
    border-radius: 3px;
    font-weight: 600;
    line-height: 100%;
}

.prrrrice:before {
    content: '￥';
    margin-right: .1em;
}

/*テーブル*/
table.shp-table {
    width: 100%;
    letter-spacing: .1em;
    line-height: 1;
}

table.shp-table caption {
    text-align: center;
}

table.shp-table th {
    background: #eee;
    font-weight: 600;
    padding: 2.5vh;
}

table.shp-table td {
    font-weight: 550;
    padding: 2.5vh;
}

table.item01 {
    width: 100%;
    margin: 10% 0 3%;
}

table.item01 caption h2 {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
}

table.item01 caption h2 span {
    display: inline-block;
    position: relative;
    text-align: center;
    letter-spacing: 2.5px;
}

table.item01 caption h2 span:before {
    content: '\f1e6';
    margin-right: .5em;
}

table.item01 caption h2 span:after {
    content: '\f002';
    position: absolute;
    font-size: .5em;
    top: .5em;
    left: .95em;
    text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
}

table.item01 th:not(:first-child),
table.item01 td:not(:first-child) {
    border-left: none;
}


table.item01 th {
    width: 35%;
    text-align: center;
    vertical-align: middle;
    background: #eee;
    font-weight: 600;
    padding: .75em;
    line-height: 1;
}

table.item01 th.multi:before {
    content: '\f071';
    margin-right: .1em;
    color: #e31b12;
}

table.item01 th .fa-circle-question::before {
    font-size: .85em;
    margin-left: .5em;
    font-weight: 600;
    color: #333333;
}

table.item01 td {
    width: 65%;
    text-align: left;
    vertical-align: middle;
    padding: 1em;
    margin: 0;
    font-size: 1em;
}

table.item01 td p {
    text-align: left;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    font-size: 1em;
    text-decoration: none;
}

table.item01 td a {
    text-decoration: none;
    font-weight: 530;
}

.inabtys:not(:first-child):before {
    content: '/';
    margin-right: .75em;
    color: #1e1e1e;
}

table.item01 td.tax_function a.terms_list {
    position: relative;
    font-size: .75em;
    font-weight: 600;
    padding: .8em .8em .4em;
    margin: .5% 1% .5% 0 !important;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

table.item01 td.tax_function a.terms_list::after {
    content: attr(data-tooltip-title);
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #7b7b7b;
    color: #fff;
    padding: .75em .75em .5em;
    border-radius: 3px;
    white-space: pre-wrap;
    width: 200px;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1;
    pointer-events: none;
    line-height: 1.5;
}

table.item01 td.tax_function a.terms_list::before {
    content: '';
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.8 !important;
    border-width: 6px;
    border-style: solid;
    border-color: #7b7b7b transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

table.item01 td.tax_function a.terms_list:hover::after,
table.item01 td.tax_function a.terms_list:hover::before {
    opacity: 1;
    visibility: visible;
}

table.item01 td.tax_function a.terms_list:last-child {
    margin-right: 0 !important;
}

table.item01 td.tax_function p {
    margin: 1em 0 0 !important;
}

table.item01 td ul {
    margin: 0 1em;
}

table.item01 td li {
    margin: 0;
}

td.plugype .plugype-in {
    display: inline-block;
}

td.plugype .plugype-in span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: 550;
}

td.plugype .plugype-in img {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
}

table.item01 th.tax_eco,
table.item01 th.apf,
table.item01 th.naisaize,
table.item01 th.gaisize,
table.item01 th.anothersize {
    line-height: 1.5;
}

table.item01 .tax_eco img,
table.item01 .tax_eco>span {
    vertical-align: middle;
    display: inline-block;
}

table.item01 .tax_eco img {
    width: 35px;
    margin-right: 1%;
}

table.item01 .tax_eco p {
    margin-top: .5em;
}

.ecoin span {
    display: block;
    font-size: .7em;
}

table.item01 .star {
    display: inline-block;
    position: relative;
    font-size: 1.25em;
}

table.item01 .star:before {
    content: '★';
    color: #CCC;
}

table.item01 .star .filled {
    color: #ffc107;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

table.item01 td.itemin ul,
table.item01 td.lineup ul {
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
}

table.item01 td.itemin ul li {
    width: calc(100% / 3);
    margin: 0;
    padding: .75%;
    text-align: center;
    position: relative;
    list-style: none;
}

table.item01 td.lineup ul li {
    position: relative;
    list-style: none;
    font-size: .95em;
}

table.item01 td.lineup ul li:before {
    content: '・';
}

table.item01 td.lineup ul li:not(:last-child) {
    margin-right: .25em;
}

table.item01 td.lineup ul li:active {
    position: relative;
    list-style: none;
}

span.rd_span02 {
    display: inline-block;
    margin-top: .75em;
}

span.rd_span02:after {
    content: '：';
}

table.item01 td .rd_span02:last-child {
    margin-left: .75em;
}

h3.multi_in {
    margin: 0 0 1em;
    text-align: center;
    letter-spacing: .125em;
}

h3.multi_in:before {
    content: '\f0a4';
    margin-right: .1em;
}

table.shp_table {
    border: 1px solid #ccc;
    width: 100%;
    letter-spacing: .1em;
}

table.shp_table th {
    font-size: 1.1em;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    padding: .7em .5em;
    background: #eee;
}

table.shp_table td {
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    padding: .7em .5em;
}

table.shp_table tr.break {
    border-top: 3px solid #ccc;
}

#loginform table,
#loginform table th,
#loginform table td {
    border: none;
}

#loginform table {
    margin-bottom: 2em;
}

/*----------------------
レスポンシブテーブルスマホ
div class="table-scrrroll"
で囲って、左の列に class="fixed"
----------------------*/
div.table-scrrroll {
    position: relative;
    max-width: 1180px !important;
}

/*縦ヘッダー固定table*/
div.table-scrrroll-height {
    margin: 3% 0 5%;
    overflow-x: hidden;
    overflow-y: scroll;
    width: calc(103% - 1rem);
    height: 60vh;
    border-top: solid 1px #EEE;
    border-bottom: solid 1px #EEE;
}

div.table-scrrroll-height .shp-table thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}

/*縦横固定table*/
div.table-scrrroll-XY {
    margin: 3% 0 5%;
    overflow-y: scroll;
    overflow-x: scroll;
    position: relative;
    max-width: 1180px !important;
    width: calc(103% - 1rem);
    height: 60vh;
}

div.table-scrrroll-XY table thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■

      問い合わせフォーム

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*問い合わせフォーム*/
/*見出し*/
h1.Inquiryfrom {
    letter-spacing: .2em;
    position: relative;
    text-align: center;
    margin: 3em auto 1.5em;
}

h1.Inquiryfrom span {
    border-bottom: solid 2px #4b4b4b;
    padding: 0 .5em .3em !important;
}

h1.Inquiryfrom p {
    letter-spacing: .2em;
    margin-top: .2em;
    color: #4b4b4b !important;
    font-size: .9em !important;
}

h1.Inquiryfrom.msend:before {
    display: block;
    content: '\f0e0';
    font-size: 2em;
    color: #007CBA;
    font-weight: 400;
    -webkit-animation: sennnt 3s ease forwards;
    animation: sennnt 3s ease forwards;
}

p.anc {
    font-size: 1em;
    font-weight: bold;
}

/*くるくる回る*/
@-webkit-keyframes sennnt {
    0% {
        transform: rotateY(0);
        opacity: 0;
    }

    50% {
        transform: rotateY(360deg);
        opacity: 0.3;
    }

    100% {
        transform: rotateY(0);
        opacity: 1;
    }
}

@keyframes sennnt {
    0% {
        transform: rotateY(0);
        opacity: 0;
    }

    50% {
        transform: rotateY(360deg);
        opacity: 1;
    }

    100% {
        transform: rotateY(0);
        opacity: 1;
    }
}

/*フォーム下部アンケート*/
div.questionnaire {
    padding: 3vh;
    margin: 3em 0 1em;
    background: #f9f9f9;
    text-align: center;
}

div.questionnaire h5 p {
    padding: 0 !important;
    margin: 0 !important;
    font-size: .95em !important;
    font-weight: bold !important;
    color: #3b3b3b !important;
}

/*フォーム下部注意リスト*/
ul.Inquiry {
    border: solid 1px #3b3b3b;
    border-radius: 3px;
    padding: 3vh;
    position: relative;
    margin: 2em 0;
}

ul.Inquiry li {
    line-height: 1.8;
    font-weight: 550;
    padding: .5em 0 .5em 1.6em;
    list-style-type: none !important;
    text-indent: -1.8em;
}

ul.Inquiry li a {
    font-weight: 600;
    letter-spacing: .1em;
}

ul.Inquiry li:before {
    content: '\f071';
    margin-right: .5em;
}

div.thanxfrom {
    padding: 2em 1em;
    margin: 2em auto 1em;
    vertical-align: middle;
    text-align: center;
    border: solid 3px #3b3b3b;
    border-radius: 5px;
    display: block;
    max-width: 950px;
}

div.thanxfrom p.thanx01 {
    line-height: 1.5 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 2em;
}

div.thanxfrom p.thanx02 {
    font-size: 1em;
    padding: 0 !important;
    margin: 2em 0 0 !important;
}

div.thanxfrom p.thanx01 span {
    margin: 0 auto;
    display: block;
}

div.thanxfrom p.thanx01 span:before {
    margin-right: .3em;
}

span.thanxtel:before {
    content: '\f098';
}

span.thanxmail:before {
    content: '\f003';
}

span.thanxtime {
    font-size: .8em;
    font-weight: 550;
    padding: .5em .5em .25em .7em;
    margin-right: 1em;
    border: solid 1px #1b1b1b;
}

/*Blog画像拡大のやつ*/
.lum-lightbox-inner {
    height: 100vh;
}

.lum-close-button {
    right: 5%;
    top: 5%;
    transition: .3s;
}

.lum-close-button:before,
.lum-close-button:after {
    width: 5px;
}

.lum-lightbox {
    background: rgba(0, 0, 0, .7);
}

.lum-lightbox-inner .lum-lightbox-caption {
    margin: .8em auto 0;
    font-size: 1.3em;
    letter-spacing: .08em;
}

.lum-gallery-button:after {
    transition: .3s;
    opacity: 0.5;
}

.lum-gallery-button:hover:after {
    border-color: #FFF;
    opacity: 1;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■

        ボタン系

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.butttton,
.usces_logout_a,
input.top,
input.deletemember,
input.editmember {
    display: inline-block;
    width: auto;
    height: auto;
    padding: .8em 1.5em .6em;
    margin-top: 1em;
    text-decoration: none;
    border-radius: 3px;
    transition: .4s;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    background: none;
    line-height: 1;
}

.usces_logout_a,
input.top,
input.deletemember,
input.editmember {
    margin: 1em .5em 0;
}

.mitsumori_btn01,
/* 見積もりボタン */
.mail_btn01,
/* メールボタン */
.past_construction_btn01,
/* 工事ボタン */
.afterservice_btn,
/* アフターサービスボタン */
.line_btn,
/* LINEボタン */
.area_btn,
/* 工事エリアボタン */
.quick_btn,
/* クイックボタン */
.zoom_btn,
/* ZOOMボタン */
.e-link_btn,
/*外部リンクボタン */
.iteeem_btn

/* 商品ボタン */
    {
    display: inline-block;
    padding: .8em 2em .6em;
    text-decoration: none;
    border-radius: 5px;
    transition: .4s;
    font-size: 1em;
    font-weight: 550;
    text-align: center !important;
}

.mitsumori_btn01,
.mail_btn01 {
    margin: .1em auto 1em;
    color: #FFF;
    background: #E40020;
    border: solid 2px #E40020;
}

.past_construction_btn01 {
    margin: .1em auto 1em;
    color: #FFF !important;
    border: solid 2px #E8BE00;
    background: #E8BE00;
}

.afterservice_btn {
    margin: .1em auto 1em;
    color: #FFF;
    background: #DF5656;
    border: solid 2px #DF5656;
}

.line_btn {
    margin: .1em auto 1em;
    color: #FFF;
    background: #01B901;
    border: solid 2px #01B901;
}

.area_btn {
    margin: .1em auto 1em;
    color: #FFF;
    background: #57AA34;
    border: solid 2px #57AA34;
}

.zoom_btn {
    margin: .1em auto 1em;
    color: #FFF;
    background: #2C88F8;
    border: solid 2px #2C88F8;
}

.quick_btn {
    margin: .1em auto 1em;
    color: #FFF;
    background: #E84900;
    border: solid 2px #E84900;
}

.e-link_btn {
    margin: 1em auto 0;
    color: #FFF;
    background: #0080E8;
    border: solid 2px #0080E8;
}

.iteeem_btn {
    margin: 1em auto;
    border: solid 2px #2271B1;
    background: #2271B1;
    color: #fff;
}

.hooooome {
    display: inline-block;
    margin: 10em 0 5em;
    text-decoration: none;
    transition: .4s;
    font-size: 1.15em;
    font-weight: 550;
    text-align: center;
}

.mitsumori_btn01:before,
.mail_btn01:before,
.past_construction_btn01:before,
.afterservice_btn:before,
.line_btn:before,
.area_btn:before,
.quick_btn:before,
.zoom_btn:before,
.iteeem_btn:before,
.hooooome:before,
.editttt:before,
.usces_logout_a:before {
    margin-right: .4em;
}

.mitsumori_btn01:before {
    content: '\f1ec';
}

.mail_btn01:before {
    content: '\f003';
}

.past_construction_btn01:before {
    content: '\f0ad';
}

.afterservice_btn:before {
    content: '\f004';
}

.line_btn:before {
    content: '\f3c0';
}

.area_btn:before {
    content: '\f041';
}

.zoom_btn:before {
    content: '\f03d';
}

.iteeem_btn:before {
    content: '\f002';
}

.quick_btn:before {
    content: '\f1da';
}

.hooooome:before {
    font-size: 1.25em;
    content: '\f015';
}

.editttt:before {
    content: '\f4ff';
}

.e-link_btn:after {
    content: '\f08e';
    margin-left: .5em;
}

.usces_logout_a:before {
    content: '\f2f5';
}

.mitsumori_btn01:hover,
.mail_btn01:hover {
    text-decoration: none;
    color: #E40020;
    background: #FFF;
    border: solid 2px #E40020;
    transition: .4s;
}

.past_construction_btn01:hover {
    text-decoration: none;
    background: #FFF;
    border: solid 2px #EFB22A;
    color: #EFB22A !important;
    transition: .4s;
}

.afterservice_btn:hover {
    text-decoration: none;
    color: #DF5656;
    background: #FFF;
    font-weight: 590;
    border: solid 2px #DF5656;
    transition: .4s;
}

.line_btn:hover {
    text-decoration: none;
    color: #01B901;
    background: #FFF;
    font-weight: 590;
    border: solid 2px #01B901;
    transition: .4s;
}

.area_btn:hover {
    text-decoration: none;
    color: #57AA34;
    background: #FFF;
    font-weight: 590;
    border: solid 2px #57AA34;
    transition: .4s;
}

.zoom_btn:hover {
    text-decoration: none;
    color: #2C88F8;
    background: #FFF;
    font-weight: 590;
    border: solid 2px #2C88F8;
    transition: .4s;
}

.quick_btn:hover {
    text-decoration: none;
    color: #E84900;
    background: #FFF;
    font-weight: 590;
    border: solid 2px #E84900;
    transition: .4s;
}

.e-link_btn:hover {
    text-decoration: none;
    color: #0080E8;
    background: #FFF;
    font-weight: 590;
    border: solid 2px #0080E8;
    transition: .4s;
}

.iteeem_btn:hover {
    background: #fff;
    color: #2271B1;
}

input[type="button"]:hover,
input[type="submit"]:hover {
    opacity: 0.8;
}

/*工事について
（色は各ページCSSで指定）
工事事例のボタン
2個横並び
*/

.koji_menu_btn,
.blog_menu_btn {
    display: inline-block;
    padding: .7em 2em;
    text-decoration: none;
    border-radius: 5px;
    transition: .4s;
    font-size: 1.1em;
    font-weight: 550;
    text-align: center;
    margin: .1em .5em;
    width: 35%;
}

.blog_menu_btn {
    color: #FFF !important;
    border: solid 2px #EFB22A;
    background: #EFB22A;
}

.blog_menu_btn:hover {
    text-decoration: none;
    background: #fff;
    color: #EFB22A !important;
}

.koji_menu_btn:before,
.blog_menu_btn:before {
    margin-right: .3em;
}

.koji_menu_btn:before {
    content: '\f02d';
}

.blog_menu_btn:before {
    content: '\f0ad';
}

/*空調用語集ボタン*/
.word_return_btn {
    position: relative;
    display: inline-block;
    padding: 1em 3em .75em 2em;
    margin: 5em auto 1em;
    text-decoration: none;
    transition: .4s;
    font-size: 1.15em;
    font-weight: 600;
    letter-spacing: .1em;
    color: #ffffff;
    border: solid 2px #333333;
    background: #333333;
    line-height: 1;
    border-radius: 3px;
}

.word_return_btn:after {
    transition: .2s;
    position: absolute;
    top: 1em;
    right: 1.65em;
    content: '\f101';
}

.word_return_btn:hover {
    background: none;
    color: #333333;
}

.word_return_btn:hover:after {
    right: 1.35em;
}

/*子ページを自動出力するテンプレ*/
div.voc_child_box {
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

div.voc_child_page {
    width: calc(33.3333% - 3%);
    padding: 0;
    margin: 0 1.5% 3%;
    position: relative;
    border: solid 1px #EEE;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

div.voc_child_page img {
    display: block;
    width: 100%;
    aspect-ratio: 118 / 65;
    object-fit: cover;
}

div.voc_child_page.pagesearch img {
    aspect-ratio: 118 / 65;
    object-fit: cover;
}

div.voc_child_page h4 {
    text-align: left;
    font-size: .99em !important;
    margin: 0 0 .75em;
    padding: 0;
}

div.voc_child_page-in {
    padding: .5em .75em .25em;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

div.voc_child_page.pagesearch h4 {
    margin: 0;
    padding: 0;
}

div.pagesearch .voc_child_page-in {
    padding: 1em .75em;
}

div.voc_child_page-in p,
div.voc_child_page-in .post_tag_list {
    margin-top: auto !important;
}

div.voc_child_page-in .post_tag_list li {
    font-size: .8em;
}

div.voc_child_page-in .post_tag_list li a {
    font-weight: 600 !important;
}

/*補助金分類label*/
div.voc_child_page h4 span {
    padding: .5em .5em .3em;
    color: #FFF;
    border-radius: 1px;
    font-size: .75em;
    font-weight: 600;
    letter-spacing: .1em;
}

/*家庭用label*/
span.achousing {
    background: #2D9EAD;
}

/*業務用label*/
span.acpackage {
    background: #C33064;
}

span.ghptype {
    background: #E31B12;
}

/*label*/
div.voc_child_page .voc_customf_label {
    display: inline-block;
    position: absolute;
    top: .4em;
    left: -.5em;
    z-index: 2;
}

div.voc_child_page .voc_customf_label span {
    padding: .5em .5em .25em;
    color: #FFF;
    border-radius: 1px;
    font-size: .9em;
    font-weight: 550;
    letter-spacing: .1em;
}

/*お客様の声記事一覧label*/
span.interview_label {
    background: #FF836D;
}

/*公募中label*/
span.ocp_now {
    background: #1270E3;
}

/*公募終了label*/
span.ocp_end {
    background: #E31B12;
}

div.voc_child_page div.coverrrr {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

div.coverrrr span {
    display: inline-block;
    line-height: 1;
    padding: .5em .75em .25em;
    font-size: 2.5vh;
    border: solid 2px #CCC;
    white-space: nowrap;
    letter-spacing: .2em;
    font-weight: 600;
    color: #CCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

div.voc_child_page-in span.voc_date,
div.voc_child_page-in span.voc_update {
    display: inline-block;
    margin: 0 0 .25em;
    padding: 0;
    color: #8b8b8b;
}

div.voc_child_page-in span.voc_date {
    margin-right: 1em;
    font-size: .8em;
}

div.voc_child_page-in span.voc_update {
    font-size: .7em;
}

div.voc_child_page-in span.voc_date:before {
    margin-right: .3em;
    content: '\f017';
}

div.voc_child_page-in span.voc_update:before {
    content: '更新：';
}

/*子ページを自動出力するテンプレ*/
/*ページネーション*/
.pagination_wrapper {
    display: block;
    width: 100%;
    text-align: center;
    margin: 2em auto;
}

/*インタビュー ページ*/
/*-- ページトップ --*/
.ci_top {
    width: 100vw;
    min-height: 300px;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 0;
    margin-bottom: 2em;
    z-index: 0;
    overflow: hidden;
    padding: 15% 10% 10%;
}

/* 背景アニメーション */
.bg {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #d9d6d64d 50%, #d9cdcd73 50%);
    bottom: 0;
    left: -50%;
    opacity: 0.5;
    position: absolute;
    right: -50%;
    top: 0;
    z-index: -1;
}

.bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 5s;
}

.bg3 {
    animation-duration: 7s;
}

/* メイン画像ラッパー */
.ci_top-in {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: end;
    width: 80vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.in-text {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
    position: absolute;
    bottom: 30%;
    left: 3%;
}

.in-text h1 {
    text-align: center;
    margin: 0;
}

.in-text span {
    display: block;
    font-weight: bold;
    color: #000000;
}

span.in01 {
    font-size: 3.5em;
}

span.in02 {
    font-size: .65em;
    letter-spacing: .1em;
}

.in-pic {
    position: relative;
    transform: rotate(0deg);
    width: 70%;
    margin-bottom: 10%;
}

.in-pic::before,
.in-pic::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.in-pic::before {
    transform: rotate(-6deg);
    background-color: #d9cdcd73;
    top: 0%;
    left: -10%;
    z-index: -1;
}

.in-pic::after {
    transform: rotate(-11deg);
    background-color: #d9d6d64d;
    top: 5%;
    left: -20%;
    z-index: -2;
}

.in-pic img {
    display: block;
    width: 100%;
    height: auto;
}

/* アニメーション定義 */
@keyframes slide {
    0% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(25%);
    }
}

/*インタビュー ページ*/
/*-- グレー斜め背景 --*/
div.n_interview_bg,
div.n_interview_bg02 {
    position: relative;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
    margin: 50% 0 20% !important;
    text-align: center;
}

div.n_interview_bg::after,
div.n_interview_bg02::after {
    content: '';
    top: 0;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 105%;
    background: #f7f7f7;
}

div.n_interview_bg::after {
    transform: skewY(5deg);
}

div.n_interview_bg02::after {
    transform: skewY(-5deg);
}

/*インタビュー ページ*/
/*-- コンテンツ --*/
div.n_interview_contbox h2 span {
    font-size: 2.5em;
    letter-spacing: .05em;
    color: #2b2b2b;
}

div.n_interview_contbox h2 p {
    font-weight: bold !important;
    margin: 1em 0 0 !important;
}

div.interview_video01 video {
    display: block;
    width: 100%;
}

div.n_interview_flexxx {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

div.n_flexxx_in01,
div.n_flexxx_in02 {
    padding: 1%;
}

div.n_flexxx_in01 {
    width: 40%;
}

div.n_flexxx_in02 {
    width: 28%;
}

div.n_interview_Fbox {
    margin-top: 3%;
    align-items: center;
    flex-direction: row-reverse;
}

div.n_interview_Fbox div.pic img {
    width: 23vh;
    border: 1px solid #ccc;
    border-radius: 500px;
}

div.n_interview_Fbox div.pic p {
    margin-top: 0.8em;
}

div.n_interview_Fbox div.text {
    text-align: left;
}

table.n_interview_detail_table {
    border-right: none;
    border-left: none;
}

table.n_interview_detail_table th,
table.n_interview_detail_table td {
    border: none;
    padding: 3vh;
}

table.n_interview_detail_table tr {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

table.n_interview_detail_table th {
    width: 25%;
    font-weight: bold;
}

table.n_interview_detail_table td {
    font-weight: 550;
}

/*インタビュー ページ*/
/*-- 静止画ver. --*/
div.n_interview_pic {
    margin: 4% 0;
}

div.n_interview_text {
    text-align: left;
}

div.n_interview_text h3 {
    margin-bottom: 1%;
}

div.n_interview_text p {
    margin-bottom: 4%;
}

div.floatR {
    float: right;
    margin-top: -15%;
}

div.floatR h2 {
    display: inline-block;
    letter-spacing: .15em !important;
    float: right;
    position: relative;
    padding: 0 .2em 0 .5em;
    margin-top: -1em;
    margin-right: -1.1em;
    color: #2b2b2b;
}

div.floatL {
    float: left;
}

div.floatL h2 {
    display: inline-block;
    letter-spacing: .15em !important;
    float: left;
    position: relative;
    padding: 0 .2em 0 .5em;
    margin-top: -1em;
    margin-left: -1.2em;
    color: #2b2b2b;
}

div.floatR h2:after,
div.floatL h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #654343, #654343 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

div.floatR h3,
div.floatL h3 {
    font-size: 1.1em !important;
    margin: 1em 0 .5em !important;
}

div.floatR p,
div.floatL p {
    font-size: 1em !important;
    margin: 0 !important;
    padding-left: 1em !important;
}

div.floatPicR {
    float: right;
}

div.floatPicR img {
    float: right;
    margin-top: -15%;
}

div.cb {
    clear: both;
    /* float解除 */
}

/*スクロールバー*/
.scroll_box {
    width: 100%;
    height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0 1em;
}

/*親要素無視して横ブチヌキh1divBOX*/
.shp_page_head {
    width: 100vw;
    min-height: 300px;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 0;
    margin-bottom: 2em;
    z-index: 0;
    overflow: hidden;
}

.shp_page_head-in {
    width: 100%;
    height: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 33.89830508%;
}

.shp_page_head-in:before {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    background: inherit;
    filter: blur(5px);
}

.shp_page_head-in h1 {
    z-index: 1;
    width: 100%;
    text-align: center;
    position: absolute;
    letter-spacing: .23em;
    opacity: 1;
    color: #FFF;
    padding: 0;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

div.shp_page_head h1 span {
    font-size: 1.5em;
    border-bottom: solid 3px;
    text-align: center;
    padding: 0 .2em .2em;
}

div.shp_page_head h1 p {
    padding: .5em 0;
    font-size: 1em !important;
}

/*404*/
h1.page-title.notfound {
    text-align: center;
}

h1.notfound:before {
    font-family: 'Font Awesome 5 Free', 'FontAwesome';
    content: '\f071';
    color: #e31b12 !important;
    margin-right: .3em;
}

.error-404 .page-content p {
    font-weight: 600;
    line-height: 2;
    font-size: 1.2em;
    margin: .5em 0;
}

.pagesearcharea {
    background: #f7f7f7;
    padding: 5vh;
    border-radius: 3px;
}

.pagesearcharea form {
    width: 90%;
    display: block;
    margin: 0 auto;
}

/*エアコンかしこい使い方*/
div.smartuse_box {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center !important;
    position: relative;
    width: calc(50% - 2%);
    margin: 0 1% 2%;
    padding: 2vh;
    border: solid 1px #3b3b3b;
    border-radius: 10px;
}

div.smartuse_box-pic {
    text-align: center;
    width: 30%;
}

div.smartuse_box-text {
    padding-left: 2em;
    width: 70%;
}

div.smartuse_box-text h4:before {
    content: '\f0eb';
    margin-right: .3em;
    color: #FDD100;
}

div.smartuse_box-text p {
    font-size: .95em !important;
    font-weight: bold !important;
    color: #5b5b5b !important;
}

/*ハウジング天カセ工事費BOX*/
div.hac_priceee {
    width: 100%;
    margin: 1em 0;
    padding: 3vh;
    border: solid 5px #1b1b1b;
    text-align: center;
    position: relative;
}

div.hac_priceee:before {
    border-bottom: 10vh solid transparent;
    border-left: 10vh solid #1b1b1b;
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.hac_priceee:after {
    border-left: 10vh solid transparent;
    border-bottom: 10vh solid #1b1b1b;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

div.hac_priceee>p {
    position: relative;
    font-size: 1.2em !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

div.hac_priceee .price_text {
    margin: 1.5em 0;
}

div.hac_priceee .price_text p span {
    display: inline-block;
    font-size: 3.5em;
    font-weight: bold;
    vertical-align: middle;
}

div.hac_priceee .price_text p .member {
    font-size: 1.5em;
    position: relative;
    padding: .5em .5em .25em;
    border: solid 4px #1b1b1b;
    margin-right: .5em;
    line-height: 1;
    background: #FCED22;
}

div.hac_priceee .price_text p .smaaall {
    font-size: 1em;
}

/*グラフ用の色のやつ*/
ul.graph_chip {
    margin: 0 0 1em;
    padding: 0;
}

ul.graph_chip li {
    display: inline-block;
    vertical-align: top;
    font-size: .9em;
    margin: 0;
    padding: 0 0 .5em;
    position: relative;
    list-style-type: none !important;
}

ul.graph_chip li:before {
    content: '';
    display: inline-block;
    margin-right: .3em;
    margin-bottom: -.3em;
    width: 2em;
    height: 1em;
    border: solid 1px #EEE;
}

ul.graph_chip li.sansyo {
    width: 100%;
    margin-top: .5em;
    font-weight: 550;
}

ul.graph_chip li.sansyo:before {
    content: none;
}

/*Youtube埋め込み*/
div.out_from_the_video {
    width: 100%;
    max-width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: 2%;
    height: 0px;
    position: relative;
}

div.out_from_the_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

div.out_from_the_video video {
    display: block;
    width: 100%;
    max-width: 100%;
    position: relative;
}

/*Youtube埋め込み*/
/*動画二つ並びver */
.warp {
    margin-bottom: 10%;
}

.float-right,
.float-left {
    padding-bottom: 5%;
}

/*内部リンクショートコード*/
/*ページ1つ並び*/
div.i_linkscard {
    justify-content: center;
    align-items: center;
    border: solid 1px #CCC;
    margin: 3% .25% 0;
    padding: 3vh;
    transition: .3s;
}

div.i_linkscard:hover {
    opacity: 0.65;
}

div.i_linkscard .pic {
    width: 25%;
    padding-right: 1em;
}

div.i_linkscard .pic img {
    aspect-ratio: 118 / 65;
    object-fit: contain;
}

div.i_linkscard .text {
    width: 75%;
    color: #3b3b3b !important;
}

div.i_linkscard .text h4 {
    margin: 0 !important;
    font-size: 1.2em;
}

div.i_linkscard .text .url,
div.i_linkscard02-in .text .url {
    display: block;
    margin: .25em 0 .5em;
    font-size: .8em;
    font-weight: 600;
    color: #8b8b8b;
}

div.i_linkscard .text .url:before,
div.i_linkscard02-in .text .url:before {
    content: '\f0c1';
    margin-right: .3em;
}

div.i_linkscard .text p {
    font-weight: 550;
    margin: 0 !important;
    font-size: .95em;
}

div.i_linkscard .text p strong,
div.i_linkscard02-in .text p strong {
    position: relative;
    color: #8b8b8b;
}

/*ページ3つ並び*/
div.i_linkscard02-in {
    width: 32%;
    border: solid 1px #CCC;
    margin: 3% 0;
    transition: .3s;
}

div.i_linkscard02-in:hover {
    opacity: 0.65;
}

div.i_linkscard02-in .pic {
    padding: 0 0 1%;
}

div.i_linkscard02-in .pic img {
    aspect-ratio: 118 / 65;
    object-fit: cover;
}

div.i_linkscard02-in .text {
    color: #3b3b3b !important;
    padding: 2vh;
}

div.i_linkscard02-in .text h4 {
    margin: 0 !important;
    font-size: 1.1em;
}

div.i_linkscard02-in .text p {
    margin: 0 !important;
    font-size: .9em;
}

/*固定ページで使ってるできること*/
div.wcdi {
    border: solid 3px #6b6b6b;
    padding: 5% 1% 1%;
    margin: 13% auto 1% !important;
    position: relative;
}

div.wcdi-title {
    position: absolute;
    top: -1.8em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

div.wcdi-title h3 {
    font-size: 2em !important;
    white-space: nowrap;
    letter-spacing: .1em;
    background: #FFF;
    font-weight: bold !important;
    text-align: center;
    padding: 0 .5em !important;
    margin: 0 auto !important;
}

div.wcdi-title h3 span {
    color: #E31B12;
}

div.wcdi-in {
    width: calc(50% - 3%);
    margin: 0 1.5% 5%;
    text-align: center;
}

div.wcdi-in h4 {
    letter-spacing: .1em;
    margin: 0 0 .5em;
}

div.wcdi-in h4 p {
    font-size: .75em !important;
    font-weight: bold !important;
    color: #5b5b5b;
}

/*アフターサービス*/
div.after_ss {
    width: calc(50% - 3%);
    margin: 0 1.5% 1%;
    text-align: center;
}

div.extension {
    width: calc(50% - 10%);
    margin: 2% 5%;
    text-align: center;
}

div.extension h4 {
    margin: .5em 0 !important;
    padding: 0 !important;
    font-size: 1.15em !important;
}

div.extension p.enmark {
    font-size: 1.3em !important;
    font-weight: bold !important;
}

div.extension p.enmark .taaaax {
    font-size: .6em;
}

div.Warranty_graph {
    margin: 7% 0;
    text-align: center;
}

div.shp_FlexBox .Warranty01 {
    width: calc(33.3333% - 3%);
    margin: 0 1.5% 3%;
    padding: 0;
    text-align: center;
    position: relative;
}

div.Warranty_graph h3 span,
div.shp_FlexBox .Warranty01 h3 span {
    display: inline-block;
    position: relative;
}

div.Warranty_graph h3 span::before,
div.Warranty_graph h3 span::after,
div.shp_FlexBox .Warranty01 h3 span::before,
div.shp_FlexBox .Warranty01 h3 span::after {
    position: absolute;
    top: -0.1em;
    height: 2em;
    content: '';
}

div.Warranty_graph h3 span::before,
div.shp_FlexBox .Warranty01 h3 span::before {
    border-left: solid 3px;
    left: -1em;
    transform: rotate(-30deg);
}

div.Warranty_graph h3 span::after,
div.shp_FlexBox .Warranty01 h3 span::after {
    border-right: solid 3px;
    right: -1em;
    transform: rotate(30deg);
}

div.Warranty_graph h3 p,
div.shp_FlexBox .Warranty01 h3 p {
    font-weight: 600 !important;
    color: #3b3b3b !important;
}

@media screen and (min-width: 62.5em) {

    br.sp {
        display: none;
    }

    #main.one-column #content {
        width: 100%;
        max-width: 1180px;
        margin: 0 auto;
    }

    /*メインコンテンツ*/
    .home #main #content {
        max-width: 1300px;
        width: 100%;
    }

    .home #main {
        margin: 0 auto;
        max-width: 1400px !important;
    }

    .blog #content .front-il article:nth-of-type(1),
    .blog #content .front-il article:nth-of-type(2) {
        width: 33.3%;
        margin: 0;
        padding: 1em;
        vertical-align: top;
    }


    .blog #content .front-il article:nth-of-type(3) {
        width: 33.3%;
        clear: none !important;
        vertical-align: top;
        margin: 0;
        padding: 1em;
    }

    /*商品ページ*/
    .item-info .quantity {
        margin-right: .357em;
        /*margin-bottom: 1em;*/
    }

    .skuform .right {
        width: 100%;
    }

    #itempage .item-info {
        clear: none;
        width: 45%;
        float: right;
        border: none;
    }

    #secondary h3 {
        margin: 0 0 1em !important;
    }

    #secondary h3:not(:first-child) {
        margin: 3em 0 1em !important;
    }

}

@media screen and (min-width: 46.25em) {

    /*メインコンテンツ*/
    #main.two-column {
        position: relative;
        max-width: 1180px;
        width: 100%;
    }

    #main {
        max-width: 1180px;
        margin: 0 auto 0;
    }
}

@media screen and (min-width: 648px) {

    .sp_br {
        display: none;
    }

    .sp_on {
        display: none !important;
    }

    /*Youtube埋め込み*/
    .part02 {
        display: none;
    }

}

@media screen and (min-width: 800px) {

    /*Youtube埋め込み*/
    /*動画二つ並びver */
    .float-right {
        float: right;
        width: 49.5%;
        margin-bottom: -7%;
        padding-bottom: 10%;
    }

    .float-left {
        float: left;
        width: 49.5%;
        margin-bottom: -7%;
        padding-bottom: 10%;
    }

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

}

@media screen and (max-width: 1200px) {

    span.in01 {
        font-size: 2.75em;
    }

    .ci_top-in {
        width: 95vw;
    }

}

@media screen and (max-width: 1024px) {

    /*工事タグクラウド*/
    h3.sidekoji {
        text-align: center;
        display: inline-block;
        width: 48%;
        vertical-align: top;
        padding: 0 .2em !important;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }

    #item .swiper-button-prev,
    #item .swiper-button-next {
        display: block;
    }

    .ci_top-in {
        width: 100%;
        align-items: center;
        flex-direction: column-reverse;
    }

    .in-text {
        width: 100%;
        position: relative;
        bottom: auto;
        left: auto;
    }

    span.in01 {
        font-size: 2.25em;
    }

    .in-pic {
        width: 80vw;
    }

    .in-pic::after {
        transform: rotate(6deg);
        background-color: #d9d6d661;
        top: 0%;
        right: -10%;
        left: auto;
    }

}

@media screen and (max-width: 1080px) {

    .navmenuuu li a {
        font-size: .8em;
    }

    .navmenuuu>li>.sub-menu {
        padding: 1.5em 3vw;
    }

}

@media screen and (max-width: 1000px) {

    .sphide {
        display: none !important;
        visibility: hidden;
    }

    /*ヘッダー*/
    .site-description {
        margin: 2em 0 0 0;
        padding: 0;
        width: 100%;
        font-size: 8px;
    }

    h1.site-title,
    div.site-title {
        margin: 0 0 0 2% !important;
    }

    p.topmain01 {
        font-size: 1.3em !important;
    }

    div.site-title {
        margin: 0;
        padding: 0;
    }

    div.footmenu_top {
        margin-top: 0;
        width: 100%;
    }

    /*商品検索*/
    div.itemsearrrch-parent,
    div.itemsearrrch-parent02 {
        justify-content: flex-start;
        align-items: baseline;
    }

    /*商品ページ*/
    .item-info input[type="submit"].skubutton,
    .koji_btn {
        margin-left: 1em;
    }

    .item-description table p,
    .inner p {
        padding: .1em 1em;
    }

    #secondary {
        padding: 1em .25em 0 !important;
        border-top-width: 0 !important;
        border: none !important;
        background: none !important;
    }

    #secondary #welcart_calendar-3 {
        display: none;
    }

}

@media screen and (max-width: 980px) {
    #site_head {
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
        width: 100%;
        padding: .5vh 0 !important;
        margin: 0 auto;
    }

    #site_head.fix.fixx.fixxx {
        width: 103vw;
        left: -1.5vw;
        right: -1.5vw;
    }

    #header_top {
        width: 102vw;
        max-width: 102vw;
        min-width: 102vw;
        justify-content: flex-start !important;
    }

    .header_in01 {
        width: 50%;
        padding-left: 2vw;
    }

    .header_in02 {
        display: none;
    }

    #site_head.fix.fixx.fixxx #header_top {
        display: block;
        width: 100%;
        margin: 0;
    }

    /*メニューボタン*/
    .mmenu-bar {
        position: absolute;
        top: 50%;
        right: 1.75em;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        cursor: pointer;
        width: 3em;
        height: 3em;
        z-index: 999;
    }

    /*ボタン内側*/
    .mmenu-bar span {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        height: 2px;
        background: #000000;
        width: 2.5em;
        z-index: 999;
    }


    .mmenu-bar span:nth-of-type(1) {
        top: .5em;
    }

    .mmenu-bar span:nth-of-type(2) {
        top: 1em;
    }

    .mmenu-bar span:nth-of-type(3) {
        top: 1.5em;
    }

    .mmenu-bar span:nth-of-type(3)::after {
        content: "Menu";
        color: #000000;
        position: absolute;
        top: .5em;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        font-size: .8em;
        text-transform: uppercase;
    }

    .mmenu-bar.activeee span {
        height: 5px;
        background: #FFF;
    }

    .mmenu-bar.activeee span:nth-of-type(1) {
        top: 14px;
        left: 10px;
        transform: translateY(6px) rotate(-45deg);
        width: 70%;
    }

    .mmenu-bar.activeee span:nth-of-type(2) {
        opacity: 0;
    }

    .mmenu-bar.activeee span:nth-of-type(3) {
        top: 26px;
        left: 10px;
        transform: translateY(-6px) rotate(45deg);
        width: 70%;
    }

    .mmenu-bar.activeee span:nth-of-type(3)::after {
        color: #FFF;
        content: "Close";
        transform: translateY(0) rotate(-45deg);
        left: 1em;
    }

    .header_in03 {
        position: fixed;
        padding: 7vh 1.5vh 20vh;
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        top: 0;
        left: 100%;
        right: auto;
        bottom: auto;
        min-width: 0;
        visibility: hidden;
        transition: .5s;
        opacity: 0;
        transform: translateX(50%);
        background: rgba(0, 0, 0, 0.8);
        pointer-events: none;
        z-index: 990 !important;
    }

    .header_in03.activeee,
    .fixx .header_in03.activeee .fixxx .header_in03.activeee {
        overscroll-behavior: contain;
        overflow-y: auto;
        overflow-x: hidden;
        pointer-events: auto;
        left: 0;
        visibility: visible !important;
        transform: translateX(0);
        opacity: 1;
        /*flex-direction: column-reverse;
        flex-wrap: nowrap;*/
        justify-content: flex-start !important;
    }

    #navimenu {
        display: block;
        margin: 0;
    }

    .navmenuuu {
        display: block;
        margin: 0;
    }

    .navmenuuu li {
        display: block;
        width: 100%;
    }

    .navmenuuu li a {
        padding: 0;
        line-height: 1.5;
    }

    .navmenuuu>li>a>span {
        display: block;
        border-bottom: dotted 1px #FFF;
        width: 100%;
        margin: 1.5em 0 .75em;
        padding: 0 0 .25em .25em;
    }

    .navmenuuu li a,
    .navmenuuu li a:hover,
    .navmenuuu li:hover>a {
        font-size: 1em;
        color: #FFF !important;
        background: none !important;
        visibility: visible;
        overflow: visible;
    }

    .navmenuuu>li>a:hover,
    .navmenuuu li:hover>a {
        background: none !important;
    }

    .navmenuuu>li:hover>a::after,
    .navmenuuu li a::after,
    .navmenuuu li a span::after,
    .navmenuuu li a::before,
    .navmenuuu li a span::before {
        content: 'none' !important;
        display: none !important;
    }

    .navmenuuu>li>.sub-menu {
        visibility: visible;
        overflow: visible;
        opacity: 1;
        width: auto;
        height: auto;
        max-height: 100%;
        padding: 0;
        background: none;
        box-shadow: none;
        position: relative;
    }

    .navmenuuu li a:hover {
        opacity: 0.5;
    }

    .navmenuuu li .sub-menu li {
        font-size: .9em;
        width: 100%;
        padding: .5em 0 .5em 1.5em;
    }

    .navmenuuu li:nth-child(3) .sub-menu li {
        width: 100%;
        padding: .25em 0 .25em 1em;
    }

    .navmenuuu li .sub-menu li .sub-menu li {
        display: none;
    }

    .iconmenu {
        align-items: start;
        padding-left: 0 !important;
        margin-top: 2em !important;
        margin-left: 0 !important;
        width: 100%;
    }

    li.suuub-mail {
        display: block;
    }

    #site_head .widgetcart_rows th,
    #site_head .widgetcart_rows td {
        font-size: .9em;
        width: auto;
    }

    #site_head .widgetcart_rows th.total_price {
        font-size: 1.5em;
    }

    #site_head .widgetcart_rows .widgetcart_item {
        width: 40%;
        font-size: .75em;
    }

}

@media screen and (max-width: 900px) {

    /* TOPへと見積もりボタン */
    #toTop i {
        font-size: 35px;
    }

    /*スライダー下のバナーレイアウト*/
    .innnn_01 {
        width: calc(50% - 3%);
    }

    div.topmain100 {
        margin: 5em .2em 3em;
    }

    /*見出し*/
    h1 {
        font-size: 30px !important;
    }

    h2 {
        font-size: 26px !important;
    }

    h3 {
        font-size: 23px !important;
    }

    h4 {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 896px) {

    /*工事ブログslider*/
    div.blog_sliderArea {
        margin-top: -3em;
    }

    h3.blog_alt-Text {
        top: 2.9em;
    }

    div.blog_thumb {
        margin: 0;
    }

    div.top_media_contents {
        height: auto !important;
    }

    div.vi_01 {
        width: 100vw;
        height: auto;
    }

    div.vi_01 video {
        width: 100vw;
        height: auto;
    }

}

@media screen and (max-width: 864px) {

    /*問い合わせショートコード[toiawase01]*/
    h3.contact span {
        font-size: 7vh;
    }

    div.info_banner-in01 {
        width: 100%;
        text-align: center;
        margin: 0 auto 2em;
        padding: 0;
        border-right: none;
    }

    div.info_banner-in02 {
        width: 100%;
        text-align: right;
    }

    h1.info-title span {
        font-size: 1.6em !important;
    }

    h1.info-title p {
        font-size: .7em !important;
    }

    /*Top商品検索*/

    a.searchitempage_btn {
        font-size: .95em;
    }

    .top_tab_item h2 {
        font-size: 1em !important;
    }

    .top_tab_content {
        padding: .5em;
    }

    div.its-shape a h4,
    div.its-shape02 a h4,
    div.its-shape03 a h4,
    div.its-shape04 a h4,
    div.its-place a h4,
    div.its-place01 a h4,
    .home-widget div.its-shape02 a h4,
    .home-widget div.its-shape03 a h4,
    .home-widget div.its-shape04 a h4,
    .home-widget div.its-place a h4,
    .home-widget div.its-place01 a h4,
    .home-widget div.its-shape a h4 {
        font-size: .9em !important;
    }

    div.its-shape02 a h4 p {
        font-size: .6em !important;
    }

    div.its-shape,
    div.its-maker,
    div.its-place,
    div.its-place01 {
        width: calc(25% - .5%) !important;
    }

    .its-ability {
        width: calc(20% - .5%);
    }

    div.its-place,
    div.its-place01 {
        padding: .1em;
    }

    div.its-shape03 img,
    div.its-shape04 img {
        padding: .5em;
    }

    .its-ability h4 {
        font-size: 1em !important;
        padding: .5em;
    }

    .its-ability h4 span {
        font-size: .5em !important;
    }

    /*工事アーカイブページ*/
    div.past_koji {
        display: block;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }

    div.past_koji img {
        width: 90%;
    }

    /*工事実績のサイド*/
    .rpwwt-widget ul li {
        width: 32%;
        vertical-align: top;
        padding: .5em 1em;
    }

    /*商品ページ*/
    p.search_item {
        padding: .1em;
    }

    #itempage .itemimg {
        margin: 0;
    }

    h1.item_page_title,
    h2.item-name {
        font-size: 1.2em !important;
    }

    /*店長オススメ*/
    div.staff_reco h4 span {
        font-size: .85em;
    }

    /*カートページ*/
    #cart {
        margin: 0;
    }

    #cart_table td.productname {
        font-size: .9em;
    }

    #wc_cart #cart .upbutton {
        text-align: right;
    }

    #wc_cart #cart .upbutton input {
        display: inline-block;
        width: auto;
    }

    #cart_table .thumbnail {
        display: none;
    }

    div.multi_item h3 {
        font-size: .95em !important;
    }

    h1.shp03 {
        font-size: 1.3em !important;
    }

    /*見出し上書き*/
    h2.top_main_widget span {
        font-size: 1.3em !important;
    }

    h2.top_main_widget p {
        font-size: .8em !important;
    }

    h3.top_main_widget span {
        font-size: 1.4em !important;
    }

    /*固定table*/
    div.table-scrrroll-XY {
        width: calc(100% - .01rem);
    }

    div.table-scrrroll-XY table {
        overflow-x: scroll;
        width: 1000px;
        font-size: .9em;
    }

    /*子ページを自動出力するテンプレ*/
    div.voc_child_page {
        width: calc(50% - 3%);
        padding: 0 .1em;
    }

    /*エアコンかしこい使い方*/
    div.smartuse_box-pic,
    div.smartuse_box-text {
        width: 100%;
    }

    div.smartuse_box-pic img {
        width: 70%;
    }

    div.smartuse_box-text {
        padding: 1em 0 0;
    }

    /*内部リンクショートコード*/
    /*ページ1つ並び*/
    div.i_linkscard .pic {
        width: 40%;
    }

    div.i_linkscard .text {
        width: 60%;
    }

    div.i_linkscard .text h4 {
        font-size: 1em !important;
    }

    div.i_linkscard02-in .text h4 {
        font-size: .95em !important;
    }

    div.i_linkscard .text .url,
    div.i_linkscard02-in .text .url {
        font-size: .75em;
    }

    div.i_linkscard .text p,
    div.i_linkscard02-in .text p {
        font-size: .75em !important;
    }

}


@media screen and (max-width: 846px) {


    /*フッター*/
    footer {
        border-top-width: 0;
        border-top-style: none;
    }

    /*フッター カレンダー*/
    .widget_welcart_login,
    .widget_welcart_calendar {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0 2%;
    }

    .widget_welcart_calendar table {
        width: 100%;
        margin: 0;
        float: none;
    }

    /*うるさらの注意*/
    div.urusara_box ul {
        margin: 1em .1em 1em .5em;
    }

    div.urusara_box ul li {
        font-size: .95em;
    }

    /*アフターサービス*/
    div.shp_FlexBox .Warranty01 {
        width: calc(50% - 2%);
        margin: 0 1% 3%;
    }

    /*文字まわり*/
    p {
        font-size: .95em !important;
        font-weight: 500 !important;
    }

    p.center_text {
        text-align: left !important;
    }

    br.spd {
        display: none;
    }

    .scroll-hint-icon {
        z-index: 999;
    }
}

@media screen and (max-width: 800px) {

    div.shp_FBox .text,
    div.shp_R-FBox .text,
    div.shp_FBox .pic,
    div.shp_R-FBox .pic {
        width: 100%;
        position: relative;
    }

    div.shp_FBox .pic img,
    div.shp_R-FBox .pic img {
        max-width: 70%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    div.shp_FBox div.text,
    div.shp_R-FBox div.text {
        margin-top: 5%;
        padding: 0;
    }

    div.shp_FBox {
        flex-direction: column;
    }

    div.shp_R-FBox {
        flex-direction: column-reverse;
    }

    table.shp_info_calendar tr {
        width: 20%;
    }

    /*スライダー下のバナーレイアウト*/
    .topmaaaain {
        border: none;
        padding: 0;
    }

    /*TOP基本レイアウト*/
    div.top_BBox02 {
        padding: 0 .5em;
    }

    /*TOPウィジェット基本レイアウト*/
    div.top_BBox02 {
        padding: 0 .5em;
    }

    /*top 工事エリア*/
    div.tca_section-in {
        display: block;
        width: 100%;
        position: static;
        text-align: center !important;
        right: auto;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        margin: 7vh 0 0 !important;
    }

    div.tca_section-in p {
        text-align: center !important;
    }

    div.tca_section img {
        max-width: 158vw;
    }

    div.tca_section-in p {
        margin: 0 0 5vh !important;
    }

    .enlargement:after {
        display: none;
    }

    div.tca_section-in div {
        justify-content: center;
    }

    .tcabtn {
        width: calc(25% - 2%);
        margin: 0 1% 2%;
        font-size: .65em;
    }

    /*top 選ばれる理由*/
    div.top_pooint .shp_FBox .text,
    div.top_pooint .shp_R-FBox .text {
        padding: 0;
    }

    div.top_pooint .text h3 span:before {
        width: 14vh;
        height: 14vh;
        right: -60%;
    }

    /*TOP工事フロー*/
    ul.top_flow {
        margin-left: -1.5%;
    }

    ul.top_flow li {
        width: 31%;
    }

    ul.top_flow li h3 {
        font-size: 1em !important;
    }

    /*問い合わせから工事まで*/
    .home-widget .topfloow h3 span {
        font-size: 1em;
    }

    div.topfloow .topfloow-in {
        width: 32%;
        padding: 0 0 15%;
        text-align: center;
    }

    div.topfloow .topfloow-in:nth-child(3) h4 {
        padding-right: 0 !important;
    }

    div.topfloow .topfloow-inin {
        width: 100%;
        padding: 1em;
        bottom: auto;
        right: auto;
    }

    div.topfloow .topfloow-inin p {
        position: relative;
        font-weight: 600 !important;
        top: auto;
        left: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }

    div.topfloow .topfloow-inin span.day {
        display: inline-block;
        font-size: 2em;
        font-weight: bold;
        margin: .25em -.25em 0 0;
    }

    /*TOP インフォメーション*/
    div.tia_title h2 span {
        font-size: 1.5em;
    }

    div.tia_title h2 p {
        font-size: 2.5vh !important;
    }

    div.tia_title,
    div.tia_list {
        width: 100%;
    }

    div.tia_title {
        margin: 0 0 3em;
    }

    div.tia_list span {
        font-size: 1em;
    }

    div.tia_list span.tia_postdate {
        letter-spacing: .05em;
    }

    /*TOPオススメ*/
    div.recoitem-square p {
        font-size: 1em !important;
    }

    div.recoitem-square:before {
        font-size: 7em;
    }

    /*フッター*/
    ul.footmenu {
        width: 100%;
        padding: 0;
        vertical-align: top;
    }

    ul.footmenu>li,
    ul.footmenu li.foot_in02 ul li {
        width: 100%;
    }

    /*ビルマルカテゴリーhead*/
    .itemsearrrch-children.category_in {
        width: calc(33.33333% - 1%);
    }

    /*マルチカテゴリーhead*/
    div.multicategory h3 {
        font-size: .85em !important;
    }

    div.multicategory h3 p span {
        display: block;
        margin: 0 auto .1em;
    }

    /*ハウジング天カセ工事費BOX*/
    div.hac_priceee>p {
        font-size: 1em !important;
    }

    div.hac_priceee .price_text {
        margin: 1.5em 0;
    }

    div.hac_priceee .price_text p span {
        font-size: 2.5em;
    }

    /*パンくずレスポンシブ*/
    div.breadcrumbs {
        margin: 1em .2em 0;
    }

    div.breadcrumbs ul {
        margin: .05em 0;
    }

    div.breadcrumbs ul li {
        line-height: 1.8;
        font-size: .8em;
    }

    .item_search .otherwise-in {
        margin-left: 0;
    }

    .item_op_in {
        font-size: 1em;
    }

    /*ボタン系*/
    .mitsumori_btn01,
    .mail_btn01,
    .past_construction_btn01,
    .afterservice_btn,
    .line_btn,
    .area_btn,
    .quick_btn,
    .zoom_btn,
    .e-link_btn,
    .iteeem_btn,
    .butttton {
        font-size: .8em;
    }

    /*カートウィジェットSKUウィジェット*/
    .sns .widgetcart_rows th,
    .sns .widgetcart_rows td {
        font-size: 1.5vw !important;
    }

    /*ショートコードの商品羅列レイアウトFlex*/
    div.in_item {
        width: calc(33.3333% - 2%);
    }

    div.in_item h4 {
        font-size: .85em !important;
    }

    /*検索結果・カテゴリーページの家庭用の能力*/
    span.recommended_ability_label {
        font-size: .6em;
    }

    /*画像拡大のやつ*/
    .lum-previous-button:after {
        border-left: 4px solid #CCC;
        box-shadow: none;
    }

    .lum-next-button:after {
        border-right: 4px solid #CCC;
        border-left: none;
        box-shadow: none;
    }

    .lum-gallery-button:after {
        border-top: 4px solid #ccc;
        width: 1.5em;
        height: 1.5em;
    }

    .lum-lightbox-inner {
        height: 90vh;
    }

    /*インタビュー ページ*/

    div.n_interview_contbox h2 span {
        font-size: 1.9em;
    }

    div.n_interview_contbox h2 p {
        font-size: 15px !important;
    }

    div.n_flexxx_in01 {
        width: 45%;
    }

    div.n_flexxx_in02 {
        width: 30%;
    }

    div.n_interview_pic img {
        width: 48vh;
        /*-- 静止画ver. --*/
    }

    div.floatR,
    div.floatL {
        float: none;
    }

    div.floatR h2 {
        margin-right: -1.2em;
    }

    div.floatL h2 {
        margin-left: -1.2em;
    }

    div.floatPicR img {
        float: right;
        margin-top: 10%;
        float: none;
    }

    /*できること*/
    div.wcdi-in h4 {
        font-size: .95em !important;
    }

    /*工事archive*/
    .post_archive_in70 h2 {
        font-size: .95em !important;
    }

    /*工事スライダー*/
    li.swiper-slide h4 {
        font-size: .8em !important;
    }

}

@media screen and (max-width: 684px) {

    /*フッター*/
    div.footmenu_top {
        margin: 0;
        padding: 0 .25em;
        left: auto;
        right: auto;
        width: 100%;
    }

    div.footer_logo img {
        margin: 0 auto;
        padding: 0 10px 0 10px;
        width: 50%;
    }

    div.footer_logo p {
        font-size: .8em !important;
    }

    div.footmenu_top ul.ucart_calendar_body.ucart_widget_body li div {
        width: 100%;
        margin: 0 0 5%;
    }

    .item-info input[type="submit"].skubutton {
        margin-left: .2em;
        /*margin-bottom: 2em;*/
        margin-top: 0;
        font-size: .8em;
    }

    .Inquiry_btn,
    .koji_btn {
        font-size: .7em;
        width: calc(50% - 3%);
        margin: 0 1% 3%;
        padding: 0.5em .5em 0.35em;
    }

    div.multi_item {
        width: 48% !important;
        padding: 0 .1em;
        margin-bottom: 1em;
    }

    /*見出し*/
    h1 {
        font-size: 20px !important;
    }

    h2 {
        font-size: 17px !important;
    }

    h3 {
        font-size: 15px !important;
    }

    h4 {
        font-size: 14px !important;
    }

    /*固定table*/
    div.table-scrrroll {
        overflow: scroll;
        position: relative;
    }

    div.table-scrrroll table {
        width: 1000px;
        margin: 0 0 1em;
    }

    div.table-scrrroll table th,
    div.table-scrrroll table td,
    div.table-scrrroll-height table th,
    div.table-scrrroll-height table td,
    div.table-scrrroll-XY table th,
    div.table-scrrroll-XY table td {
        font-size: .8em;
        line-height: 1.5;
    }

    div.table-scrrroll div {
        width: 600px;
        margin: 0 0 1em;
    }

    div.table-scrrroll table th {
        border-collapse: collapse;
    }

    div.table-scrrroll table .fixed {
        border-left: 2px solid #ccc;
        position: sticky;
        left: 0;
        z-index: 3;
    }

    div.table-scrrroll-height {
        width: calc(108% - 1rem);
        height: 50vh;
    }

    /*お客様の声記事一覧label*/
    div.voc_child_page .voc_customf_label span {
        font-size: .6em;
    }

    /*親要素無視して横ブチヌキh1divBOX*/
    div.shp_page_head h1 span {
        font-size: .85em !important;
    }

    div.shp_page_head h1 p {
        font-size: .65em !important;
    }
}

@media screen and (max-width: 648px) {

    header#site_head {
        border-top: none;
    }

    /*TOPMovie SkipBTN*/
    button.skip-button {
        font-size: .75em;
    }

    /*ヘッダー*/
    .header_in01 {
        width: 60%;
    }

    /*メニューボタン*/
    .mmenu-bar {
        width: 2em;
    }

    .mmenu-bar.activeee span:nth-of-type(3)::after {
        top: .5em;
        left: .5em;
    }

    .navmenuuu li {
        padding: .25em 0;
    }

    .navmenuuu li a {
        font-size: .85em !important;
    }

    .navmenuuu>li>.sub-menu {
        margin-top: .25em;
    }

    .navmenuuu li .sub-menu li {
        padding: .25em 0 .25em .75em;
    }

    .navmenuuu li:nth-child(3) .sub-menu li {
        width: 100%;
        padding: .125em 0 .125em .5em;
    }

    #site_head .widgetcart_rows th,
    #site_head .widgetcart_rows td {
        font-size: .65em;
        width: 20%;
        padding: 0.75em 0.25em;
    }

    #site_head .widgetcart_rows td.widgetcart_price {
        white-space: nowrap;
    }

    #site_head .widgetcart_rows th.total_price {
        font-size: 1.25em;
    }

    #site_head #wgct_row #wdgctToCart a {
        font-size: .5em;
    }

    #site_head #wdgctToCheckout a {
        font-size: .7em;
    }

    p.searchtext {
        text-align: center !important;
    }

    .searchwin,
    .closewin {
        z-index: 991;
    }

    /*検索結果並び替え*/
    ul.sortbox {
        text-align: left;
    }

    /*問い合わせショートコード[toiawase01]*/
    div.info_banner-in01 {
        padding: 0 .3em;
    }

    div.info_banner-in01 span.free_die {
        font-size: 2em;
        display: block;
        margin: 0 0 .2em;
    }

    div.info_banner-in02 {
        width: 100%;
        text-align: center;
        padding: 0 .5em;
    }

    div.info_banner-in02 p {
        font-size: .75em !important;
    }

    div.info_banner-in02 p span {
        display: none;
        width: 100%;
        text-align: center;
        font-size: .9em;
    }

    div.info_banner-in02 .ifbtn {
        width: 100%;
        margin: .5em auto 0;
    }

    /*リスト*/
    ul.caution_list,
    ul.check_list {
        padding: 1em .5em;
    }

    ul.caution_list li,
    ul.check_list li {
        padding-left: 1.3em;
        font-size: .9em;
    }

    ul.caaaution_list li {
        font-size: .9em;
    }

    h1.info-title {
        margin-top: 2em;
    }

    h1.info-title span {
        font-size: 1.2em !important;
    }

    /*カート閉じるボタン*/
    .widgetcart-close-btn span.icon {
        font-size: .6em;
    }

    /* TOPへと見積もりボタン */
    #toTop i {
        font-size: 25px;
    }

    /*スライダー下のバナーレイアウト*/
    div.topmain100 {
        position: relative;
        margin: 1em 0 0;
        border: none;
    }

    /*top おすすめ商品*/
    div.recoitem .recoitem-in {
        width: calc(50% - 3%);
        margin: 0 1.5% 3%;
    }

    .list-wrap .itemimg {
        margin: 0 0 .1em;
    }

    .list-wrap .itemprice {
        font-size: 1em;
    }

    div.recoitem .recobox {
        font-size: .75em !important;
    }

    div.recoitem-square:before {
        font-size: 5em;
    }

    div.recoitem-square p {
        font-size: .75em !important;
    }

    .viewmorebtn {
        padding: 1.25em 1.5em 1em;
        font-size: .9em;
    }

    /*Top商品検索*/
    a.searchitempage_btn {
        font-size: .8em;
        margin-bottom: .75em;
    }

    .top_tab_item {
        width: calc(50% - 1%);
        margin: 0 .5% 2%;
        transform: scale(0.9);
    }

    .top_tabs input:checked+.top_tab_item {
        transform: scale(1.1);
    }

    .top_tab_item h2 {
        font-size: .9em !important;
        padding: 0;
        margin: 0 !important;
    }

    .top_tab_item h2:before,
    .top_tabs input:checked+.top_tab_item:after {
        display: none;
    }

    .top_tab_content {
        padding: .3em;
    }

    .top_tab_item {
        padding: 0 .1em;
    }

    select#ofp_shape {
        width: 95% !important;
    }

    h3.itemsearrrch,
    .home-widget h3.itemsearrrch {
        font-size: 1em !important;
    }

    .item_search h4 {
        font-size: .9em !important;
    }

    .item_search .is-form-style input.is-search-input {
        width: 100%;
        min-width: auto;
    }

    .item_search .is-form-style input.is-search-input {
        min-width: auto;
    }

    .item_search form.is-search-form.is-form-style {
        width: 100%;
    }

    .item_search form.is-search-form.is-form-style label {
        width: 88%;
    }

    .item_search input[type="submit"] {
        margin-top: 1.8em;
        font-size: .8em !important;
    }

    form.searchandfilter ul li:nth-last-child(2) {
        margin-bottom: 0;
    }

    form.searchandfilter ul li {
        width: 100%;
    }

    div.its-shape a h4,
    .home-widget div.its-shape a h4 {
        font-size: .6em !important;
    }

    div.its-shape03 a h4,
    div.its-shape04 a h4 {
        font-size: .7em !important;
    }

    div.its-shape {
        width: calc(33.3333% - .5%) !important;
        padding: .8em .1em 0 !important;
    }

    div.its-maker {
        width: calc(33.3333% - .5%) !important;
        padding: .25em !important;
    }

    .its-ability {
        width: calc(33.33333% - .5%);
        margin: 0 .25% 1%;
    }

    div.its-maker {
        padding: .4em;
    }

    .its-ability h4 {
        font-size: .8em !important;
    }

    div.its-place,
    div.its-place01,
    div.its-shape03,
    div.its-shape04 {
        width: calc(50% - .5%) !important;
    }

    div.its-shape02 {
        width: 100%;
        margin: 0 0 3%;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }

    /*工事スライダー*/
    div.ac_koooji .swiper-slide-prev,
    div.ac_koooji .swiper-slide-next {
        opacity: 0.5;
    }

    /*top 工事エリア*/
    div.tca_section-in p {
        text-align: left !important;
    }

    .enlargement {
        font-size: 1.5em;
        margin: 0 !important;
        padding: .5em 0;
        z-index: 5;
        display: block;
        text-align: center;
    }

    .tcabtn {
        width: calc(50% - 2%);
        font-size: .68em;
    }

    /*問い合わせから工事まで*/
    div.topfloow {
        justify-content: center !important;
    }

    div.topfloow h3 span {
        font-size: 1.05em;
    }

    div.topfloow .topfloow-in {
        width: calc(50% - 2%);
        margin: 0 1% 20%;
    }

    div.topfloow .topfloow-inin span.day {
        font-size: 1.5em;
    }

    /*TOP インフォメーション*/
    div.tia_title h2 span {
        font-size: 1.3em;
    }

    div.tia_list span {
        font-size: .8em;
    }

    div.tia_list span.tia_postdate,
    div.tia_list span.tia_postname {
        font-size: .9em;
        width: 100%;
    }

    div.tia_list span.tia_postname {
        margin-top: .75em;
    }

    div.tia_list span.infonew {
        font-size: .5em !important;
    }

    /*フッター*/
    div.footcontents {
        padding: 7% 5% 0;
    }

    div.footer_logo img {
        margin: 0 auto;
        padding: 0 10px 0 10px;
        width: 70%;
    }

    div.footer_logo_in02 {
        width: calc(25% - 1%);
        margin: 2% .5%;
    }

    div.footer_logo p {
        font-size: .9em !important;
    }

    #site-info li {
        padding: .1em .3em;
    }

    #site-info a {
        font-weight: 500;
    }

    #site-info li:before {
        display: none;
    }

    /*フッター*/

    div.footcontents {
        padding: 7% .5% 0;
    }

    ul.footmenu>li {
        margin: 3% 0 5%;
    }

    ul.footmenu li.foot_in01,
    ul.footmenu li.foot_in01 ul li {
        width: 100%;
    }

    ul.footmenu li.foot_in01 ul li,
    ul.footmenu li.foot_in02 ul li {
        font-size: .75em;
    }

    .footer_logo_in01 i {
        font-size: 2.5em;
    }

    #toTop .teeeel {
        display: inline-block;
        cursor: pointer;
        width: auto;
        height: auto;
        position: fixed;
        left: 3px;
        bottom: 3px;
        z-index: 1;
        text-align: center;
        padding: .5em 1.5em .35em;
        transition: .4s;
        border-radius: 5px;
        background: rgba(227, 27, 18, 0.85);
        font-weight: 550;
        color: #fff;
        white-space: nowrap;
        line-height: 1;
    }

    #toTop .teeeel:before {
        content: '\f879';
        margin-right: .3em;
    }

    #toTop .teeeel:hover {
        background: rgba(227, 27, 18, 0.5);
    }

    #toTop .teeeel span {
        font-size: 1.2em;
        letter-spacing: .1em;
        font-weight: bold;
    }

    #toTop .teeeel p {
        font-size: .7em !important;
        margin: .25em 0 0 !important;
        padding: 0 !important;
    }

    /*SNS shareボタン*/
    div.snssharebox {
        justify-content: flex-start !important;
    }

    div.snssharebox a {
        width: calc(25% - 3%);
        margin: 0 1.5% 3%;
        font-size: .45em;
    }

    /*工事アーカイブページ*/
    .post-li {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        position: relative;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        width: 100%;
    }

    #main.two-column #content .post-li article {
        width: calc(50% - 3%);
        margin: 0 1.5% 10%;
        border: none;
    }

    .post_archive {
        padding: 0;
    }

    .post_archive_in30 {
        width: 100%;
        margin: 0 0 7%;
    }

    .post_archive_in70 {
        width: 100%;
        padding: 0;
    }

    .post_archive_in70 h2 {
        font-size: .8em !important;
    }

    .post_archive_in70 .post_tag_list {
        display: none;
    }

    div.voc_child_page-in .post_tag_list {
        display: none;
    }

    /*工事実績本体*/
    div.kojireipoint h3.box-title {
        top: -1em;
        font-size: 1.05em !important;
    }

    div.kojireibox div span {
        font-size: .9em;
    }

    div.kojireibox div img {
        max-width: 100%;
    }

    table.blog_table tr,
    table.blog_table th,
    table.blog_table td {
        display: block;
        width: 100% !important;
    }

    table.blog_table th,
    table.blog_table td,
    table.blog_ankt_table td {
        font-size: .9em;
    }

    table.blog_table tr:not(:first-child) th,
    table.blog_table td {
        border-top: none;
    }

    /*工事事例アンケート*/
    table.blog_ankt_table td ul li {
        font-size: .75em;
        text-indent: 0;
    }

    table.blog_ankt_table td ul li ul li:before {
        top: -2em;
    }

    table.blog_ankt_table td ul li ul li:after {
        top: -2.5em !important;
    }

    /*工事実績のサイド*/
    .rpwwt-widget ul li {
        width: 100%;
        padding: .5em .1em;
    }

    /*工事ブログの各店問合せ*/
    h3.bloginfo span {
        font-size: 1.8em;
    }

    h3.bloginfo p {
        font-size: .6em !important;
    }

    div.bloginfo_banner {
        padding: 1em .3em;
    }

    div.bloginfo_banner h5 {
        font-size: .85em;
    }

    div.bloginfo_banner span.free_die {
        font-size: 2em;
        display: block;
        margin: 0 0 .2em;
    }

    div.bloginfo_banner .blogifbtn {
        width: 70%;
        margin: 1em auto 0;
    }

    /*商品ページ*/
    h1.item_page_title {
        font-size: .8em !important;
    }

    h2.item-name {
        font-size: .9em !important;
    }

    .item_slider .slick-slide img {
        padding: 0 .5em;
    }

    /*商品ページの工事事例*/
    div.side-kojiblogBox {
        padding: 1em 0;
    }

    div.side-kojiblog {
        padding: 0 .5em;
        margin: .5em auto;
        width: 48%;
    }

    div.side-kojiblogBox p.side-forarchive {
        text-align: center;
        margin: 1em auto 0;
    }

    /*商品ページ*/
    .sold_sp_box .sold_sp {
        font-size: .6em !important;
    }

    .p_off {
        width: 90px;
        height: 90px;
    }

    .p_off::before {
        width: 80px;
        height: 80px;
        border: solid 2px #FFF;
    }

    .p_off p {
        font-size: .6em !important;
    }

    .p_offf p {
        font-size: .5em !important;
    }

    .item-info .field_cprice {
        font-size: .7em;
    }

    .item_op_in {
        font-size: .6em;
    }

    .item_op_in:before {
        font-size: 5em;
    }

    span.sell_price.ss_price {
        font-size: 1.15em;
    }

    /*店長オススメ*/
    div.staff_reco h4 span {
        font-size: 1em;
    }

    div.staff_reco-text,
    div.staff_reco-pic {
        width: 100%;
    }

    div.staff_reco-pic img {
        width: 40%;
        padding-left: 0;
    }

    /*カートページ*/
    div.cart_navi li {
        width: 50%;
    }

    div.cart_navi li.zurashimasse {
        width: 48%;
    }

    #cart_table th,
    #cart_table thead {
        display: none;
    }

    #cart_table .thumbnail,
    #cart_table .thumbnail img,
    #cart_table td.productname,
    #cart_table .thumbnail img,
    #cart_table td.subtotal,
    #cart_table td.action {
        display: block;
        width: 100%;
    }

    #cart_table td.subtotal {
        font-size: 1.2em;
    }

    #cart_table td.subtotal:before {
        content: '小計：';
        margin-right: .3em;
        white-space: nowrap;
    }

    #cart_table tfoot {
        display: table;
        width: 100%;
        margin: 3em 0 1em;
    }

    #cart_table tfoot th {
        display: table-cell;
        width: 50%;
        white-space: nowrap;
        border-top: solid 1px #ccc;
    }

    #cart_table td.unitprice {
        display: inline-block;
        width: 50%;
        text-align: right;
    }

    #cart_table td.unitprice:before {
        content: '単価：';
        margin-right: .3em;
        white-space: nowrap;
    }

    #cart_table td.quantity {
        display: inline-block;
        width: 48%;
        text-align: right;
    }

    #cart_table td.quantity:before {
        content: '数量：';
        margin-right: .3em;
        white-space: nowrap;
    }

    #cart_table td {
        border: none;
    }

    #cart_table td.action {
        text-align: right;
        padding-bottom: 2em;
    }

    #cart .action input.delButton {
        display: inline-block;
    }

    .cart-page .send input {
        display: block;
        width: 100%;
    }

    div.multi_item a h3 {
        font-size: .9em;
    }

    h1.shp03 {
        font-size: .95em !important;
    }

    h1.shp04 span {
        padding: .2em .1em;
    }

    /*見出し上書き*/
    h2.top_main_widget span,
    h3.top_main_widget span {
        font-size: 1.1em !important;
    }

    h2.top_main_widget p,
    h3.top_main_widget p {
        font-size: .7em !important;
    }

    h3.shp02 span {
        padding: 1em 1em .7em;
    }

    /*見出し上書き*/
    #home-widget-bottom h2.widget_title {
        font-size: 1.1em !important;
    }

    #home-widget-top h2.widget_title,
    #home-widget-middle h2.widget_title {
        font-size: 1.3em !important;
    }

    /*文字まわり*/
    p {
        font-size: .85em !important;
    }

    span.spd {
        display: none;
    }

    br.spdo {
        display: none;
    }

    /*検索結果・カテゴリーページの家庭用の能力*/
    span.p_ability_label {
        font-size: .6em;
    }

    /*商品検索やカテゴリの一覧新着表示*/
    .itemname a {
        font-size: .8em;
    }

    .list-wrap.cat-il.cf {
        margin: .1em;
    }

    /*テーブル*/
    table.shp_table01,
    table.shp_table01 tbody,
    table.shp_table01 caption,
    table.shp_table01 tr,
    table.shp_table01 tr th,
    table.shp_table01 tr td,
    table.item01,
    table.item01 tbody,
    table.item01 caption,
    table.item01 tr,
    table.item01 tr th,
    table.item01 tr td,
    #loginform tr,
    #loginform tr th,
    #loginform tr td {
        display: block;
        width: 100%;
    }

    table.item01 {
        border: none;
    }

    table.item01 th:not(:first-child),
    table.item01 td:not(:first-child) {
        border: 1px solid #ccc;
    }

    table.item01 tr:not(:first-child) th {
        border-top: none;
    }

    table.shp_table01 tr th {
        text-align: left;
    }

    table.item01 tr th {
        font-size: .8em;
        padding: .75em;
        line-height: 1.5;
    }

    table.item01 tr td,
    td.plugype .plugype-in span {
        padding: .75em;
    }

    td.plugype .plugype-in span {
        font-size: .85em;
    }

    table.item01 tr td {
        font-size: 1em;
        text-align: center;
        border-top: none !important;
    }

    table.item01 tr td p {
        text-align: center;
        padding: 0 !important;
        margin: 0;
    }

    table.item01 td .rd_span02:last-child {
        margin-left: 0;
    }

    table.item01 td.itemin ul li {
        width: calc(100% / 2);
    }

    .inabtys {
        display: block;
    }

    .inabtys:not(:first-child):before {
        content: none;
    }

    td.plugype .shp_FlexBox .PSauto {
        margin: auto;
    }

    #loginform tr th {
        border: none;
    }

    .entry-content {
        margin: 0 auto;
        padding: 0 .5%;
    }

    /*問い合わせフォーム*/

    ul.Inquiry li {
        font-size: .9em !important;
        padding: .5em 0 .5em 0;
        text-indent: 0;
    }

    div.thanxfrom p.thanx01 {
        font-size: 1.2em !important;
    }

    span.thanxtime02 {
        display: block;
        margin-top: .3em !important;
    }

    /*ボタン系*/
    .mitsumori_btn01,
    .mail_btn01,
    .past_construction_btn01,
    .afterservice_btn,
    .line_btn,
    .area_btn,
    .quick_btn,
    .zoom_btn,
    .e-link_btn,
    .iteeem_btn,
    .butttton {
        font-size: .65em;
    }

    .word_return_btn {
        font-size: .85em;
    }

    /*ボタン*/
    .koji_menu_btn,
    .blog_menu_btn {
        width: 90%;
    }

    /*子ページを自動出力するテンプレ
    div.voc_child_page {
        width: 100%;
        padding: 0;
        margin: 0 0 1em;
    }*/

    /*子ページを自動出力するテンプレ*/
    div.voc_child_page h4 {
        font-size: .7em !important;
    }

    div.voc_child_page-in {
        padding: .25em;
    }

    /*エアコンかしこい使い方*/
    div.smartuse_box {
        width: 100% !important;
        margin: 0 0 2%;
    }

    div.smartuse_box-text h4 {
        font-size: 1.1em !important;
    }

    /*会員ページ*/
    table.customer_form tr {
        margin: 0 0 .5em;
    }

    table.customer_form tr input,
    table.customer_form tr select {
        /*width: 98% !important;*/
        margin: 0 0 1.25em;
    }

    /*Youtube埋め込み*/
    .part01 {
        display: none;
    }

    /*できること*/
    div.wcdi-title h3 {
        font-size: 1em !important;
    }

    div.wcdi-in h4 {
        font-size: .75em !important;
    }

    div.wcdi-title h3 span {
        color: #E31B12;
    }

    div.wcdi-in {
        width: 100%;
        margin: 0 1.5% 10%;
    }

    /*モバイルでスワイプ表示*/
    div.swipebox .fadein {
        display: block;
    }

    /*在庫状態*/
    span.zaiko_status {
        font-size: .75em;
    }

}

@media screen and (max-width: 600px) {
    #content {
        padding: 0 1%;
    }

    div.shp_FBox .pic img,
    div.shp_R-FBox .pic img {
        max-width: 100%;
    }


    /*パンくずレスポンシブ*/
    div.breadcrumbs ul li {
        font-size: .5em;
    }

    /* ラベル部分 左上に表示 */
    .innnn_01.reco::before {
        border-bottom: 3em solid transparent;
        border-left: 3em solid #E31B12;
    }

    .innnn_01.reco::after {
        content: "オススメ";
        top: .7em;
        left: -.1em;
    }

    /*TOP工事フロー*/
    ul.top_flow {
        margin-left: -2%;
    }

    ul.top_flow li {
        width: 45%;
    }

    ul.top_flow li h3 {
        font-size: .8em !important;
    }

    ul.top_flow li h3::after,
    ul.top_flow li h3::before {
        right: -1.15em;
    }

    ul.top_flow li h3::before {
        right: -1.6em;
    }

    /*マルチカテゴリーhead*/
    div.multicategory h3 {
        font-size: .5em !important;
    }

    /*ハウジング天カセ工事費BOX*/
    div.hac_priceee>p {
        font-size: .85em !important;
    }

    div.ceiling_hac .price_text p span {
        font-size: 2.5em;
        margin: .5em 0;
    }

    /*ショートコードの商品羅列レイアウトFlex*/
    div.in_item {
        width: calc(50% - 2%);
    }

    div.in_item h4 {
        font-size: .75em !important;
    }

    /*インタビュー ページ*/
    div.n_interview_top_pic img {
        width: 100%;
    }

    div.voc_child_page .voc_customf_label {
        top: 1%;
    }

    span.n_toppp_text {
        font-size: 1.7em;
    }

    div.n_interview_bg::after,
    div.n_interview_bg02::after {
        height: 102%;
    }

    div.n_interview_contbox h2 span {
        font-size: 1.6em;
    }

    div.n_interview_contbox h2 p {
        font-size: 10px !important;
    }

    div.n_flexxx_in01,
    div.n_flexxx_in02 {
        width: 100%;
        padding: 0 4% 3%;
    }

    div.n_interview_Fbox {
        flex-direction: column;
    }

    table.n_interview_detail_table th,
    table.n_interview_detail_table td {
        display: block;
        width: 100%;
        text-align: center;
    }

    table.n_interview_detail_table th {
        padding-top: 6%;
        font-weight: 600;
        color: rgb(78 73 73);
    }

    table.n_interview_detail_table td {
        padding-bottom: 6%;
    }

    div.n_interview_text h3 {
        margin-bottom: 2%;
        /*-- 静止画ver. --*/
    }

    div.floatR h2 {
        margin-right: -1em;
        text-align: right;
        font-size: 1.15em !important;
    }

    div.floatL h2 {
        margin-left: -.5em;
        font-size: 1.15em !important;
    }

    div.floatR h2:after,
    div.floatL h2:after {
        bottom: -.3em;
    }

    div.floatR h3,
    div.floatL h3 {
        margin-left: -1em;
        font-size: 1em !important;
    }

    div.floatR p,
    div.floatL p {
        font-size: .8em !important;
        padding-left: .5em !important;
    }

    /*内部リンクショートコード*/
    /*ページ1つ並び*/
    div.i_linkscard {
        margin: 7vh 0 5vh;
    }

    div.i_linkscard .pic,
    div.i_linkscard .text {
        padding: 0;
        width: 100%;
    }

    div.i_linkscard .pic {
        padding-bottom: 1em;
    }

    div.i_linkscard .text h4 {
        font-size: .9em !important;
    }

    div.i_linkscard .text .url,
    div.i_linkscard02-in .text .url {
        font-size: .7em;
    }

    /*ページ3つ並び*/
    div.i_linkscard02-in {
        width: 100%;
    }

    div.extension {
        width: calc(50% - 1%);
        margin: 2% .5%;
    }

    div.extension h4 {
        font-size: .8em !important;
    }

    div.extension p.enmark {
        font-size: 1em !important;
    }

}

@media screen and (max-width: 500px) {
    table.shp_info_calendar caption {
        font-size: .6em;
    }

    table.shp_info_calendar tr {
        width: 33.33%;
    }

    table.shp_info_calendar {
        margin: 2em 0 .5em;
    }

    div.info_box .box-title {
        font-size: 1em;
        top: -.8em;
    }

    /*フッター カレンダー*/
    .widget_welcart_calendar table {
        font-size: .9em;
    }

}

@media screen and (max-width: 480px) {

    /*商品ページ*/
    div.multi_item .skubutton {
        margin: 1em 0 1em !important;
        font-size: .6em !important;
    }

    /*工事ブログslider*/
    div.blog_sliderArea {
        margin-top: -2em;
    }

    div.slider-innnnn {
        padding: 0 0 .8em 1em;
    }

    h3.blog_alt-Text {
        font-size: 13px !important;
        left: -1.5em;
    }

    div#blog_slick div.slick-slide img {
        padding: 0;
    }

    div.blog_thumb {
        margin-top: -.5em !important;
    }

    div.blog_thumb div.slick-slide {
        padding: 0 .1em;
    }

    div.blog_thumb div.slick-slide img {
        padding: 0;
    }

    div.blog_thumb button.slick-prev,
    div.blog_thumb button.slick-next {
        display: none !important;
    }

}