/*
Theme Name: 紙箱・化粧箱.net
Version: 1.0
*/

/* ==========================================================================
   BaseStyle
========================================================================== */

html {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 62.5%;
}

body {
    line-height: 1.5em;
    font-size: 1.4em;
    min-width: 940px;
    color: #30353a;
    overflow-x: hidden;
}

body,
input,
button,
textarea,
select {
    font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.wrapper {
    width: 940px;
    margin: 0 auto;
    clear: both;
}


ul,
ul li,
ol,
ol li {
    padding-left: 0;
    list-style: none;
}

img.size-full,
img.size-large,
img.size-medium {
    max-width: 100%;
    height: auto;
}

.topicMain {

    font-size: min(1.5rem, 15px);
    line-height: 2em;
    letter-spacing: .05em;
}

table {
    max-width: 100%;
}

/*-- header --*/

header {
    background-repeat: repeat-x;
}

.headline {
    border-bottom: 1px solid #2E79EC;
    background-color: #2E79EC;
    color: #FFF;
    font-size: 10px;
    line-height: 1.3em;
    padding: 5px 0px;
}

.headline h1 {
    color: #FFF;
    font-size: 10px;
    line-height: 1.3em;
    font-weight: normal;
    float: left;
    margin: 0px;
    padding: 0px;
}

.sitemap {
    float: right;
}

.sitemap a {
    color: #FFF;
    text-decoration: none;
}

.logo {
    float: left;
    width: 50%;
    height: 100%;
}

.logo > a {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    text-decoration: none;
    color: #50555a;
    display: block;
    height: auto;
}

.flexParent {
    display: flex;
}

.logo_text {
    width: 27em;
    font-weight: normal;
    color: #555;
    font-weight: normal;
    font-size: 80%;
    text-decoration: none;
    margin: 0;
}

.logo_link {
    display: block;
    text-decoration: none;
    padding: .6em 1em;
    border: 2px solid #22428b;
    border-radius: 2px;
    text-align: center;
    color: #22428b;
    background: #fff;
    transition: 0.2s;
    box-shadow: 0 2px 2px #ddd;
}

.logo_link:hover {
    color: #fff;
    background: #22428b;
}

.hd_logo {
    margin-top: 25px;
}

.header_r {
    text-align: center;
    width: 49%;
    float: right;
    height: auto;
}

.word {
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #ffffff;
    text-align: center;
    margin: 10px 0 3px;
    padding: 0;
    zoom: 1;
    width: 100%;
    height: auto;
}

.word a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding-bottom: 7px;
    padding-top: 7px;
    width: 100%;
    height: auto;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
}

.header-buttom-1 {
    background: linear-gradient(#ea6000, #e50012);
    width: 48%;
    height: auto;
    border-radius: 2px;
    margin: 1%;
    float: left;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.header-buttom-1 :hover {
    opacity: 0.5;
}

.header-buttom-2 {
    background: #00ACC1;
    width: 48%;
    height: auto;
    border-radius: 2px;
    margin: 1%;
    float: left;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.header-buttom-2 :hover {
    background: #00838F;
}

.tell-1 {
    background-repeat: no-repeat;
    text-align: center;
    padding: 0;
    zoom: 1;
    width: 100%;
    height: auto;
    float: left;
    margin: 1%;
}

.tell-2 {
    text-align: center;
    padding: 0;
    zoom: 1;
    margin: 1%;
    width: 100%;
    height: auto;
    float: left;
}

/*-- Navigation --*/

nav {
    width: auto;
    clear: both;
    background-color: #f7f9ff;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 8px;
    padding-top: 15px;
}

.navigation {
    clear: both;
}

.navigation ul {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.navigation div div {
    margin: 0;
    padding: 0;
}

.navigation div {
    margin: 1px;
}

.navigation li {
    float: left;
    list-style: none;
}

.menuTitle {
    display: none;
    pointer-events: none;
}

#panel-btn {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    background: #fff;
    border: thin solid #333;
    border-radius: 3px;
}

#panel-btn:hover {
    background: #fafafa;
}

#panel-btn-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 37%;
    width: 24px;
    height: 2px;
    margin: -1px 0 0 -7px;
    background: #444455;
    transition: .2s;
}

#panel-btn-icon:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 2px;
    background: #444455;
    transition: .3s;
}

#panel-btn-icon:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 2px;
    background: #444455;
    transition: .3s;
}

#panel-btn-icon:before {
    margin-top: -8px;
}

#panel-btn-icon:after {
    margin-top: 6px;
}

#panel-btn .close {
    background: transparent;
}

#panel-btn .close:before,
#panel-btn .close:after {
    margin-top: 0;
}

#panel-btn .close:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#panel-btn .close:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.mobser {
    display: none;
}

/*-- footer --*/

footer {
    clear: both;
    background-color: #f7f9ff;
    margin-top: 20px;
    border-top: 3px solid #f7f9ff;
    font-size: 0.8em;
    line-height: 1.6em;

}

.used {
    margin-top: 10px;
    margin-bottom: 15px;
}

.used p {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 10px;
}

.ft_text dl {
    padding: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.ft_text dl a {
    color: #2ca6e0;
    text-decoration: none;
    font-weight: 500
}

.ft_text dt,
.ft_text dd {
    line-height: 1.6em;
    margin: 0px;
}

.ft_text dt {
    float: left;
    font-weight: bold;
}

.ft_text dd {
    margin: 0px;
    color: #50555a;
    padding: 0px;
}

.ft_wrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(#1565c0), to(#0072ce));
    background: -webkit-linear-gradient(top, #1565c0, #0072ce);
    background: -moz-linear-gradient(top, #1565c0, #0072ce);
    background: -o-linear-gradient(top, #1565c0, #0072ce);
    background: linear-gradient(top, #1565c0, #0072ce);
    color: #FFF;
    border-top: 3px solid #1565c0;
    padding-bottom: 85px;
}

.ft_wrapper a {
    color: #FFF;
    text-decoration: none;
    font-weight: 500
}

.ft_line {
    padding: 10px 0px;
    margin-bottom: 10px;
}

.ft_link {
    clear: both;
    width: 940px;
    overflow: hidden;
    padding-bottom: 20px;
}

.ft_link ul {
    margin: 0px;
    padding: 0px;
    width: 947px;
}

.ft_link ul li {
    float: left;
    list-style: none;
    padding-right: 7px;
}

.ft_add {
    float: left;
    padding-bottom: 10px;
    width: 460px;
}

.copy {
    float: right;
    padding-bottom: 20px;
}

.ft_linklist {
    width: 100%;
    background-color: #fff;
}

.ft_list {
    max-width: 940px;
    margin: 0 auto;
    padding: 10px 5px 10px 10px;
}

.ft_list ul,
.toplist li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ft_list li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    height: auto;
    margin: 0;
    float: left;
    padding: 3px 5px 5px 3px;
}

.ft_list li a {
    display: block;
    font-size: 0.9em;
    text-align: center;
    color: #50555a;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
    background: -webkit-linear-gradient(top, #fff, #f8f8f8);
    background: -moz-linear-gradient(top, #fff, #f8f8f8);
    background: -o-linear-gradient(top, #fff, #f8f8f8);
    background: linear-gradient(top, #fff, #f8f8f8);
    -moz-box-shadow: 0px 0px 3px #CCC;
    -webkit-box-shadow: 0px 0px 3px #CCC;
    position: relative;
}

.ft_list li a:hover {
    background-color: #FFF;
    -moz-box-shadow: 0px 0px 5px #3A3AB2;
    -webkit-box-shadow: 0px 0px 5px #3A3AB2;
}


.fixUnder {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.6);
    padding: .5em 0 0 0;
    text-align: center;
    z-index: 1024;
    box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.15);
    display: none;
}


.fixUnderWrap {
    margin: .5em auto;
    width: 100%;
    max-width: 1920px;

}

a.fixUnderWrap__contactLink {
    display: inline-block;
    padding: 0.75em 2em;
    width: 20%;
    color: #fff;
    background: linear-gradient(#ea6000, #e50012);
    text-decoration: none;
    border-radius: 3px;
    font-size: 15px;
    transition: 0.25s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
    border-radius: 2px;
    box-sizing: border-box;
    text-decoration: none;
    transition: 0.25s;
}

a.fixUnderWrap__mitsumoriLink {
    display: inline-block;
    padding: 11px .5em;
    width: 20%;
    color: #fff;
    background: #00ACC1;
    text-decoration: none;
    border-radius: 3px;
    font-size: 15px;
    transition: 0.25s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
    border-radius: 2px;
    margin-right: 5%;
    box-sizing: border-box;
    text-decoration: none;
    transition: 0.25s;
}

.fixUnderWrap a {

    position: relative;
}

.fixUnderWrap a:before {

    position: absolute;
    display: inline-block;
    content: "＞";
    top: 0;
    left: 0px;
    line-height: 65px;
    width: 32px;
    height: 65px;
    background: rgba(255, 255, 255, .5);
    color: #fff;
    font-weight: 600;
    z-index: 1024;
}

.fixUnderWrap a {

    font-weight: 600;

}


.fixUnderWrap a .pc_only small {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 75%;
    font-weight: 400;
}

.fixUnderWrap a.fixUnderWrap__telLink small {

    border-top: thin dotted #90dcf1;
}

.fixUnderWrap a.fixUnderWrap__telLink:before {

    display: none;
}


a.fixUnderWrap__mitsumoriLink:first-child {
    background: #00BCD4;
}

a.fixUnderWrap__telLink {
    display: inline-block;
    padding: 11px .5em;
    width: 20%;
    color: #00ACC1;
    background: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 15px;
    transition: 0.25s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
    border-radius: 2px;
    box-sizing: border-box;
    text-decoration: none;
    transition: 0.25s;
}


a.fixUnderWrap__mitsumoriLink:hover,
a.fixUnderWrap__contactLink:hover {
    background: #03194f;
}

a.fixUnderWrap__telLink:hover {
    background: #000;
    color: #fff;
}




.rightFixed > img {
    position: fixed;
    display: block;
    right: 0;
    bottom: 216px;
    width: 128px;
    height: auto;
    border-top-left-radius: 4%;
    border-bottom-left-radius: 4%;
    box-shadow: 0 2px 2px rgba(40, 40, 40, 0.3);
    transition: 0.3s;
    z-index: 512;
    opacity: 0.95;
}

.rightFixed:hover > img {
    box-shadow: 0 4px 4px rgba(40, 40, 40, 0.5);
    transform: scale(1.05);
    opacity: 1;
}


/*　本文用・汎用CSS　*/

.header_md {
    padding: 0.8em;
    border-bottom: 1px solid #0072ce;
    font-size: 2rem;
    line-height: 1.85em;
    margin-top: 1.75em;
    margin-bottom: 1em;
    font-weight: bold;
    letter-spacing: 0.06em;
}

.header_sm {
    padding: 0.8em 0 0.8em 0;
    border-bottom: 1px dashed #0072ce;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-top: 1.75em;
    margin-bottom: 1em;
    margin-left: 15px;
    font-weight: bold;
    letter-spacing: 0.06em;
}

.header_xs {
    position: relative;
    padding: 0.5em;
    background: #a6c3e8;
    color: white;
    margin-left: 25px;
    margin-top: 32px;
    margin-bottom: 2px;
    font-size: 16px;
    letter-spacing: 0.06em;

}

.header_xs:before {
    position: absolute;
    content: ' ';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
}

.body_sm {
    line-height: 1.9;
    padding-left: 15px;
    font-size: 17px;
    margin-bottom: 1em;
    word-wrap: break-word;
}

.body_md {
    font-size: 18px;
    line-height: 1.95;
    margin-bottom: 1em;
    word-wrap: break-word;
}

.body_xs {
    margin-left: 25px;
    padding: 1em;
    line-height: 1.9;
    font-size: 16px;
    background: #f2f8ff;
    border-radius: 2px;
}



.body_md table {
    border-collapse: collapse;
    margin-bottom: 1em;
}


.body_md table th,
.body_md table td {
    border: solid 1px #444;
    padding: 0.4em;
    font-size: 0.85em;
}


.body_bb {
    background: #eff2f3;
    font-size: 16px;
    line-height: 2em;
    box-sizing: border-box;
    width: 100%;
    padding: 2em 1em;
    position: relative;
    border-radius: 16px;
    margin-top: 24px;
}

.body_bb:before {
    border-style: solid;
    border-width: 0 30px 30px 30px;
    border-color: transparent transparent #eff2f3 transparent;
    content: "";
    position: absolute;
    top: -24px;
    left: 12%;
    margin-left: -9px;
    display: inline-block;
    width: 0px;
    height: 0px;
    z-index: 0;
}

.body_bb a {
    color: #333;
    font-weight: 600;
}

.c-nv {
    color: #0072ce;
}

.priceTable {
    width: 100%;
    overflow-x: scroll;
    height: auto;
    border-top: thin solid #f6f6f6;
    border-bottom: thin solid #f6f6f6;

}

.priceTable tbody tr:nth-child(even) {
    background: #eaeaea;
}

.priceTable tbody tr td {
    min-width: 5em;
    box-sizing: border-box;
    padding: .5em 0;
    text-align: center;
    border-right: thin solid #aaa;
}

.priceTable tbody tr:first-child td {
    text-align: center;
    font-weight: 600;
}




/* ==========================================================================
   Contents
========================================================================== */

/*-- index --*/

.index_l {
    float: left;
    width: 220px;
    margin-right: 20px;
}

.index_c {
    float: left;
    width: 700px;
    margin-bottom: 40px;
}

.index_r {
    float: right;
    width: 220px;
    margin-bottom: 40px;
}

.index_ft {
    float: none;
    clear: both;
    margin-top: 20px;
}

.index_ftl {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
}

.index_ftc {
    width: 50%;
    float: left;
}

.container {
    background-color: #F9F9F9;
    border: 1px solid #CDCDCD;
}

.aboutMe__text {
    color: #555;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    padding-left: 1em;
    margin-top: 0.9em;
}

.aboutMe__text a {
    display: inline-block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-left: 1em;
}

/*--- 納品までの流れ ---*/

.gazo01 {
    float: left;
    min-height: 37em;
    background-color: #f5f5f5;
    width: 24.7%;
    margin-right: .4%;
    padding-bottom: 2.5em;
    position: relative;
}

.gazo01 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.gazo01 a:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.gazo02 {
    float: left;
    min-height: 37em;
    background-color: #f5f5f5;
    width: 24.7%;
    margin-right: .4%;
    padding-bottom: 2.5em;
}

.gazo03 {
    float: left;
    min-height: 37em;
    background-color: #f5f5f5;
    width: 24.7%;
    margin-right: .4%;
    padding-bottom: 2.5em;
}

.gazo04 {
    float: left;
    min-height: 37em;
    background-color: #f5f5f5;
    width: 24.7%;
    padding-bottom: 2.5em;
}

@media screen and (max-width: 800px) {
    .gazo01 {
        float: left;
        min-height: 45em;
        width: 49%;
        margin-right: 2%;
    }

    .gazo02 {
        float: left;
        min-height: 45em;
        width: 49%;
        margin-right: 0;
    }

    .gazo03 {
        float: left;
        min-height: 45em;
        width: 49%;
        margin-right: 2%;
    }

    .gazo04 {
        float: left;
        min-height: 45em;
        width: 49%;
    }
}

@media screen and (max-width: 480px) {
    .gazo01 {
        float: left;
        min-height: 100%;
        width: 100%;
        margin-right: 0;
    }

    .gazo02 {
        float: left;
        min-height: 100%;
        width: 100%;
        margin-right: 0;
    }

    .gazo03 {
        float: left;
        min-height: 100%;
        width: 100%;
        margin-right: 0;
    }

    .gazo04 {
        float: left;
        min-height: 100%;
        width: 100%;
    }
}

h2.nouhin {
    font-size: 2.5em;
    color: #444;
    text-align: center;
}

.nouhin_txt {
    margin: 0 3%;
    color: #444;
}

.nouhin_tel {
    text-align: center;
    font-size: 1.7em;
    margin-top: 0.6em;
}

.nouhin_tim {
    text-align: center;
    font-size: 0.8em;
}

.nouhin_ttl {
    margin: 0 3%;
    color: #444;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.5;
}

.nouhin_txtl {
    margin: 0 3%;
    color: #444;
    font-size: 1.2em;
    line-height: 1.6em;
}

.nouhin_rnk {
    margin: 0 3%;
    color: #f8b53a;
    float: right;
    background-image: url(//local.order-box.net/wp-content/themes/keshobako_wp/images/chumon_08.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    display: block;
}

.maru {
    color: #f8b53a;
}

.ml {
    margin-left: 1.7em;
}

/*--- END_納品までの流れ ---*/

side {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.container {
    background-color: #f7f9ff;
}

.sidenav ul {
    _zoom: 1;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
    border-top: 1px sorid #3485b8;
    display: none;
}

.sidenav a {
    text-decoration: none;
}

.sidenav span {
    cursor: pointer;
    display: block;
    padding: 6px 5px 5px 30px;
    color: #555;
    background-image: url(//local.order-box.net/wp-content/themes/keshobako_wp/images/new_aroow_03.png);
    background-repeat: no-repeat;
    background-position: 11px 11px;
    font-size: 1em;
    text-decoration: none;
    border-top: 1px solid #ececec;
    font-weight: 500;
}

.sidenav span:hover {
    background-color: #fff;
}

.sidenav li {
    list-style: none;
    border-top: 1px dotted #666;
    margin-top: -1px;
}

.sidenav li a {
    display: block;
    padding: 6px 5px 5px 30px;
    color: #333;
    background-image: url(//local.order-box.net/wp-content/themes/keshobako_wp/images/new_aroow_03.png);
    background-repeat: no-repeat;
    background-position: 11px 11px;
    font-size: 0.9em;
    text-decoration: none;
    background-color: #fff;
}

.sidenav li a:hover {
    background-color: #fefefe;
}

.sidenav_page ul {
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
    border-top: 1px dotted #666;
}

.sidenav_page li {
    list-style: none;
    border-top: 1px dotted #666;
    margin-top: -1px;
}

.sidenav_page a {
    text-decoration: none;
}

.sidenav_page li a {
    display: block;
    padding: 6px 5px 5px 30px;
    color: #333;
    background-image: url(//local.order-box.net/wp-content/themes/keshobako_wp/images/new_aroow_03.png);
    background-repeat: no-repeat;
    background-position: 11px 11px;
    text-decoration: none;
}

.sidenav_page li a:hover {
    background-color: #CECECE;
}

.sidenav_page li li a {
    display: block;
    padding: 6px 5px 5px 30px;
    color: #333;
    background-image: url(//local.order-box.net/wp-content/themes/keshobako_wp/images/new_aroow_03.png);
    background-repeat: no-repeat;
    background-position: 11px 11px;
    text-decoration: none;
    background-color: #E7E9EF;
}

.sidenav_page li li li a {
    background-color: #D9DBE3;
    padding: 3px 5px 3px 35px;
    background-position: 18px 10px;
}

.mainimagebg {
    padding: 0px;
}

.topnav {
    width: 100%;
    background-color: #f7f9ff;
    padding: 15px 0px 15px;
}

.topnav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.topnav li {
    margin: 0;
    padding: 0 0 10px;
    float: left;
    width: 25%;
}

.topnav li a {
    display: block;
}

.topnav li a img {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(000, 000, 000, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(000, 000, 000, 0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.block01 {
    text-align: left;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.block01 :hover {
    opacity: 0.5;
}

}

.block02 {
    text-align: center;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.block02 :hover {
    opacity: 0.5;
}

.block03 {
    text-align: center;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.block03 :hover {
    opacity: 0.5;
}

.block04 {
    text-align: right;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.block04 :hover {
    opacity: 0.5;
}

.pickup {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    background-color: #D1DDE8;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.pickup ul {
    margin: 0 0 0 -20px;
    padding: 0;
    list-style: none;
}

.ttlm {
    width: 90%;
    border-bottom: solid 1px #0072ce;
    font-size: 20px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 11px;
    margin: auto;
    font-weight: normal;
}

.contact {
    clear: both;
    background-color: #fff;
    width: 95%;
    height: 190px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35);
}

.contact .ttlm {
    width: 94%;
    padding-top: 18px;
    padding-bottom: 13px;
}

.btncon {
    float: left;
    width: 40%;
    height: 97px;
    border-radius: 6px;
    background-color: #1565C0;
    box-shadow: 0 3px 0 0 rgba(26, 96, 167, 1);
    line-height: 97px;
    font-size: 24px;
    margin: 19px 2% 23px 8%;
}

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

.btncon:hover {
    background-color: #0E4AA4;
}

.tel {
    float: left;
    width: 40%;
    height: 100px;
    border: solid 1px #b2aeae;
    box-sizing: border-box;
    margin: 19px 8% 23px 2%;
}

.tel p {
    color: #404040;
    font-size: 16px;
    margin: 16px auto;
}

.tel span {
    color: #5A99D8;
    font-size: 32px;
    vertical-align: middle;
}

.tuto1 {
    margin: 44px auto 44px;
}

.tuto1 h1 {
    font-size: 34px;
    text-align: center;
    line-height: 36px;
}

.tuto1 p {
    text-align: center;
    line-height: 32px;
    font-size: 18px;
    color: #404040;
}

.tuto2 {
    background-color: #f4f5f7;
    padding-top: 34px;
    padding-bottom: 38px;
}

.search1 {
    float: left;
    width: 45%;
    min-height: 470px;
    position: relative;
    margin: 0 2.5% 28px 2.5%;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35);
}

.search1 a {
    color: #333;
    text-decoration: none;
}

.search1 p {
    margin-left: 8%;
    margin-right: 8%;
    color: #404040;
}

.searchimg {
    width: 100%;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.btnnx {
    position: absolute;
    margin: 0 auto;
    bottom: 11px;
    right: 0;
    left: 0;
    background: url("//local.order-box.net/wp-content/themes/keshobako_wp/images/btn_w.png") no-repeat;
}

.search1:hover .btnnx {
    background: url("//local.order-box.net/wp-content/themes/keshobako_wp/images/btn_r.png");
}

.search1:hover .searchimg {
    opacity: 0.5;
}

.aisatsu {
    background-image: url(//local.order-box.net/wp-content/uploads/A5D1A5C3A5B1A1BC.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #FFF;
    padding: 15px 240px 15px 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.aisatsu p {
    clear: both;
    margin: 10px 0px;
    padding: 0px;
}

.pickup li {
    float: left;
    width: 250px;
    margin-left: 20px;
    position: relative;
}

.pickup li a {
    background-color: #F2F2F2;
    display: block;
    padding: 3px;
    border: 3px solid #FFF;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(000, 000, 000, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(000, 000, 000, 0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #50555a;
    text-decoration: none;
}

.postimage {
    width: 120px;
    height: 110px;
    overflow: hidden;
    text-align: center;
    float: right;
    margin-left: 15px;
}

.postimage img {
    height: 110px;
}

.pic_ico {
    position: absolute;
    left: -15px;
    top: -15px;
    z-index: 10;
}

.pickup_name {
    height: 110px;
    font-size: 1.4em;
    font-weight: bold;
    color: #50555a;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.toplist {
    background-color: #F2F3F5;
    padding: 10px 5px 10px 10px;
}

.toplist ul,
.toplist li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.toplist li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    height: auto;
    margin: 0;
    float: left;
    padding: 10px 10px 5px 0;
}

.toplist li a {
    display: block;
    font-size: 0.8em;
    text-align: center;
    color: #333;
    letter-spacing: 0.04em;
    text-decoration: none;
    background-color: #FFF;
    -moz-box-shadow: 0px 0px 3px #CCC;
    -webkit-box-shadow: 0px 0px 3px #CCC;
    position: relative;
}

.toplist li a:hover {
    background-color: #FFF;
    -moz-box-shadow: 0px 0px 5px #3A3AB2;
    -webkit-box-shadow: 0px 0px 5px #3A3AB2;
}

.postimage2 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #FFF;
    height: 84px;
    overflow: hidden;
    padding: 2px;
}

.postimage2 img {
    height: 150%;
    width: 100%;
}

.toriatsukai_ttl {
    border-left: 5px solid #0072ce;
    border-bottom: 1px dotted #0072ce;
    color: #50555a;
    padding: 0px 15px 0px;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.25em;
    margin-top: 1em;
    margin-bottom: 0.25em;
    margin-left: 0px;
    margin-right: 0px;
}

.toriatsukai_ttl_s {
    display: block;
    margin: 0 0 0 1px;
    color: #50555a;
    font-size: 0.7em;
    font-weight: 500;
}

.link {
    color: #2ca6e0;
    text-decoration: none;
}

.link span {
    cursor: pointer;
    display: block;
    padding: 6px 5px 5px 30px;
    color: #555;
    background-image: url(//local.order-box.net/wp-content/themes/keshobako_wp/images/new_aroow_03.png);
    background-repeat: no-repeat;
    background-position: 11px 11px;
    font-size: 1em;
    text-decoration: none;
    border-top: 1px solid #eaeaea;
    font-weight: 500;
}

.link-01 {
    color: #2ca6e0;
    text-decoration: none;
}

.center-link {
    cursor: pointer;
    display: block;
    padding-left: 15px;
    background-image: url(//local.order-box.net/wp-content/themes/keshobako_wp/images/new_aroow_03.png);
    background-repeat: no-repeat;
    background-position: 2px;
    font-size: 1em;
    text-decoration: none;
    font-weight: 500;
}

.news_ttl {
    color: #FFF;
    background-color: #064473;
    position: relative;
    margin: 0px;
    font-size: 1.2em;
    padding: 10px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}



.fb_ttl {
    color: #FFF;
    padding-left: 100px;
    background-color: #369;
    position: relative;
    margin: 0px;
    font-size: 1.2em;
    padding: 10px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}



.news {
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
}

.news dt {
    padding: 5px 5px 0px;
}

.news dd {
    margin: 0px;
    padding: 0px 5px 5px;
    border-bottom: 1px dotted #999;
}

.hdline_blue {
    border-radius: 1px;
    background: #0072ce;
    color: #FFF;
    margin: 0px;
    font-size: 1.1em;
    padding: 10px;
    font-weight: normal;
    clear: both;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
}

.hdline_black {
    text-align: left;
    clear: both;
    padding: 1.4em 1em;
    color: #44494f;
    letter-spacing: 0.07em;
    font-size: 21px;
    font-weight: normal;
    background: #eff2f3;
    margin: 2em 0;
}

.hdline_grey {
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
    background-color: #222530;
    color: #FFF;
    margin: 0px;
    font-size: 1.1em;
    padding: 12px;
    font-weight: bold;
    clear: both;
}

.hdline_ore {
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    background-color: #F5680A;
    color: #FFF;
    margin: 0px;
    font-size: 1.1em;
    padding: 10px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #50555a;
    clear: both;
}

h1.hdline_black {
    margin-top: 0;
}

.search-box {
    padding-left: 30px;
}

.search {
    width: 100%;
    height: 23px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0.5px;
    border: none;
    float: right;
}

.submit {
    background: url('images/search.gif');
    width: 30px;
    height: 25px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0.5px;
    border: none;
    cursor: pointer;
    float: left;
    font-size: 0px;
    padding: 0px;
}

.mainsearch {
    padding-top: 20px;
}

nav .menu-button-01 {
    width: 14%;
    height: auto;
    text-align: center;
    background-size: 100% 100%;
    float: left;
    margin-bottom: 10px;
    margin-left: 1px;
    margin-right: 1px;
}

.button-00 {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    display: table;
    font-size: 13px;
    font-weight: normal;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.40);
    transition: background .5s;
    cursor: pointer;
    background: linear-gradient(#feffff, #fbfcfc);
    text-decoration: none;
}

.button-00 span {
    width: 100%;
    height: 100%;
    padding: 8px;
    color: #50555a;
    background: transparent;
    text-decoration: none;
}

.button-00 .away {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.button-00 .over {
    display: none;
}

.button-00 .header__icon_current {
    background: #1156B0;
    color: #fefffe;
}

.button-00:hover span.away {
    display: none;
}

.button-00:hover span.over {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    box-shadow: none;
}

.button-00:hover {
    background: radial-gradient(#1565c0, #0072ce);
}

.topnav-button-01 {
    width: 23%;
    height: auto;
    text-align: center;
    background-size: 100% 100%;
    float: left;
    margin-bottom: 10px;
    margin: 1%;
}

.button-01 {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    display: table;
    font-size: 20px;
    font-weight: normal;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
    transition: background .5s;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    border-radius: 1px;
    border: solid 2px #0072ce;
}

.button-01:hover span {
    background: radial-gradient(#1565c0, #0072ce);
    color: #fff;
}

.button-01 span {
    width: 100%;
    height: 100%;
    padding-bottom: 18px;
    padding-top: 18px;
    color: #0072ce;
    background: transparent;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.index_list {
    margin: 10px 0px 20px;
    padding: 0px;
    width: 465px;
}

.index_list li {
    list-style: none;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.index_list li a {
    display: block;
    text-decoration: none;
    color: #FFF;
    position: relative;
}

.index_list li img {
    height: 103px;
    width: 150px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.index_list li span {
    color: #FFF;
    text-decoration: none;
    background-color: #333;
    width: 140px;
    display: block;
    font-size: 11px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    padding: 5px;
    line-height: 1.3em;
}

.ico01 {
    background-image: url(images/icon01.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.ico02 {
    background-image: url(images/icon02.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.ico03 {
    background-image: url(images/icon03.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.ico04 {
    background-image: url(images/icon04.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.ico05 {
    background-image: url(images/icon05.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.ico06 {
    background-image: url(images/icon06.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.ico07 {
    background-image: url(images/icon07.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.ico08 {
    background-image: url(images/icon08.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.ico09 {
    background-image: url(images/icon09.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.ico10 {
    background-image: url(images/icon10.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

.itemList {
    margin-bottom: 2em;
}

.itemList__header {
    position: relative;
    border-left: 7px solid #A8C6E3;
    border-bottom: 0;
    padding: 15px;
    font-size: 1.4em;
    letter-spacing: 0.06em;
}

/*-- page --*/

.pan {
    clear: both;
    font-size: 0.8em;
    color: #666;
    padding-top: 20px;
    padding-bottom: 20px;
}

.main {
    float: left;
    width: 700px;
}

.sideber {
    float: right;
    width: 220px;
}

/*.maintitle_exam {      
	border-left: 5px solid #0072ce;
    border-bottom: 1px dotted #0072ce;
    color: #50555a;
    padding: 15px;
    line-height: 1.6em;
    letter-spacing:0.06em;
    }*/

.maintitle,
.maintitle_exam,
.maintitle_pro {
    margin: 0 0 1.3em;
    padding: 0.8em;
    border-top: 3px double #0072ce;
    border-bottom: 3px double #0072ce;
    font-size: 1.7em;
    line-height: 1.85em;
    font-weight: bold;
    letter-spacing: 0.06em;
    color: #555;
}

.rei {
    border: 5px solid #BA0000;
    padding: 5px;
    background-color: #E8E8E8;
    overflow: hidden;
}

.toriatukai {
    margin: 0;
    padding: 0px;
    padding-bottom: 64px;
    width: 720px;
}

.toriatukai li {
    float: left;
    list-style: none;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 1em;
    font-size: 0.9em;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    transition: 0.2s;
}

.toriatukai li span {
    display: block;
    padding-top: 5px;
}

.toriatukai li img {
    max-width: 200px;
}

.toriatukai li a {
    background-color: #FbFcFe;
    border: 1px solid #FFF;
    display: block;
    padding: 9px;
    border-radius: 2px;
    width: 228px;
    text-decoration: none;
    color: #333;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.toriatukai li:hover {
    background-color: #FFF;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);
    transform: scale(1.02);
}

.toriatukai li a:hover {
    background-color: #FFF;
    font-weight: bold;
}

.new {
    font-size: 10px;
    color: #FFF;
    background-color: #F00;
    padding: 3px 5px;
    display: inline;
    line-height: 100%;
    margin-left: 5px;
    position: relative;
    z-index: 10;
    left: 0px;
    top: -3px;
}

.sub {
    margin: 0px;
    padding: 0px;
    width: 700px;
}

.sub li {
    list-style: none;
    width: 200px;
    float: left;
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 5px;
    margin-right: 6px;
}

.sub img {
    width: 200px;
}

.sub2 {
    margin: 20px 0px 0px;
    padding: 0px;
    width: 712px;
}

.sub2 li {
    list-style: none;
    width: 200px;
    float: left;
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 5px;
    margin-right: 15px;
    height: 160px;
    margin-bottom: 15px;
}

.sub2 img {
    width: 200px;
}

dl.toku {
    border-top: 0px none #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #222530;
    border-left: 1px solid #CCC;
    padding: 0px;
    margin: 0px;
    background-color: #EFEFEF;
}

dl.toku dl,
.toku dt,
.toku dd {
    margin: 0;
    padding: 0;
}

dl.toku dt,
.toku dd {
    padding: 8px 5px;
    border-top: 1px solid #CCC;
}

dl.toku dt {
    float: left;
    width: 180px;
    background-color: #EFEFEF;
}

dl.toku dd {
    background: #fff;
    border-left: 1px solid #CCC;
    margin-left: 190px;
}

.lasttype_none dt:last-of-type,
.lasttype_none dt:last-of-type {
    display: none;
}

.lasttype_none2 dt:nth-last-of-type(2),
.lasttype_none2 dd:nth-last-of-type(2) {
    display: none;
}

.post_list {
    margin: 0px 0px 15px;
    padding: 0px;
    list-style: none;
}

.post_list a {
    padding: 8px 8px 8px 25px;
    background-image: url(images/arrow_red.gif);
    border-bottom: 1px dotted #CCC;
    display: block;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.post_list a:hover {
    background-color: #F0F0F0;
}

.news_list {
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
}

.news_list dt {
    padding: 5px 5px 5px 2em;
    width: 7em;
    float: left;
}

.news_list dd {
    margin: 0px;
    padding: 5px 5px 5px 9em;
    border-bottom: 1px dotted #999;
}

.menu-margin {
    margin: 1px;
}

.social {
    float: right;
    padding-bottom: 15px;
}

.gotop {
    position: relative;
    right: 0%;
    bottom: 255px;
}

.gotop div div a {
    width: 80px;
    height: 80px;
    display: block;
}

.go-hover-1 {
    background-color: none;
    height: auto;
    background-size: 100% 100%;
    margin-bottom: 1px;
}

.go-hover-2 {
    background-color: none;
    width: auto;
    height: auto;
    background-size: 100% 100%;
    margin-top: 1px;
}

.gotop img {
    width: 75px;
    transition: 0.15s;
    opacity: 0.8;
}

.gotop img:hover {
    transform: scale(1.1, 1.1);
    opacity: 1;
}

.kanren {
    border: 5px solid #BA0000;
    padding: 5px;
    background-color: #E8E8E8;
    position: relative;
}

.kanren a {
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 5px;
    display: block;
    color: #333;
    text-decoration: none;
}

.kanren h3 {
    margin: 0px 0px 15px;
    padding: 10px 0px;
    border-bottom: 1px dotted #CCC;
}

.kanren a img {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}

.taxlist {
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    font-size: 0.8em;
    border: 1px double #E4E4E4;
    border-radius: 3px;
    line-height: 100%;
    background-color: #F6F6F6;
}

.taxlist span {
    display: inline-block;
    float: left;
    padding: 5px;
    background-color: #EEE;
}

.taxlist a {
    display: inline-block;
    float: left;
    padding: 5px;
    border-left: 1px dotted #E4E4E4;
}

.size-full {
    max-width: 100%;
    height: auto;
}

.ytube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(56.3% + 2px);
    margin: 1em 0 2em 0;
}

.ytube iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: thin solid #333;
    box-sizing: border-box;
}


.flex2 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: .5em auto;
}

.flex2 > * {
    width: 50%;
    box-sizing: border-box;
    padding: 0 .5em;
    margin-bottom: 1em;
}


.flex3 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: .5em auto;
}

.flex3 > * {
    width: 33.3%;
    box-sizing: border-box;
    padding: 0 .5em 0 0;
    margin-bottom: 1em;
}

.flex4 {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: .5em auto;
}

.flex4 > * {
    width: 25%;
    box-sizing: border-box;
    padding: 0 .5em 0 0;
    margin-bottom: 1em;
}

.flex2 img,
.flex3 img,
.flex4 img {
    max-width: 100%;
    height: auto;
}


.btn-oto {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #FF4500;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 0px 2px 2px #C0C0C0;
}

.btn-mitu {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #00bcd4;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 0px 2px 2px #C0C0C0;
}



/*-- flow --*/

.flowbox {
    border-bottom: 1px dotted #ddd;
    font-size: 1.3em;
    line-height: 1.7em;
    padding: 32px 16px;
}

.flowbox h2 {
    font-size: 25px;
    font-weight: 400;
    color: #447799;
    margin-bottom: 1.5em;
    text-align: center;
}

.flowbox:nth-child(even) {
    background-color: #f4f4f5;
}

.flowbox img {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}

.flowbox a {
    padding: 5px 15px 15px;
    color: #50555a;
    text-decoration: none;
    display: block;
}

.flowbox p {
    margin: 0;
    padding: 0;
}

.flowbox:hover {
    background-color: #F5F8FE;
}

.flowbox h3 {
    margin: 10px 0 0;
    padding: 0 0 10px;
    color: #3A3AB2;
}

.kouzou {
    border-top: 1px dotted #666;
}

.kouzou dt {
    float: left;
    width: 15%;
    padding: 5px 0px;
}

.kouzou dd {
    padding: 5px 0px 5px 15%;
    border-bottom: 1px dotted #666;
    margin: 0px;
}

.marker {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 0px 8px;
    font-weight: bold;
    color: #FFF;
    line-height: 1em;
    margin-top: 5px;
}

.hyoumen {
    background: #309;
}

.zaishitsu {
    background-color: #093;
}

.nori {
    background-color: #960;
}

.daishi {
    background-color: #F90;
}

.linkbutton {
    color: #ffffff;
    background: #00ACC1;
    padding: 12px 16px;
    border-radius: 3px;
    box-shadow: 0px 3px 3px #bbb;
    text-decoration: none;
    float: right;
    margin: 10px 0 32px 16px;
    transition: 0.25s;
}

.linkbutton:hover {
    background: #00838F;
    box-shadow: 0px 3px 8px #999;
}

.zise_r {
    font-weight: bold;
    padding: 10px 20px;
}

.caution {
    padding-left: 2em;
    text-indent: -2em;
}

ul.column3 {
    margin: 0px 0px 20px;
    padding: 0px;
    list-style: none;
    border-left: 1px dotted #666;
}

ul.column3 li {
    float: left;
    width: 33%;
    text-align: center;
    border-right: 1px dotted #666;
}

.column2 {
    margin: 10px 0px;
    padding: 0px;
    float: left;
    width: 50%;
}

.column4 {
    margin: 10px 0px;
    padding: 0px;
    float: left;
    width: 25%;
}

.column5 {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 20%;
}

.sozailist {
    font-size: 0.9em;
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

.shiage {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*-- desine --*/

.desine_ttl {
    font-size: 1.5em;
    margin-bottom: 0px;
    color: #3A3AB2;
}

.sample {
    padding: 0;
    margin: 0 10px 0 0;
    border-top: 5px solid #3A3AB2;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

.sample dt,
.sample dd {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #CCC;
}

.sample dt {
    padding: 3px;
    float: left;
    width: 35%;
}

.sample dd {
    padding: 3px;
    float: left;
    width: 65%;
}

.sample dd img {
    width: 100%;
}

/*-- mailform --*/
.hissu-icon {
    display: inline-block;
    background: linear-gradient(#ea6000, #e50012);
    color: #ffffff;
    padding: 4px;
    white-space: nowrap;
    font-size: 65%;
    line-height: 1;
    letter-spacing: 0.15em;
    margin: 0 8px;
    border-radius: 2px;
}

.btnAddress {
    display: inline-block;
    padding: 0.6em 1em;
    background: #70a12F;
    color: #fff !important;
    border-radius: 3px;
    margin-left: 1.5em;
    transition: 0.2s;
    text-decoration: none;
}

.btnAddress:hover {
    background: #50810F;
    border-bottom: none;
}

.mailform dt,
.mailform dd {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

dl.mailform {
    width: 98%;
    margin-top: 3em;
}

.mailform {
    border: thin solid #ccc;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    padding: 8px;
}

.mailform dt {
    float: left;
    width: 30%;
    clear: both;
    padding: 1em 5px;
    border-top: 1px solid #CCC;
}

.mailform dd {
    float: right;
    width: 70%;
    padding: 5px;
    border-top: 1px solid #CCC;
    background-color: #FFF;
    /*float: none;
    margin-left: 30%;
    width: auto;*/
}

.mailform dt:first-child {
    border-top: none;
}

.mailform dt:first-child + dd {
    border-top: none;
}

.mailform dd input[type="text"] {
    width: 95%;
    border: thin solid #aac;
    padding: 0.4em;
    border-radius: 3px;
    margin: 1em 0;
}

.mailform dd select {
    border: thin solid #aac;
    padding: 0.4em;
    border-radius: 3px;
    margin: 1em 0;
}

.mailform dd span input[type="text"],
.mailform dd span input[type="email"],
.mailform dd span textarea {
    width: 100%;
}

.mailform dd textarea {
    width: 95%;
}

.mailform dd input[type="radio"] {
    margin: 1em 0.3em;
}

.mailform dd input[type="checkbox"] {
    margin: 0.5em 0.3em;
}

.mailform dd input[type="checkbox"]:first-child {
    margin-top: 1em;
}

form[name=SENDFORM] input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 32px auto;
    padding: 16px 64px;
    background: #3774e9;
    border: none;
    color: #fff;
    border-radius: 3px;
    border-bottom: 3px solid #205ac9;
}

form[name=SENDFORM] input[type=submit]:hover {
    background: #205ac9;
    border-bottom: none;
    margin-top: 35px;
}

table.qa tr:nth-child(2n) {
    background-color: white;
}

table.qa tr:nth-child(2n+1) {
    background-color: #EFEFEF;
}

table.qa th {
    background-color: #333;
    color: #FFF;
}

/*-- hyouji --*/





.link_list,
.link_list_sub {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.link_list a {
    padding: 0px 0px 0px 15px;
    list-style: none;
    display: inline-block;
    background-image: url(images/arrow_red.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

.link_list li {
    border-top: 1px dotted #CCC;
    padding: 3px 0px;
}

.link_list ul {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    list-style: none;
}

.link_list_sub li {
    float: left;
}

.link_list_sub li a {
    display: block;
    padding: 5px 5px 5px 13px;
    margin-right: 5px;
    border: 1px solid #CCC;
    background-image: url(images/arrow_red.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #E7E7E7;
    margin-bottom: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.link_list_sub li a:hover {
    background-color: #FFF;
}

.link_list_sub li a.check {
    border: 1px solid #CCC;
    background-image: none;
    background-color: #C00303;
    color: #FFF;
    text-decoration: none;
}

.gomenu {
    position: relative;
    display: inline-block;
    color: #FFF;
    top: 30px;
    right: 10px;
    float: right;
    margin-top: -20px;
}

.gomenu a {
    color: #FFF;
}


.hako_new_hyouji_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #2E79EC;
    color: white;
    border: solid 2px #2E79EC;
    border-radius: 3px;
    transition: .4s;
    margin: 0.5em auto;
    box-shadow: 0 2px 2px #aaa;
    text-align: center;
    max-width: 90%;
}

.hako_new_hyouji_btn:hover {

    color: #2E79EC;
    background: #fff;
    text-decoration: none;
}


/*-- hyouji-genmai-seimai_20190305 --*/
.yougo_teigi {
    color: #00a156;
    font-weight: bold;
}

#kome_hyouji_tb {}

#kome_hyouji_tb .koumoku {
    background-color: #dee67a;
    width: 20%;
}

#kome_hyouji_tb .gaiyo {
    background-color: #fff9b4;
    width: 80%;
}







.kanren {
    border: 5px solid #35439F;
    padding: 5px;
    background-color: #E8E8E8;
    position: relative;
}

.kanren a {
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 5px;
    display: block;
    color: #333;
    text-decoration: none;
}

.kanren h3 {
    margin: 0px 0px 15px;
    padding: 10px 0px;
    border-bottom: 1px dotted #CCC;
}

.kanren a img {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}

.taxlist {
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    font-size: 0.8em;
    border: 1px double #E4E4E4;
    border-radius: 3px;
    line-height: 100%;
    background-color: #F6F6F6;
}

.taxlist span {
    display: inline-block;
    float: left;
    padding: 5px;
    background-color: #EEE;
}

.taxlist a {
    display: inline-block;
    float: left;
    padding: 5px;
    border-left: 1px dotted #E4E4E4;
}

.view_cat {
    background-image: url(images/view_ttl.gif);
    background-repeat: no-repeat;
    background-color: #326EBA;
    height: 40px;
    font-size: 1.3em;
    font-weight: bold;
    color: #FFF;
    line-height: 40px;
    padding-left: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.view_ttl {
    color: #0072ce;
    font-size: 1.8rem;
    font-weight: 400;
    padding-bottom: 0.5em;
    border-bottom: thin dotted #0072ce;
    margin-bottom: 1em;
}

a.view_dl {
    display: block;
    border-radius: 2px;
    background: #212121;

    width: 45%;
    padding: 12px 5px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 1px #333;
    float: left;
    margin-bottom: 10px;
    transition: 0.2s;
}

a.view_more {
    display: block;
    border-radius: 2px;
    background: #00ACC1;

    width: 45%;
    padding: 12px 5px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    transition: 0.2s;
}

a.view_dl:hover,
a.view_more:hover {
    box-shadow: 0px 0px 10px #888;
}

.view_box {
    padding: 15px;
    border: thin solid #EAEAEA;
    background-color: #fff;
    margin-bottom: 2em;
    box-shadow: 0 2px 2px #ddd;
    border-radius: 2px;
    position: relative;
}

.view_image {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
    border: 1px solid #CCC;
    background-color: #FFF;
    width: 160px;
    display: block;
    position: relative;
}

.view_image img {
    width: 100%;
    height: auto;
}

.view_image::before{
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background: url('/wp-content/themes/keshobako_wp/images/icViewPlus.svg') no-repeat center / cover;
    bottom: 5px;
    right: 5px;
    transition: ease-in-out .3s;
}

.view_image:hover::before{
    transform: rotate(90deg);
    transition: ease-in-out .3s;
}

.view_box p {
    margin: 0px 0px 10px;
}

.view_box .view_btns{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.view_box .view_more,
.view_box .view_dl{
    width: 47%;
    height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 14px;
}

.view_box .view_more::before,
.view_box .view_dl::before{
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 6px;
    background: url('/wp-content/themes/keshobako_wp/images/icViewArrow.svg') no-repeat center / cover;
    bottom: 7px;
    right: 12px;
    transition: ease-in-out .3s;
}

.view_box .view_more:hover::before,
.view_box .view_dl:hover::before{
    right: 8px;
    transition: ease-in-out .3s;
}

.view_mov{
    display: flex;
    width: 100%;
    color: #333;
    background: #EEE;
    align-items: center;
    padding: 7px;
    margin-top: 8px;
    font-size: 13px;
    border-radius: 2px;
    transition: .3s;
}

.view_mov:hover{
    background: #FC0;
    transition: .3s;
}

.view_mov img{
    margin-right: 10px;
}

@media (max-width:800px){
    .view_box .view_more,
    .view_box .view_dl{
        height: 60px;
        width: 49%;
    }
}

@media (max-width:768px){
    .view_box .view_more,
    .view_box .view_dl{
        height: 60px;
        width: 100%;
        margin-bottom: 10px;
    }

    .view_mov{
        margin-top: 0;
    }
}

/*箱図面view*/

.searchTsukuru {
    padding: 2%;
    border: 2px solid #1C95D4;
    background: #EBF4FB;
}

.formTsukuru_label {
    min-width: 5em;
    display: inline-block;
    font-weight: 600;
    text-align: right;
    padding-left: 2em;
}

#formTsukuruSearch input[type='number'],
#formTsukuruSearch select {
    width: 5em;
    padding: 0.3em;
    margin: 0.4em;
    display: inline-block;
    border: thin solid #B8DDF0;
    color: #445;
}

#formTsukuruSearch select[name='box-category'] {
    width: 14em;
}

#formTsukuruSearch input[type='button'] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    display: block;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    padding: 1em 3em;
    margin: 20px auto 2px auto;
    background: #1C95D4;
    color: #fff;
    box-shadow: 0 2px #568;
}

#formTsukuruSearch input[type='button']:hover {
    margin: 22px auto 0 auto;
    background: #FB9F47;
    box-shadow: 0 0 #555;
}

.searchTsukuru__header-md {
    text-align: center;
    font-weight: 500;
    padding: 1em 0;
    margin-top: 0;
    color: #445;
    font-size: 1.4em;
    border-bottom: thin solid #B8DDF0;
    letter-spacing: 0.08em;
}

.searchTsukuru__header-sm {
    text-align: center;
    font-weight: 400;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.searchTsukuru__image {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    border: thin solid #B8DDF0;
}

.searchTsukuru__content {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

@media screen and (max-width: 450px) {
    .searchTsukuru__image {
        width: 100%;
    }

    .searchTsukuru__content {
        width: 100%;
    }
}

/* sozai */

.table-caption_1 {
    text-align: left;
    background-color: #d3d3d3;
    width: 140px
}

.table-caption_2 {
    text-align: left;
    background-color: #d3d3d3;
    width: 430px
}

.table-caption_3 {
    text-align: left;
    background-color: #d3d3d3;
    width: 150px
}

.table_line-height .table-head {
    text-align: center;
}

.h3-style {
    margin: 0px;
    padding: 0px;
}

.sozai_paper-size_img {
    margin-top: 5px;
    margin-bottom: 15px;
    width: 250px;
}

.sozai_img-box {
    width: 270px;
    float: left;
    clear: left;
}

.outer-box {
    margin-top: 15px;
    margin-bottom: 15px;
}

tbody .table_line-height {
    line-height: 20px;
}

/* ==========================================================================
   Common
========================================================================== */

/*-- clearfix --*/

.cf {
    zoom: 1;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.mp0 {
    margin: 0;
    padding: 0;
}

.marT5 {
    margin-top: 5px;
}

.marT10 {
    margin-top: 10px;
}

.marT15 {
    margin-top: 15px;
}

.marT20 {
    margin-top: 20px;
}

.marB5 {
    margin-bottom: 5px;
}

.marB10 {
    margin-bottom: 10px;
}

.marB15 {
    margin-bottom: 15px;
}

.marB20 {
    margin-bottom: 20px;
}

.marB30 {
    margin-bottom: 30px;
}

.marL5 {
    margin-left: 5px;
}

.marL10 {
    margin-left: 10px;
}

.marL15 {
    margin-left: 15px;
}

.marL20 {
    margin-left: 20px;
}

.marR5 {
    margin-right: 5px;
}

.marR10 {
    margin-right: 10px;
}

.marR15 {
    margin-right: 15px;
}

.marR20 {
    margin-right: 20px;
}

.alignC {
    text-align: center;
}

.alignL {
    text-align: left
}

.alignR {
    text-align: right;
}

.pad10 {
    padding: 10px;
}

.alignT {
    vertical-align: top;
}

.alignM {
    vertical-align: middle;
}

.color_red {
    color: #333399;
}

.color_blue {
    color: #09C;
}

.color_yellow {
    color: #F60;
}

.hidden {
    visibility: hidden;
    z-index: 10;
    display: none;
}

.fixed {
    position: fixed;
    top: 0;
}

.orange {
    color: #F63;
}

.thumbL {
    float: left;
    margin: 0 15px 10px 0;
    padding: 0;
}

.thumbR {
    float: right;
    margin: 0 0 10px 15px;
    padding: 0;
}

.thumbLp {
    float: left;
    margin: 15px 15px 20px 0;
    padding: 0;
}

.thumbRp {
    float: right;
    margin: 15px 0 20px 15px;
    padding: 0;
}

.description {
    overflow: hidden;
    display: block;
}

.tboder {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tboder td {
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin: 0px;
}

.tboder th {
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin: 0px;
    background-color: #E3E3E3;
    text-align: left;
}

.photo {
    border: 1px solid #EBEBEB;
    padding: 3px;
    background-color: #FFF;
}

.counter {
    padding: 0;
}

.textsizeL {
    font-size: 1.4em;
}

.textsizeS {
    font-size: 0.8em;
}

hr {
    border-top: 1px dotted #CCC;
    border-right: 0px dotted #CCC;
    border-bottom: 0px dotted #CCC;
    border-left: 0px dotted #CCC;
    clear: both;
}

ol li {
    margin-bottom: 10px;
}

.akawaku {
    background-color: #F7F4F4;
    border: none;
    border-radius: 3px;
    padding: 8px;
}

button.css3button {
    width: 100%;
    text-align: center;
    color: #272727;
    padding: 10px 20px;
    background: -moz-linear-gradient(top, #e9e9e9 0%, #c9c9c9);
    background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#c9c9c9));
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #969696;
    -moz-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 1px 1px 1px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 1px 1px 1px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 1px 1px 1px rgba(255, 255, 255, 0.7);
    text-shadow: 0px 1px 1px rgba(241, 241, 241, 1), 0px 1px 0px rgba(255, 255, 255, 0);
}


.searchTsukuru {
    display: none;
}

/* ==========================================================================
   PhotospaceJS
========================================================================== */

.photospace {
    width: 700px;
    height: 450px;
    background-color: #FFF;
}

.thumnail_col {
    float: right;
}

.gal_content {
    float: left;
}

div.caption {
    clear: both;
}

.gallery_clear {
    clear: both;
}

.advance-link {
    background-color: #FFF;
    height: 400px;
    width: 600px;
    overflow: hidden;
}

.advance-link img {
    height: 400px;
    width: auto;
}

.thumbs li {
    height: 90px;
    width: 90px;
    overflow: hidden;
}

.thumbs li img {
    height: 90px;
    width: auto;
}

.image-wrapper {
    width: 600px;
    height: 400px;
    overflow: hidden;
}

.slideshow img {
    width: 100%;
}

.controls {
    display: none;
}

a.pageLink {
    width: 80px;
    height: 80px;
}

/* ==========================================================================
   slider
========================================================================== */

/*-- index --*/

.topsv {
    position: relative;
    border: 5px solid #F90;
    background-color: #E8E8E8;
    padding: 10px;
}

#slider {}

#slider ul,
#slider li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider li {
    width: 430px;
    height: 157px;
    overflow: hidden;
}

#slider li a {
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 5px;
    display: block;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #EFE3E3 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #EFE3E3 100%);
    /* Opera */
    background-image: -o-linear-gradient(top left, #FFFFFF 0%, #EFE3E3 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #EFE3E3));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #EFE3E3 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom right, #FFFFFF 0%, #EFE3E3 100%);
    color: #333;
    text-decoration: none;
    position: relative;
}

.figure {
    float: left;
    margin-right: 10px;
    height: 135px;
    width: 180px;
    overflow: hidden;
    background-color: #09F;
}

.figure img {
    height: 135px;
    width: 180px;
}

.figcaption {
    float: left;
    width: 218px;
}

.tax_box {
    margin: 5px 0px 0px;
    padding: 5px 0px 0px;
    line-height: 100%;
    border-top: 1px dotted #D2C6C7;
}

.top_title {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4em;
}

.tax_box span.mid {
    font-size: 0.8em;
    display: block;
    padding: 5px;
    font-weight: bold;
}

.tax_box span.clom {
    font-size: 0.7em;
    display: inline-block;
    margin: 0 0 3px 3px;
    color: #ffffff;
    padding: 3px 5px;
    background-color: #7d0000;
    background: -moz-linear-gradient(top, #ff2819 0%, #ab0000);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2819), to(#ab0000));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #7d0000;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
}

#prevBtn,
#nextBtn {
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -20px;
    top: 50px;
}

#nextBtn {
    top: 50px;
    left: 440px;
}

#prevBtn a,
#nextBtn a {
    display: block;
    width: 30px;
    height: 77px;
    background: url(images/btn_prev.gif) no-repeat 0 0;
}

#nextBtn a {
    background: url(images/btn_next.gif) no-repeat 0 0;
}


.bx-wrapper {
    position: relative;
    box-shadow: none !important;
}

.bx-wrapper img {
    width: 100%;
    object-fit: cover;
}

.bx-viewport {
    max-height: 450px;
}




/*-- example --*/

.example_listwp {
    border: 5px solid #666666;
    padding: 5px;
    background-color: #E8E8E8;
    position: relative;
}


#example_list ul,
#example_list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#example_list li {
    width: 680px;
    overflow: hidden;
}

#example_list li {
    width: 100%;
    /*height: 150px;*/
    display: flex;
    flex-wrap: wrap;
}

#example_list li a {
    list-style: none;
    width: 200px;
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 5px;
}

#example_list li a img {
    width: 100%;
    height: auto;
    max-height: 115px;
    display: inline-block;
}

#example_list .example_title {
    display: block;
    margin: 10px 0;
}

#example_list .example_desc {
    font-size: 11px;
    color: #333;
}

#prevBtn2,
#nextBtn2 {
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -25px;
    top: 50px;
}

#nextBtn2 {
    top: 50px;
    left: 684px;
}

#prevBtn2 a,
#nextBtn2 a {
    display: block;
    width: 30px;
    height: 77px;
    background: url(images/btn_prev.gif) no-repeat 0 0;
}

#nextBtn2 a {
    background: url(images/btn_next.gif) no-repeat 0 0;
}

#Buttontaiou a {
    display: block;
    overflow: hidden;
    height: 83px;
    width: 232px;
    background-image: url(http://label-seal-print.com/wp-content/uploads/9d04e5f1b0d057ea7d14f1cfb7f45461.gif);
    padding: 0px;
    margin: 0px;
}

#Buttontaiou a:hover {
    background-image: url(http://label-seal-print.com/wp-content/uploads/d4f0d6c0d585aa7b14da99f604d30496.gif);
}

#Buttongijutu a {
    display: block;
    overflow: hidden;
    height: 83px;
    width: 232px;
    background-image: url(http://label-seal-print.com/wp-content/uploads/c8709f534362cd2b408ceb1745afc008.gif);
    padding: 0px;
    margin: 0px;
}

#Buttongijutu a:hover {
    background-image: url(http://label-seal-print.com/wp-content/uploads/06b1b7a1609bc2f7d8e3103cf9e326b2.gif);
}

#Buttondesign a {
    display: block;
    overflow: hidden;
    height: 83px;
    width: 232px;
    background-image: url(http://label-seal-print.com/wp-content/uploads/d7335512592f244bbc883a12cd56ad9d.gif);
    padding: 0px;
    margin: 0px;
}

#Buttondesign a:hover {
    background-image: url(http://label-seal-print.com/wp-content/uploads/1cbd6a7d280654df880e2bb3d5660d9b.gif);
}

.iframe-content {
    position: relative;
    width: 96%;
    height: 150px;
    padding: 50 0 0 50;
}

.iframe-content iframe {
    margin-top: 16px;
    left: 0;
    width: 100%;
    height: 100px;
}

.qanda,
.qanda dt,
.qanda dd {
    margin: 0px;
    padding: 0px;
}

.qanda dt {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #CCC;
}

.qanda dt .mix {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 3em;
    display: inline-block;
    color: #82B8EE;
    margin-top: 15px;
    font-weight: bold;
}

.qanda dt .pop {
    float: left;
}

.qanda dd .mix {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 3em;
    display: inline-block;
    color: #FDE088;
    margin-top: 15px;
    font-weight: bold;
}

.qanda dd .pop {
    float: right;
}

.arrow_box {
    position: relative;
    background: #fffae0;
    border: 3px solid #f5e9b8;
    padding: 20px;
    width: 80%;
    float: left;
}

.arrow_box:after,
.arrow_box:before {
    left: 100%;
    top: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 250, 224, 0);
    border-left-color: #fffae0;
    border-width: 10px;
    margin-top: -10px;
}

.arrow_box:before {
    border-color: rgba(245, 233, 184, 0);
    border-left-color: #f5e9b8;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box2 {
    position: relative;
    background: #c7e3ed;
    border: 4px solid #b5d5f5;
    padding: 20px;
    float: right;
    width: 80%;
}

.arrow_box2:after,
.arrow_box2:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box2:after {
    border-color: rgba(199, 227, 237, 0);
    border-right-color: #c7e3ed;
    border-width: 10px;
    margin-top: -10px;
}

.arrow_box2:before {
    border-color: rgba(181, 213, 245, 0);
    border-right-color: #b5d5f5;
    border-width: 16px;
    margin-top: -16px;
}

.bosyuu_btn {
    color: #ffffff;
    padding: 30px 20px;
    background: -moz-linear-gradient(top, #ff2819 0%, #ab0000);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2819), to(#ab0000));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #7d0000;
    -moz-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 2px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 2px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 2px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
    width: 100%;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
}

.back_link {
    background-color: #EFEFEF;
    padding: 15px;
    margin-bottom: 20px;
    display: block;
    margin-top: 20px;
    box-sizing: border-box;
}

.qalist {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.qalist li {
    padding: 10px;
    border-bottom: 1px dotted #CCC;
}

/* ==========================================================================
   CTA button
========================================================================== */

.otoiawase-wrap {
    max-width: 700px;
    width: 100%;
    padding-bottom: 20px;
}

.otoiawase-wrap:after {
    clear: both;
}

.otoiawase-header {
    float: left;
    width: 100%;
}

.otoiawase-left-wrap {
    float: left;
    width: 57.0%;
    position: relative;
}

.otoiawase-right-wrap {
    float: right;
    width: 42.7%;
    position: relative;
}

form:not(#pbox_search_form):not(#product_detail_form):not(#searchform-sides) label {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    font-size: 1.2em;
    line-height: 25px;
    margin-top: 20px;
    font-weight: bold;
}

form:not(#pbox_search_form):not(#product_detail_form):not(#searchform-sides) label:before,
form:not(#pbox_search_form):not(#product_detail_form):not(#searchform-sides) label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
}

form:not(#pbox_search_form):not(#product_detail_form):not(#searchform-sides) label:before {
    background: #fff;
    border: 1px solid #000;
}

.sideber label:before,
.sideber label:after,
.assistive-text:before,
.assistive-text:after {
    display: none;
}

form:not(#pbox_search_form):not(#product_detail_form):not(#searchform-sides) input:checked + label:after {
    top: 4px;
    height: 7px;
    border-left: 3px solid #E94309;
    border-bottom: 2px solid #E94309;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#parts_checkbox,
#parts_checkbox-2 {
    display: none;
}

.privacyBlock {
    text-align: center;
    margin: 0 auto;
}

@media screen and (max-width: 400px) {
    .otoiawase-right-wrap {
        width: 100%;
        margin-bottom: 2em
    }

    .otoiawase-left-wrap {
        width: 100%;
        margin-bottom: 0.5em;
    }
}

.otoiawase-header > img {
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}

.otoiawase-left-contain img,
.otoiawase-right-contain img {
    width: 100%;
    height: auto;
}



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

見出し一覧

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


#ez-toc-container {
    width: 80%;
    margin: 32px 8px;
    padding: 16px;
    background: #f7f9ff;
    border: 1px solid #aac;

}

#ez-toc-container a {
    font-size: 1.1em
}

.ez-toc-title {
    font-size: 1.25em;
    letter-spacing: .05em;
    line-height: 2em;
    text-align: center;
}

.ez-toc-list {
    font-size: 14px;
    letter-spacing: .05em;

}

#ez-toc-container nav {

    position: static !important;
}

div#ez-toc-container ul li {
    margin-top: 1em;
    line-height: 1.8em !important;
}

.div#ez-toc-container p.ez-toc-title {
    text-align: center !important;
}

div#ez-toc-container p.ez-toc-title {
    font-weight: 800;
    text-align: center;
    font-size: 1.2em;
}

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

ギャラリープラグイン向け

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

[data-rel^="lightbox-image-"] img,
.slideshow img {
    transition: 0.35s;
    margin-bottom: 1.5em;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

[data-rel^="lightbox-image-"] img:hover,
.slideshow img:hover {
    opacity: 0.6;
    transform: scale(1.05);
    box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.8);
}




html {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.bg-lgy {
    background: #f2f2f2;
}

.bg-wh {
    background: #fff;
}

.bg-lbl {
    background: #e6edf7;
}

.bg-grid {
    background: url("/wp-content/themes/keshobako_wp/images/index/bg-grid.png");
}

strong.color-or,
.color-or {
    font-weight: 400;
    color: #ee8213;

}


.line-bl {
    background-image: url("/wp-content/themes/keshobako_wp/images/index/indexLine-small.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 16px;
    text-align: center;
    font-size: 36px;
}


.line-bl-d {
    background-image: url(/wp-content/themes/keshobako_wp/images/index/indexLine-double.png);
    background-repeat: repeat-x;
    background-position: center center;
    margin-top: 64px;
    margin-bottom: 24px;
    text-align: center;
}

.line-bl-d > span {
    display: inline-block;
    margin: 0 auto;
    font-size: 30px;
    box-sizing: border-box;
    background: #fff;
    padding: 0 20px;
    font-weight: 400;
}



nav {
    background: inherit;
    padding-bottom: 15px;
}

.item-bl {
    display: block;
    border: 2px solid #0e47a0;
    background: #fff;
    color: #333;
    text-decoration: none !important;
    width: 215px;
    box-sizing: border-box;
    max-width: 100%;
    box-shadow: 0 3px 3px rgba(120, 120, 120, 0.25);
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: 0.3s;
    text-align: center;
    border-radius: 7px;

}

.item-bl:hover {
    background: #0e47a0;
    color: #fff;
    transform: scale(1.03);

    box-shadow: 0 4px 6px rgba(120, 120, 120, 0.45);
}

.bt-bl {
    background: #0e47a1;
    font-size: 18px;
    line-height: 18px;
    box-sizing: border-box;
    padding: 8px 32px;
    color: #fff;
    border-radius: 5px;
    transition: 0.3s;

}

.bt-bl:after {
    content: url("/wp-content/themes/keshobako_wp/images/index/icRight-wh.png");
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;

}

.bt-bl:hover {
    background: #333;
    color: #fff;
    transform: scale(1.03);
}


/*  header */


.headerCaption {
    width: 100%;
    background: #e4e4e4;
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1024;
}

.headerCaptionWrap {
    display: flex;
    justify-content: space-between;
}


.headerCaption__text {
    padding: 12px 0;
    margin: 0;
}

.headerCaption__text strong {
    color: #e28420;
    font-weight: 400;
}

.headerCaption__search {
    display: inline-block;
    width: 280px;
    position: relative;
}

.headerCaption__search-box {
    width: 75%;
    margin-top: 9px;
}

.headerCaption__search-submit {
    width: 24%;
    right: 0;
    top: 10px;
    position: absolute;
    padding: 1px;
    border-radius: 2px;
    background: #0e47a0;
    color: #fff;
    box-sizing: border-box;
}

.bottomNav {
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background: #e6edf7;
    padding: 10px 0;
    box-shadow: 3px 3px 10px #333;
}

.bottomNav ul {
    display: flex;
}

.bottomNav ul {
    display: flex;
    align-items: center;
}

.bottomNav ul {
    text-align: center;
}

.bottomNav ul li:nth-of-type(n+2) {
    width: 22%;
    margin-left: 1%;
}

.bottomNav ul li a {
    display: block;
    color: #FFF;
    margin-top: 5px;
}

.bottomNav ul li a:hover {
    background: #333 !important;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.bottomNav ul li:nth-of-type(1) {
    width: 31%;
}

.bottomNav ul li:nth-of-type(1) a {
    display: none;
}

.bottomNav ul li:nth-of-type(1) span {
    font-size: 32px;
    color: #e94b24;
    font-weight: bold;
    display: block;
    line-height: 1;
    margin-bottom: 10px;
}

.bottomNav ul li:nth-of-type(1) a {
    display: none;
}

.bottomNav ul li:nth-of-type(2) a {
    background: #f04c27;
    border-radius: 7px;
    text-align: center;
    box-shadow: 0 3px 3px rgb(120 120 120 / 25%);
    transition: 0.3s;
    padding: 1em 0.2em;
}

.bottomNav ul li:nth-of-type(3) a {
    background: #0e47a1;
    border-radius: 7px;
    text-align: center;
    box-shadow: 0 3px 3px rgb(120 120 120 / 25%);
    transition: 0.3s;
    padding: 1em 0.2em;
}

.bottomNav ul li:nth-of-type(4) a {
    background: #0e47a1;
    border-radius: 7px;
    text-align: center;
    box-shadow: 0 3px 3px rgb(120 120 120 / 25%);
    transition: 0.3s;
    padding: 1em 0.2em;
}

@media screen and (max-width: 768px) {
    .bottomNav ul li:nth-of-type(n+1) {
        width: 24%;
        margin-left: 1%;
    }

    .bottomNav ul li:nth-of-type(1) {
        margin-right: 0;
    }

    .bottomNav ul li:nth-of-type(1) a {
        display: block;
        background: #FFF;
        color: #f04c27;
        border: 1px solid #f04c27;
        border-radius: 7px;
        text-align: center;
        box-shadow: 0 3px 3px rgb(120 120 120 / 25%);
        transition: 0.3s;
        padding: 1em 0.2em;
    }

    .bottomNav ul li:nth-of-type(1) a:hover {
        background: #f04c27 !important;
        color: #FFF;
    }

    .bottomNav ul li:nth-of-type(1) div {
        display: none;
    }

    .bottomNav ul li span {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .bottomNav {
        padding: 0;
    }

    .bottomNav ul {
        flex-wrap: wrap;
        margin: 1em 0;
    }

    .bottomNav ul li:nth-of-type(n+1) {
        width: 49%;
        margin-left: 0;
    }

    .bottomNav ul li:nth-of-type(n+1) a {
        padding: 0.5em 0;
        margin: 0;
    }

    .bottomNav ul li:nth-of-type(-n+2) {
        margin-bottom: 0.5em;
    }

    .bottomNav ul li:nth-of-type(2n) {
        margin-left: 2%;
    }
}


.headerMain {
    margin-top: 50px;
}

.logo__point li {
    text-align: center;
    box-sizing: border-box;
    color: #0e47a0;
    border: thin solid #0e47a0;
    padding: 10px 8px;
    width: 27%;
    margin-right: 2%;
    font-size: 14px;
    line-height: 16px
}


.header_tell {
    margin-top: 24px;
    margin-bottom: 16px;
}

.header_tell-info {
    text-align: center;
    color: #e94b24;
    font-size: 14px;
}

.header_tell-num {
    text-align: center;
    color: #e94b24;
    font-size: 34px;
    margin-top: 18px;
    display: inline-block;
}

.header_tell-hour {
    text-align: center;
    font-size: 14px;
}

.header_button-1 a {
    background: #f04c27;
    border-radius: 7px;
    text-align: center;
    box-shadow: 0 3px 3px rgba(120, 120, 120, 0.25);
    transition: 0.3s;
    padding: 1em .2em;
}

.header_button-2 a {
    background: #0e47a1;
    border-radius: 7px;
    text-align: center;
    box-shadow: 0 3px 3px rgba(120, 120, 120, 0.25);
    transition: 0.3s;
    padding: 1em .2em;
}

.header_button-1 a:hover,
.header_button-2 a:hover {
    background: #333;
}

.header__nav1 {
    display: flex;
    justify-content: space-around;
}

.header__nav1 > a {
    width: 16.6%;
    border-right: 1px solid #0847a4;
    box-sizing: border-box;
    text-align: center;
    color: #333;
    font-weight: 600;
    transition: 0.25s;

}

.header__nav1 > a:hover {
    transform: scale(1.07);
}


.header__nav1 > a:first-child {
    border-left: 1px solid #0847a4;
}

.header__nav2 {
    width: 40%;
}

.header__nav2 > a {
    background: #0e47a1;
    color: #fff;
    width: calc(50% - 7px);
    text-align: center;
    border-radius: 7px;
    font-size: 16px;
    box-sizing: border-box;
    display: inline-block;
    padding: 14px;
    margin-right: 7px;
    transition: 0.3s;
}



.header__nav3 {
    width: 60%;
    height: 49px;
    background: #0e47a1;
    color: #fff;
    border-radius: 7px;
    position: relative;
    box-sizing: border-box;
    padding-left: 44px;

    justify-content: flex-end;
    overflow: hidden;

}


.header__nav3 > a {
    color: #0e47a1;
    background: #fff;
    text-align: center;
    width: calc(33% - 3px);
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
    display: inline-block;
    padding: 12px 14px;
    margin-right: 3px;
    margin-top: 2px;
    transition: 0.3s;
}

.header__nav2 > a:hover,
.header__nav3 > a:hover {
    background: #333;
    color: #fff;
}

.header__nav3 > a:nth-child(3n) {
    margin-right: -4px;
    border-radius: 0 4px 4px 0;
}

.header__nav3:before {
    position: absolute;
    top: 12px;
    left: 16px;
    content: url('/wp-content/themes/keshobako_wp/images/index/headerSearch-ic.png');
    display: inline-block;
    vertical-align: middle;
}

.indexCatch {
    padding-top: 28px;
    font-weight: 600;
}

.indexCatch-1 {
    width: 49%;
    margin-right: 1%;
    border: thin solid #0e47a1;
    font-size: 18px;
    box-sizing: border-box;
    padding: 24px 19px;
}

.indexCatch-1 strong {
    display: inline-block;
    padding: 6px 10px;
    border: thin solid #8f8f8f;
}

.indexCatch-2 {
    width: 49%;
    margin-left: 1%;
    border: thin solid #f04d24;
    font-size: 18px;
    box-sizing: border-box;
    padding: 31px 24px;
    position: relative;
}

.indexCatch-2:after {
    position: absolute;
    top: 12px;
    right: 32px;
    content: url('/wp-content/themes/keshobako_wp/images/index/headerCard.png');
    display: inline-block;
    vertical-align: middle;
}



.indexUpHead {
    background: #0e47a1;
    border-radius: 8px 8px 0 0;
    padding: 8px 0 8px 20px;
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    margin-top: 36px;
}


.indexUpNews {
    border: thin solid #333;
    border-radius: 0 0 8px 8px;
    border-top: none;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}


.indexUpNews {
    border: thin solid #333;
    border-radius: 0 0 8px 8px;
    border-top: none;
    box-sizing: border-box;

    display: flex;
    flex-wrap: wrap;
}

.indexUpNews dt,
.indexUpNews dd {

    font-size: 13px;
}

.indexUpNews dt {
    width: 10%;
    border-bottom: 1px dotted #999;
    padding: 8px 5px 6px 20px;
    box-sizing: border-box;
}

.indexUpNews dd {
    width: 90%;
    padding: 8px 5px 6px 10px;
    box-sizing: border-box;
}

.indexNouki__list > a {
    width: 24%;
    margin-right: 1%;
    line-height: 1.8em;
    position: relative;
    font-weight: 600;
}


.indexAbout {
    margin-top: 72px;
    text-align: center;
    margin-bottom: 66px;
}




.indexAbout__caption {
    font-size: 28px;
    line-height: 2em;
    margin-top: 32px;
    margin-bottom: 48px;
}


.indexAbout__list > a {
    width: 24%;
    margin-right: 1%;
    line-height: 1.8em;
    position: relative;
    font-weight: 600;
}

.indexAbout__list > a:nth-child(1):before {
    position: absolute;
    top: 22px;
    left: 28px;
    content: url("/wp-content/themes/keshobako_wp/images/index/icFirst.png");
    display: inline-block;
}


.indexPickup {
    padding-top: 64px;
    padding-bottom: 64px;
}

.indexPickup__header {
    text-align: center;
    margin-bottom: 48px;

}


.indexReason {
    padding-top: 72px;
}

.indexReason__header {
    position: relative;
    margin-bottom: 64px;
}

.indexReason__header:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: url("/wp-content/themes/keshobako_wp/images/index/indexReason-bg.png");
}

.indexReason .flex3 li {
    width: 32%;
    margin-right: 2%;
    border: 1px solid #CCC;
    border-radius: 20px;
    padding: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}

.indexReason .flex3 li img {
    width: 100%;
}

.indexReason .flex3 li:nth-last-of-type(1) {
    margin-right: 0;
}

.indexReason .flex3 h2 {
    color: #0072ce;
    text-align: center;
    margin-bottom: 15px;
}

.indexReason .flex3 li .textArea {
    padding: 20px 10px;
}

.indexFeatures {
    padding-top: 72px;
}

.indexFeatures__header {
    position: relative;
    margin-bottom: 30px;
}

.indexFeatures__list li {
    margin-top: 50px;
    margin-bottom: 30px;
    width: 31%;
    margin-right: 2%;
    position: relative;
}


.indexFeatures__list__header {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    padding-left: 36px;
}


.indexFeatures__list__body {
    margin-top: 12px;
}

.indexFeatures__list li:before {
    display: inline-block;
    position: absolute;
    top: -16px;
    left: -16px;
}

.indexFeatures__list li:nth-child(1):before {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexPoint-1.png")
}

.indexFeatures__list li:nth-child(2):before {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexPoint-2.png")
}

.indexFeatures__list li:nth-child(3):before {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexPoint-3.png")
}

.indexFeatures__list li:nth-child(4):before {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexPoint-4.png")
}

.indexFeatures__list li:nth-child(5):before {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexPoint-5.png")
}

.indexFeatures__list li:nth-child(6):before {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexPoint-6.png")
}


.indexMaking {
    padding-top: 96px;

}

.indexMaking__header {
    margin-bottom: 32px;
}

.indexMaking__list a {
    width: auto;
}

.indexMaking__list a:hover {
    background: inherit;
    color: inherit;
}


.indexMaking__list__caption {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
}


.indexMaking__list__header {
    padding-top: 14px;
    padding-bottom: 20px;
    color: #0e49a5;
    font-size: 24px;
    font-weight: 600;
}


.indexMaking__list__body {
    font-size: 14px;
}


.indexMaking__list-haribako {
    width: 99%;


}

.indexMaking__list-haribako > a {
    position: relative;
    min-height: 150px;
    text-align: left;
    padding-left: 24px;
}


.indexMaking__list__figure-haribako {
    position: absolute;
    right: 3px;
    bottom: 0;
}



.indexMaking__list-haribako .bt-bl {
    display: inline-block;
    margin-top: 14px;
}


/* ------ */

.indexGuide {
    margin: 50px auto;
}

.indexGuide__header {
    margin-bottom: 32px;
    line-height: 1.5;
}

.indexGuide__list a {
    width: auto;
}

.indexGuide__list a:hover {
    background: inherit !important;
    color: inherit !important;
}

.indexGuide__list__caption {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
}


.indexGuide__list__header {
    padding-top: 14px;
    padding-bottom: 20px;
    color: #0e49a5;
    font-size: 24px;
    font-weight: 600;
}


.indexGuide__list__body {
    font-size: 14px;
}


.indexGuide__list-haribako {
    width: 99%;


}

.indexGuide__list-haribako > a {
    position: relative;
    min-height: 150px;
    text-align: left;
    padding-left: 24px;
}


.indexGuide__list__figure-haribako {
    position: absolute;
    right: 3px;
    bottom: 0;
}



.indexGuide__list-haribako .bt-bl {
    display: inline-block;
    margin-top: 14px;
}

.indexGuide .bt-bl {
    width: 46%;
    margin: 0 2%;
    text-align: center;
}


.indexGyoukai__header {
    margin-bottom: 48px;
}



.indexGyoukai__list-item {

    padding-top: 0;
    overflow: hidden;
}

.indexGyoukai__list-text {
    padding-top: 12px;
}

.indexGyoukai .bt-bl {
    margin: 48px auto;
    display: inline-block;
}

.indexYouto {
    margin-top: 96px;
}

.indexYouto__header {
    margin-bottom: 48px;
}

.indexYouto__list > a {
    width: 25%;
    box-sizing: border-box;
    padding: 0 .5em 0 0;
    margin-bottom: 1em;
}

.indexYouto__list-item {

    padding-top: 0;
    overflow: hidden;
}

.indexYouto__list-text {
    padding-top: 12px;
}


.indexYouto .bt-bl {
    margin: 48px auto;
    display: inline-block;
}


.indexKatati {
    margin-top: 96px;
}


.indexKatati__header {
    margin-bottom: 48px;
}




.indexKatati__list a {
    text-align: center;
    margin-bottom: 28px;
}

.indexKatati__list-fig {
    border-radius: 7px;
}



.indexKatati__text {
    text-align: center;
    margin-top: 12px;
}

.indexKatati .bt-bl {
    margin: 60px auto 36px auto;
    display: inline-block;
}



.indexExist {
    position: relative;
}

.indexExist:before {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexExist-bg.jpg");
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
}


.indexExist__header,
.indexExist__body {
    margin-left: 200px;
}

.indexExist__header {
    font-size: 36px;
    font-weight: 400;
    color: #0e47a1;
    margin-bottom: 24px;
    padding-top: 36px;
}

.indexExist__body {
    font-size: 28px;
}


.indexFlow {
    margin-top: 96px;
}

.indexFlow__header {
    margin-bottom: 32px;
}


.indexFlow__list {
    margin-bottom: 108px;
}

.indexFlow__list a {
    text-decoration: underline;
}

.indexFlow__list > li {
    width: 49%;
    margin-right: 1%;
    padding: 0;
    box-sizing: border-box;
    border: 2px solid #0e47a1;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;

}

.indexFlow__list__header {
    color: #fff;
    background: #0e47a1;
    padding: 24px;
    position: relative;
    font-weight: 400;

}

.indexFlow__list__header:first-letter {
    font-size: 36px;
}


.indexFlow__list > li:nth-child(1) .indexFlow__list__header:after {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexFlow-1-bg.png");
    position: absolute;
    display: inline-block;
    bottom: -3px;
    right: 0;
}

.indexFlow__list > li:nth-child(2) .indexFlow__list__header:after {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexFlow-2-bg.png");
    position: absolute;
    display: inline-block;
    bottom: -3px;
    right: 0;
}

.indexFlow__list > li:nth-child(3) .indexFlow__list__header:after {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexFlow-3-bg.png");
    position: absolute;
    display: inline-block;
    bottom: -3px;
    right: 0;
}

.indexFlow__list > li:nth-child(4) .indexFlow__list__header:after {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexFlow-4-bg.png");
    position: absolute;
    display: inline-block;
    bottom: -3px;
    right: 0;
}


.indexFlow__list__body-flow1-detail > img {
    display: block;
    margin: 0 auto 12px auto;
    min-height: 79px;
    width: auto;
}


.indexFlow__list__body {
    padding: 24px;
    box-sizing: border-box;
    position: relative;
}



.indexFlow__list > li:nth-child(1) .indexFlow__list__body:before {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexFlow-1-ic1.png");
    position: absolute;
    display: inline-block;
    top: 52px;
    left: 45%;
}


.indexFlow__list__body-detail-tel {
    text-align: center;
    margin-top: 8px;

}

.indexFlow__list__body-detail-tel strong {
    font-weight: 400;
    color: #0e47a1;
    font-size: 24px;

}



.indexFlow__list__body-flow2 {
    margin-top: 12px;
    font-size: 16px;
}

.indexFlow__list__body-flow2 dt:before {
    content: "●";
    color: #0e47a1;
    vertical-align: middle;
    font-size: 16px;
    display: inline-block
}

.indexFlow__list__body-flow2 dd {
    padding-left: 16px;
    padding-bottom: 16px;
    font-size: 14px;
}



.indexFlow__list__body-detail-strong {
    font-size: 24px;
    font-weight: 400;
}


.indexFlow__list__body-detail small {
    font-size: 14px;
}

.indexQA dl {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 15px;
}

.indexQA dl {
    margin-bottom: 15px;
}

.indexQA dl dt {
    font-weight: bold;
    color: #0e47a1;
}

.indexQA .bt-bl {
    margin: 60px auto 36px auto;
    display: inline-block;
}

.indexQA__header {
    margin-bottom: 32px;
}

.indexAside-left__newsHeader {

    border-bottom: 2px solid #0e47a1;
}



.indexAside-left__newsHeader-left {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 24px;
}

.indexAside-left__newsHeader-right {
    text-align: right;
    font-size: 16px;
    color: #333;
}


.indexAside-left__newsHeader-right:after {
    content: url("/wp-content/themes/keshobako_wp/images/index/icRight-bl.png");
    color: #0e47a1;
    vertical-align: middle;
    font-size: 16px;
    display: inline-block
}






. footer {
    border-top: none;
}


.footerLink-header {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 48px;
}

.footerLink-header:before {
    content: "●";
    color: #0e47a0;
    display: inline-block;

    padding-right: 12px;
}





.footerAbout-2 {
    text-align: right;
}



.footer__iconList {
    margin: 1em auto;
    max-width: 720px;
}


.footer__iconList img {
    display: inline-block;
    vertical-align: bottom;
    max-width: 80px;
}

.footer__iconList img:nth-child(3n) {
    max-width: 120px;
}

.footer__cv {
    align-items: unset;
    padding: 4rem 0;
}

.footer__cv > * {
    display: flex;
}

.footer__cv li {
    background: #c9f2f2;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 10px;
    padding: 30px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.footer__cv a {
    color: #333;
}

.footer__cv li img {
    height: 40px;
}

.footer__cv li a img {
    margin-bottom: 20px;
}

.footer__cv strong {
    margin: 0.3em 0;
    line-height: 1.5;
    font-size: 1.8em;
    color: tomato;
    display: block;
    width: 100%;
}

.partsCta {
    background: #e6edf7;
    border-radius: 7px;
    overflow: hidden;
    display: block;
    margin-top: 72px;
    margin-bottom: 96px;
}


.partsCta__header {
    text-align: center;
    background: #0e47a1;
    color: #fff;
    font-size: 32px;
    padding: 28px 12px 28px 12px;
    position: relative;

}

.partsCta__header:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #0e47a1 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}

.partsCta__body {
    padding: 64px 48px;
    position: relative;
}

.partsCta__body:before {
    content: url("/wp-content/themes/keshobako_wp/images/index/indexCall-bg.png");
    display: inline-block;
    position: absolute;
    right: 64px;
    top: 0;
}

.partsCta__body-header {
    font-size: 44px;
    color: #0e47a1;
    margin-bottom: 24px;
    font-weight: 600;
    display: block;

}

.partsCta__body-caption {
    font-size: 28px;
    margin-bottom: 28px;
    font-weight: 600;
}

.partsCta__body-sub {
    font-size: 24px;
    margin-bottom: 48px;
    line-height: 1.6em;

}


.partsCta__body-main {
    text-align: center;
    font-size: :16px;
}

.partsCta__body-marker {
    display: block;
    color: #0e47a1;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    font-size: 28px;
    text-align: center;
    width: 23em;
    font-weight: 400;
    background: linear-gradient(transparent 40%, #fdee21 40%);
}


.partsCta__body-link {
    margin-top: 28px;
}

.partsCta__body-link1 {
    width: 48%;
    margin-right: 2%;
    font-size: 28px;
    text-align: center;
    color: #fff;
    background: #f04c27;
    line-height: 42px;
    padding: 48px 10px;
    transition: 0.3s;
    box-shadow: 0 3px 3px rgba(120, 120, 120, 0.3);
    border-radius: 7px;
}

.partsCta__body-link1:hover {
    background: #333;
    color: #fff;
    transform: scale(1.03);

    box-shadow: 0 4px 6px rgba(120, 120, 120, 0.45);
}


.thumb-item.slick-slider {
    height: auto;
}

/* ==========================================================================
   Review area
========================================================================== */


.header_review {
    font-size: 22px;
    margin-top: 54px;
    margin-bottom: 36px;
    padding: 8px 8px 8px 16px;
    border-left: 6px solid #0072ce;
    color: #0072ce;
}

.body_review {
    font-size: 14px;
}

.reviewWrap {
    font-size: 14px;
    padding: 14px 20px;
    box-sizing: border-box;
    width: calc(100% - 28px);
    margin-left: 28px;
    border: 2px solid #efefef;
    margin-top: 25px;
}

.body_reviewQ {
    color: #0072ce;
    margin-bottom: -1px;
}

.body_reviewA {
    margin-top: 0;
    margin-bottom: 32px;
}

.body_reviewFooter {
    text-align: right;
    position: relative;
    padding-right: 48px;
    width: 100%;
    font-size: 12px;
    box-sizing: border-box;
}

.body_reviewFooter-time {
    margin-left: 1.5em;
}

.body_reviewFooter:after {
    content: '';
    display: inline-block;
    background-image: url('/wp-content/themes/keshobako_wp/images/ic-voiceFace.png');
    position: absolute;
    right: 0;
    top: -8px;
    width: 40px;
    height: 40px;

}

.body_reviewAns {
    background: #E6EEF5;
    width: 100%;
    border-radius: 8px;
    margin: 15px 0;
    padding: 14px 14px 24px 22px;
    box-sizing: border-box;
    line-height: 1.8em;
}

.body_reviewAns:before {
    content: "スタッフ返信";
    display: block;
    font-size: 12px;
    margin-bottom: 16px;

}

/*ページャー*/
ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

ul.page-numbers > li {
    margin-right: .75em;
    margin-bottom: 1.5em;
}

ul.page-numbers > li a {
    display: inline-block;
    border: #0066cc thin solid;
    padding: .1em .6em;
    transition: 0.3s;
    border-radius: 1px;
}

ul.page-numbers > li .current {
    display: inline-block;
    border: #333 thin solid;
    padding: .1em .6em;
    background: #333;
    color: #fff;
    border-radius: 1px;
}


ul.page-numbers > li a:hover {
    background: #0066cc;
    color: #fff;
}

ul.page-numbers > li:first-child a,
ul.page-numbers > li:last-child a {
    border: none;
}


.product-detail {
    margin-bottom: 100px !important;
}

#thumbList.thumbLightbox,
#lightboxPhoto,
#lightboxBg {
    z-index: 2;
}

/* 資料ダウンロードページ関連 */

.download-list img {
    border: 1px solid #EEE;
    margin-bottom: 15px;
}

ul.download-list {
    justify-content: space-between;
}

ul.download-list li {
    padding: 10px;
}

ul.download-list li span {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding-bottom: 7px;
    padding-top: 7px;
    width: 100%;
    height: auto;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 25%);
    background: #f04c27;
    border-radius: 7px;
    text-align: center;
    box-shadow: 0 3px 3px rgb(120 120 120 / 25%);
    transition: 0.3s;
    padding: 1em 0.2em;
}

@media screen and (max-width:450px) {
    ul.download-list li span {
        font-size: 12px;
    }
}

ul.download-list li a:hover span {
    background: #333;
}

@media screen and (max-width:450px) {
    .download-page.flex2 > * {
        width: 100%;
    }
}

/* 追加　2022.05 */
/* 共通パーツ */

.wrapper{
    box-sizing: border-box;
 }
 
 .onSmt{
    display: none;
 }
 
 .onTb{
    display: none;
 }
 
 .onPc{
    display: block;
 }
 
 .arrowTur{
 position: relative;
 }
 
 .arrowTur::after{
 position: absolute;
 margin-right: 10px;
 content: "";
 display: block;
 width: 15px;
 height: 15px;
 background: url('./images/index/icRight-tur.svg') no-repeat;
 background-size: 100%;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 }
 
 .arrowPi{
 position: relative;
 }
 
 .arrowPi::after{
 position: absolute;
 margin-right: 10px;
 content: "";
 display: block;
 width: 15px;
 height: 15px;
 background: url('./images/index/icRight-pi.svg') no-repeat;
 background-size: 100%;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 }
 
 .arrowWhPi{
 position: relative;
 }
 
 .arrowWhPi::after{
 position: absolute;
 margin-right: 10px;
 content: "";
 display: block;
 width: 15px;
 height: 15px;
 background: url('./images/index/icRight-wh-pi.svg') no-repeat;
 background-size: 100%;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 }
 
 .arrowWhTur{
 position: relative;
 }
 
 .arrowWhTur::after{
 position: absolute;
 margin-right: 10px;
 content: "";
 display: block;
 width: 15px;
 height: 15px;
 background: url('./images/index/icRight-wh-tur.svg') no-repeat;
 background-size: 100%;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 }
 
 .btnTur{
 color: #FFF;
 background: #0072CE;
 display: block;
 padding: 10px;
 border-radius: 3px;
 text-align: center;
 }
 
 .btnTur:hover{
 background: #f18b2a;
 transform: scale(1.03);
 transition: .3s;
 }
 
 .btnOr{
    color: #FFF;
    border: 1px solid #f18b2a;
    background: #f18b2a;
    display: block;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    box-sizing: border-box;
 }
 
 .btnOr:hover{
    border: 1px solid #f18b2a;
    color: #f18b2a;
    background: #FFF;
    transform: scale(1.03);
    transition: .3s;
 }
 
 .btnPi{
 color: #FFF;
 background: #d53e68;
 display: block;
 padding: 10px;
 border-radius: 3px;
 text-align: center;
 }
 
 .btnPi:hover{
 background: #f18b2a;
 transform: scale(1.03);
 transition: .3s;
 }
 
 .btnWhPi{
 color: #d53e68;
 background: #FFF;
 border: 1px solid #d53e68;
 display: block;
 padding: 10px;
 border-radius: 3px;
 text-align: center;
 }
 
 .btnWhPi:hover{
 background: #f18b2a;
 border-color: #f18b2a;
 color: #FFF;
 transform: scale(1.03);
 transition: .3s;
 }
 
 /* ヘッダー */
 header{
    background: #FFF;
    z-index: 60;
    width: 100vw;
    box-sizing: border-box;
 }
 
 header.fixed{
    box-shadow: 2px 0px 3px #333;
 }
 
 .headerCont{
    background: #FFF;
    position: relative;
    z-index: 30;
 }
 
 .headerCont .wrapper{
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin: 0 auto;
 padding: 15px 0;
 }
 
 .headerLeft .headerSiteTtl{
 max-width: 300px;
 margin-right: 15px;
 }

 .headerLeft .headerSiteTtl img{
 max-width: 100%;
 }
 
 .headerRight .headerNumber{
 font-size: 12px;
 margin-bottom: 5px;
 text-align: right;
 }
 
 .headerRight .headerNumber span{
 color: #c10909;
 font-size: 14px;
 margin-right: 5px;
 }
 
 .headerRight .headerNumber span a{
 font-size: 22px;
 color: #c10909;
 font-weight: bold;
 }
 
 .headerRight .headerBtn ul{
 display: flex;
 align-items: center;
 }
 
 .headerRight .headerBtn ul li{
 margin-right: 10px;
 font-size: 13px;
 /* width: 120px; */
 }
 
 .headerRight .headerBtn ul li:last-of-type{
 margin-right: 0;
 }
 
 .headerRight .headerBtn ul li a{
    margin: 0;
 }
 
 /* ナビゲーション */
 
 nav{
    padding: 0;
    background: none;
 }
 
 .navCont{
    position: relative;
    z-index: 20;
 }
 
 .navCont ul{
 display: flex;
 align-items: center;
 }
 
 .navCont ul li img{
 height: 30px;
 }
 
 
 .navMain{
 background: #e7edf6;
 }
 
 .navMain ul.layer1{
 position: relative;
 }
 
 .navMain ul.layer1 > li{
 width: 20%;
 display: flex;
 align-items: center;
 flex-grow: 1;
 }

 .navMain ul.layer1 > li.navSearch{
    justify-content: flex-end;
 }
 
 .navMain ul.layer1 > li:first-of-type > a:after{
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #0072CE;
    position: absolute;
    left: 0;
    }

 .navMain ul.layer1 > li > a:before{
 content: "";
 display: block;
 width: 1px;
 height: 20px;
 background: #0072CE;
 position: absolute;
 right: 0;
 }
 
 .navMain ul.layer1 > li:last-of-type a::after{
 content: "";
 display: block;
 width: 1px;
 height: 20px;
 background: #0072CE;
 position: absolute;
 right: 0;
 }
 
 .navMain ul.layer1 > li > a{
 display: flex;
 align-items: center;
 justify-content: center;
 color: #111;
 font-weight: bold;
 padding: 10px;
 box-sizing: border-box;
 width: 100%;
 position: relative;
 }
 
 .navMain ul.layer1 > li > a:hover{
 color: #0072CE;
 transition: .3s;
 }
 
 .navMain ul.layer1 > li .arrow{
 display: block;
 width: 8px;
 height: 8px;
 border: 2px solid;
 border-color:  transparent transparent #0072CE #0072CE;
box-sizing: border-box;
 /* position: relative; */
 position: absolute;
 right: 10px;
 top: 50%;
 transform: rotate(-45deg) translateY(-50%);
 margin-left: auto;
 transition: .3s;
 }

 .navMain ul.layer1 > li .arrow.active{
    transform: rotate(135deg) translateY(-50%);
    transform-origin: 2px 1px;
    transition: .3s;
}

 .navMain .layer2{
 display: none;
 width: 100vw;
 padding: 30px 0;
 background: #FFF;
 box-shadow: 3px 3px 5px #AAA;
 position: absolute;
 top: 40px;
 left: 50%;
 transform: translateX(-50%);
 z-index: 10;
 }
 
 .navMain .layer2 ul{
 width: 100%;
 justify-content: flex-start;
 }
 
 .navMain .layer2.open ul{
 display: flex !important;
 }
 
 .navMain .layer2 ul li{
 width: 18%;
 margin-right: calc(10% / 4);
 background: #e5edf6;
 display: flex;
 justify-content: center;
 align-items: center;
 border: 2px solid #0072CE;
 border-radius: 10px;
 transition: .3s;
 }
 
 .navMain .layer2 ul li:hover{
    transform: scale(1.03);
    transition: .3s;
 }
 
 .navMain .layer2 ul li:last-of-type{
 margin-right: 0;
 }
 
 .navMain .layer2 ul li a{
 text-align: center;
 color: #0072CE;
 flex-grow: 1;
 padding: 15px;
 }
 
 .navMain .layer2 ul li a figure{
 margin-bottom: 10px;
 }

 .navMain li.navSearch{
    width: 30%;
 }
 
 .navMain li.navSearch form{
    display: flex;
 }
 
 .navMain li.navSearch .btSearchSubmit{
    background: #d53e68;
    color: #FFF;
    padding: 0 10px;
    border: none;
 }
 
 .navSub{
 background: #0072CE;
 transition: .3s;
 position: relative;
 z-index: -10;
 }
 
 .navSub.hide{
 transform: translateY(-100%);
 }
 
 .navSub ul.layer1{
 padding: 15px 0;
 }
 
 .navSub ul.layer1 > li{
    padding: 0 10px;
    flex-grow: 1;
 }
 
 .navSub ul.layer1 > li:last-of-type{
 margin-right: 0;
 }
 
 .navSub ul.layer1 > li a{
 background: #FFF;
 color: #0072CE;
 border-radius: 5px;
 text-align: center;
 display: block;
 width: 100%;
 padding: 5px 0;
 }
 
 .drawerNumber,.drawerBtn{
 display: none;
 }
 
 /* 絞り込みパーツ */
 
 .sortBox{
 width: 25%;
 float: left;
 }
 
 .sortBox p{
 text-align: center;
 margin-bottom: 10px;
 font-size: 13px;
 font-weight: bold;
 }
 
 .searchBox{
 border: 2px solid #0072CE;
 border-radius: 10px;
 overflow: hidden;
 margin-bottom: 10px;
 }
 
 .searchBox h3{
 background: #0072CE;
 color: #FFF;
 padding: 10px;
 font-size: 17px;
 width: 100%;
 text-align: center;
 display: block;
 }
 
 .searchBox ul{
 padding: 0 10px;
 background: #FFF;
 }
 
 .searchBox li:nth-of-type(1){
 border-bottom: 1px dotted #0072CE;
 }
 
 .searchBox a{
 color: #111;
 padding: 10px;
 font-weight: bold;
 display: block;
 }
 
 .searchBox a:hover{
 color: #0072CE;
 }
 
 .optionBox{
 margin-bottom: 10px;
 }
 
 .optionBox a{
    font-weight: bold;
    font-size: 15px;
 }
 
 .kakouBox{
 text-align: center;
 }
 
 .kakouBox ul{
 display: flex;
 }
 
 .kakouBox ul li{
 width: 49%;
 margin-right: 2%;
 }
 
 .kakouBox ul li:nth-of-type(2){
 margin-right: 0;
 }
 
 .kakouBox ul:nth-of-type(1){
 margin-bottom: 10px;
 }
 
 .kakouBox ul:nth-of-type(1) li a{
    font-weight: bold;
    font-size: 15px;
 }
 
 .kakouBox ul:nth-of-type(2) li{
 border: 2px solid #0072CE;
 border-radius: 5px;
 padding: 10px;
 transition: .3s;
 background: #FFF;
 }
 
 .kakouBox ul:nth-of-type(2) li:hover{
    transform: scale(1.03);
    transition: .3s;
 }
 
 .kakouBox ul:nth-of-type(2) li a{
 display: block;
 color: #0072CE;
 }
 
 .kakouBox ul:nth-of-type(2) li span{
 display: block;
 }
 
 .kakouBox ul:nth-of-type(2) li a img{
 height: 50px;
 margin-bottom: 7px;
 }
 
 /* トップページ：ファーストビュー */
 
 .indexFirstView{
 padding: 30px 0;
 }
 
 .indexSlider{
 width:73%;
 margin-left: 2%;
 float: left;
 }
 
 .indexSlider img{
 width: 100%;
 }
 
 .slick-slide{
 padding:5px;
 }
 
 .sliderThum .slick-slide{
 opacity: .3;
 }
 
 .sliderThum .slick-prev,.sliderThum .slick-next{
    z-index:2;
    position: absolte;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
 }
 .sliderThum .slick-prev{
 left:0!important;
 
 }
 
 .sliderThum .slick-prev:before{
 content:"";
 display: block;
 background:url('./images/index/vectorBlueLeft.svg');  
 background-size: contain;
 width:20px;
 height:20px;
 }
 
 .sliderThum .slick-next{
 right:0!important;
 }
 
 .sliderThum .slick-next:before{
 content:"";
 display: block;
 background:url('./images/index/vectorBlueRight.svg');
 background-size: contain;
 width:20px;
 height:20px;
 }
 
 .sliderThum .slick-current{
 opacity: 1;
 }
 
 /* トップページ：見積もりセクション */
 
 .indexMitsumori{
 margin-bottom: 70px;
 }
 
 .indexMitsumori h2{
 font-size: 24px;
 color: #d53e68;
 text-align: center;
 margin-bottom: 30px;
 }
 
 .indexMitsumori ul{
 display: flex;
 }
 
 .indexMitsumori ul:nth-of-type(1) li{
 border: 1px solid #d53e68;
 box-shadow: 2px 2px 5px #CCC;
 width: 32%;
 margin-right: 2%;
 border-radius: 10px;
 padding: 15px 10px;
 }
 
 .indexMitsumori ul:nth-of-type(1) li:last-of-type{
 margin-right: 0;
 transition: .3s;
 }
 
 .indexMitsumori ul:nth-of-type(1) li:hover{
    transform: scale(1.03);
    transition: .3s;
 }
 
 .indexMitsumori .thum{
 display: flex;
 justify-content: center;
 margin-bottom: 15px;
 }
 
 .indexMitsumori .thum img{
 margin: 0 5px;
 }
 
 .indexMitsumori p{
 color: #111;
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 }
 
 .indexMitsumori p span{
 color: #d53e68;
 font-size: 21px;
 display: block;
 margin-bottom: 10px;
 }
 
 .indexMitsumori .ttlContact{
 color: #666666;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 margin: 30px 0;
 }
 
 .indexMitsumori ul:nth-of-type(2) li{
 width: 49%;
 margin-right: 2%;
 font-size: 18px;
 line-height: 1.5;
 }
 
 .indexMitsumori ul:nth-of-type(2) li a{
 text-align: left;
 padding: 6px 12px;
 display: flex;
 align-items: center;
 height: 100%;
 box-sizing: border-box;
 }
 
 .indexMitsumori ul:nth-of-type(2) li a img{
 height: 30px;
 margin-right: 10px;
 }
 
 /* トップページ：ニュース */
 
 .indexNews{
 background: #E7EDF6;
 padding: 70px 0;
 }
 
 .indexNewsTtl{
 float: left;
 background: #0072CE;
 color: #FFF;
 font-size: 12px;
 border-radius: 10px;
 width: 20%;
 margin-right: 3%;
 text-align: center;
 padding: 20px 0;
 }
 
 .indexNewsTtl span{
 font-size: 24px;
 display: block;
 width: 100%;
 }
 
 .indexNewsList{
 float: left;
 width: 77%;
 }
 
 .indexNewsList dl{
 display: flex;
 border-bottom: 1px solid #CCC;
 padding-bottom: 10px;
 margin-bottom: 10px;
 }
 
 .indexNewsList dt{
 margin-right: 15px;
 }
 
 .indexNewsList dd a{
 color: #0072CE;
 }
 
 .indexNewsList .arrowTur{
 width: 20%;
 display: block;
 float: right;
 color: #0072CE;
 }
 
 
 .indexNews h3{
 color: #0072CE;
 font-size: 18px;
 font-weight: bold;
 margin: 20px 0;
 display: flex;
 align-items: center;
 }
 
 .indexNews h3::after{
 content: "";
 display: block;
 width: 53%;
 height: 2px;
 background: #0072CE;
 margin-left: auto;
 }
 
 .indexNews ul{
 display: flex;
 }
 
 .indexNews ul li{
 width: 32%;
 margin-right: 2%;
 }
 
 .indexNews ul li:last-of-type{
 margin-right: 0;
 }
 
 .indexNews ul li img{
 width: 100%;
 }
 
 /* トップページ：商品一覧 */
 .indexItem{
    background: #f4eddf;
    padding-bottom: 50px;
 }
 
 .indexItemTtl{
 background: #0072CE;
 padding: 50px;
 color: #FFF;
 text-align: center;
 position: relative;
 margin-bottom: 80px;
 }
 
 .indexItemTtl::after{
 content: "";
 display: block;
 width: 60px;
 height: 60px;
 position: absolute;
 left: 50%;
 bottom: 0;
 background: #0072CE;
 transform: rotate(-45deg) skew(10deg,10deg) translateX(-50%);
 }
 
 .indexItemTtl h2{
 font-size: 32px;
 font-weight: bold;
 margin-bottom: 25px;
 }
 
 .indexItem h3{
 position: relative;
 font-size: 24px;
 font-weight: bold;
 color: #FFF;
 background: #0072CE;
 padding: 20px 0 20px 120px;
 border-radius: 8px 8px 0 0;
 }
 
 .indexItem h3 span{
 width: 50px;
 height: 50px;
 background: #FFF;
 position: absolute;
 top: 50%;
 left: 15px;
 transform: translateY(-50%);
 border: 5px solid #0072CE;
 padding: 15px;
 border-radius: 50%;
 text-align: center;
 z-index: 10;
 }
 
 .indexItem h3 span img{
 height: 100%;
 }
 
 .indexItem h4{
 font-size: 20px;
 font-weight: bold;
 color: #0072CE;
 display: flex;
 align-items: center;
 margin-bottom: 20px;
 }
 
 .indexItem .pbox-search-panel h3{
    padding: 15px;
    border-radius: 5px;
    font-size: 18px;
    background: #f18b2a;
 }
 
 .indexItemTtl p{
 font-size: 18px;
 }
 
 
 .indexItemCont.col2{
 float: left;
 width: 49%;
 margin-right: 2%;
 }
 
 .indexItemCont.col2:nth-of-type(2n){
 margin-right: 0;
 }
 
 .indexItemBody{
 border: 1px solid #0072CE;
 background: #FFF;
 border-radius: 0 0 10px 10px;
 padding: 50px;
 margin-bottom: 70px;
 position: relative;
 }
 
 .indexItemBody .btnMore{
 position: absolute;
 bottom: -20px;
 left: 50%;
 transform: translateX(-50%);
 width: 200px;
 }
 
 .indexItemBlock{
 margin-bottom: 50px;
 }
 
 .indexItemBlock img{
 width: 100%;
 }
 
 .indexItemBlock ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 }
 
 .indexItemBlock ul li{
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 2px 2px 5px #CCC;
 transition: .3s;
 }
 
 .indexItemBlock ul li p{
 background: #FFF;
 padding: 10px 0;
 color: #111;
 height: 50px;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 }
 
 .indexItemBlock ul li a{
    display: flex;
    flex-direction: column;
 }
 
 .indexItemBlock ul li a figure{
    height: 120px;
 }
 
 .indexItemBlock ul li:hover{
 transform: scale(1.05);
 transition: .3s;
 }
 
 .indexItemBlock ul li:hover p{
 color: #FFF;
 background: #0072CE;
 }
 
 .indexItemBlock ul.col4 li{
 width: 23%;
 margin-right: calc(8% / 3);
 }
 
 .indexItemBlock ul.col4 li:nth-of-type(4n){
 margin-right: 0;
 }
 
 .indexItemBlock ul.col4 li:nth-of-type(-n+4){
 margin-bottom: 20px;
 }
 
 .indexItemBlock ul.col2 li{
 width: 48%;
 margin-right: 4%;
 }
 
 .indexItemBlock ul.col2 li:nth-of-type(2n){
 margin-right: 0;
 }

 .indexItemBlock ul.col2 li:nth-of-type(n+3){
    margin-top: 20px;
 }
 
 .indexItemBlock.blockPop h4::after{
 content: "";
 display: block;
 width: 70%;
 height: 1px;
 background: #0072CE;
 margin-left: auto;
 }
 
 .indexItemBlock.blockPop h4 img{
 width: 40px;
 margin-right: 10px;
 padding-bottom: 5px;
 }
 
 .indexItemBlock.blockSpe{
 width: 50%;
 float: left;
 padding-right: 20px;
 border-right: 1px solid #0072CE;
 box-sizing: border-box;
 }
 
 .indexItemBlock.blockSep{
 width: 50%;
 float: left;
 padding-left: 20px;
 box-sizing: border-box;
 }
 
 .indexItemBlock.blockBn{
 margin-bottom: 0;
 }
 
 .indexItemBlock.blockBn h4::after{
 content: "";
 display: block;
 width: 82%;
 height: 1px;
 background: #0072CE;
 margin-left: auto;
 }
 
 .indexItemBlock.blockBn li{
 width: 49%;
 margin-right: 2%;
 border-radius: 0;
 }
 .indexItemBlock.blockBn li:nth-of-type(n+3){
    margin-top: 20px;
 }

 .indexItemBlock.blockBn li:nth-of-type(2n){
 margin-right: 0;
 }
 
 .indexItemBlock.blockInd,.indexItemBlock.blockUse{
 margin-bottom: 0;
 }
 
 /* トップページ：特徴 */
 
 .indexReason{
    padding-top: 0;
 }
 
 .indexReasonTtl{
 background: #0072CE;
 padding: 50px;
 color: #FFF;
 text-align: center;
 position: relative;
 margin-bottom: 80px;
 }
 
 .indexReasonTtl::after{
 content: "";
 display: block;
 width: 60px;
 height: 60px;
 position: absolute;
 left: 50%;
 bottom: 0;
 background: #0072CE;
 transform: rotate(-45deg) skew(10deg,10deg) translateX(-50%);
 }
 
 .indexReasonTtl h2{
 font-size: 32px;
 font-weight: bold;
 line-height: 1.5;
 }
 
 .indexReasonTtl h2 span{
 color: #ffcc00;
 }
 
 .indexReasonCont{
 margin-bottom: 70px;
 }
 
 .indexReasonCont .btnTur{
 width: 200px;
 margin: 0 auto;
 }
 
 .indexReasonCont.contReason h3{
 font-size: 24px;
 margin-bottom: 50px;
 position: relative;
 }
 
 .indexReasonCont.contReason h3::after{
 position: absolute;
 right: 0;
 bottom: 0;
 content: url("/wp-content/themes/keshobako_wp/images/index/indexReason-bg.png");
 }
 
 .indexReasonCont.contReason ul{
 display: flex;
 flex-wrap: wrap;
 }
 
 .indexReasonCont.contReason li{
 width: 49%;
 margin-right: 2%;
 border-radius: 10px;
 overflow: hidden;
 border: 1px solid #CCC;
 box-sizing: border-box;
 }
 
 .indexReasonCont.contReason li h4{
 color: #0072CE;
 text-align: center;
 font-size: 20px;
 margin-top: 15px;
 }
 
 .indexReasonCont.contReason li p{
 padding: 15px;
 }
 
 
 .indexReasonCont.contReason li:nth-child(2n){
 margin-right: 0;
 }

 .indexReasonCont.contReason li:nth-child(n+3){
    margin-top: 20px;
 }

 .indexReasonCont.contReason img{
    width: 100%;
 }
 
 .indexReasonCont.contReason h3 span{
 display: inline-block;
 background: #e5edf6;
 padding: 10px;
 border-radius: 3px;
 margin-right: 5px;
 color: #0072CE;
 font-size: 32px;
 }
 
 .indexReasonCont.contReason h3 img{
 width: 320px;
 margin-bottom: -4px;
 margin-right: 5px;
 }
 
 .indexReasonCont.contReason h3 strong{
 font-size: 54px;
 font-weight: bold;
 margin-left: 60px;
 color: #0072CE;
 }
 
 .indexReasonCont.contChara h3{
 background: #0072CE;
 font-size: 32px;
 padding: 30px;
 color: #FFF;
 text-align: center;
 position: relative;
 margin-bottom: 40px;
 }
 
 .indexReasonCont.contChara h3::after{
 content: "";
 display: block;
 width: 30px;
 height: 30px;
 position: absolute;
 left: 50%;
 bottom: -10px;
 background: #0072CE;
 transform: rotate(-45deg) skew(10deg,10deg);
 z-index: -1;
 }
 
 .indexReasonCont.contChara > p{
 margin-bottom: 30px;
 }
 
 .indexReasonCont.contChara ul{
 display: flex;
 flex-wrap: wrap;
 }
 
 .indexReasonCont.contChara ul li{
 width: 32%;
 margin-right: 2%;
 margin-bottom: 20px;
 }
 
 .indexReasonCont.contChara ul li:nth-of-type(3n){
 margin-right: 0;
 }
 
 .indexReasonCont.contChara ul li h4{
 display: flex;
 align-items: center;
 }
 
 .indexReasonCont.contChara ul li h4 span{
 width: 40px;
 height: 40px;
 font-size: 22px;
 font-weight: bold;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 position: relative;
 background: #0072CE;
 color: #FFF;
 z-index: 10;
 margin-right: 10px;
 }
 
 .indexReasonCont.contChara ul li h4 span::after{
 content: "";
 display: block;
 width: 20px;
 height: 20px;
 position: absolute;
 right: 0;
 bottom: 0;
 background: #0072CE;
 transform: skew(25deg,25deg);
 z-index: -1;
 }
 
 .indexReasonCont.contChara ul li img{
 margin-bottom: 10px;
 }
 
 .indexReasonCont.contFlow{
 padding-bottom: 70px;
 border-bottom: 1px solid #CCC;
 }
 
 .indexReasonCont.contFlow h3{
 text-align: center;   
 font-size: 32px;
 margin-bottom: 40px;
 }
 
 .indexReasonCont.contFlow ul{
 display: flex;
 margin-bottom: 40px;
 }
 
 .indexReasonCont.contFlow ul li{
 width: 23%;
 margin-right: calc(8% / 3);
 }
 
 .indexReasonCont.contFlow ul li span{
 display: block;
 color: #0072CE;
 font-size: 22px;
 text-align: center;
 }
 
 .indexReasonCont.contFlow ul li:last-of-type{
 margin-right: 0;
 }
 
 .indexReasonCont.contFlow figure{
 border: 3px solid #0072CE;
 border-radius: 10px;
 text-align: center;
 padding: 40px 0;
 margin-bottom: 15px;
 }
 
 .indexReasonCont.contFlow figure img{
 height: 100px;
 width: auto;
 }
 
 .indexReasonCont.contFaq{
 margin-bottom: 0;
 }
 
 .indexReasonCont.contFaq h3{
 text-align: center;   
 font-size: 32px;
 margin-bottom: 40px;
 }
 
 .indexReasonCont.contFaq dl{
 margin-bottom: 40px;
 }
 
 .indexReasonCont.contFaq dt{
 font-weight: bold;
 font-size: 20px;
 background: #e7edf6;
 padding: 15px;
 margin-bottom: 10px;
 display: flex;
 align-items: center;
 position: relative;
 }
 
 .indexReasonCont.contFaq dt::before{
 content: "Q";
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 24px;
 font-weight: bold;
 color: #FFF;
 background: #0072CE;
 width: 40px;
 height: 40px;
 border-radius: 5px;
 margin-right: 10px;
 }
 
 .indexReasonCont.contFaq dt span{
 width: 7px;
 height: 7px;
 border: 2px solid;
 border-color:  transparent transparent #0072CE #0072CE;
 position: absolute;
 right: 20px;
 top: 50%;
 transform-origin: center;
 transform: rotate(-45deg) translateY(-50%);
 transition: .3s;
 }
 
 .indexReasonCont.contFaq dt.open span{
 transform-origin: center;
 transform: rotate(135deg);
 transition: .3s;
 }
 
 
 .indexReasonCont.contFaq dd{
 display: none;
 padding: 30px;
 background: #f5f5f5;
 margin-bottom: 20px;
 }
 
 .indexSns{
    margin: 7rem 0 5rem;
 }
 
 .indexSns h2{
    font-size: 3rem;
    margin-bottom: 4rem;
    text-align: center;
 }
 
 .indexSns .pinterest > span{
    width: 100% !important;
    margin: 0 auto;
    display: block;
 }
 
 
 .btnDrawer{
 display: none;
 }
 
 @media (max-width:800px){
 
 html.active{
    overflow: hidden;
 }
 
 .onSmt{
    display: none;
 }
 
 .onTb{
    display: block;
 }
 
 .onPc{
    display: none;
 }
 
 header{
    position: relative;
    border-bottom: 1px solid #CCC;
    margin-top: 0 !important;
    z-index: 150;
 }
 
 
 .headerLeft .headerSiteTtl{
    width: 50%;
 }
 
 .headerRight{
    display: none;
 }
 
 .navWrap{
    position: absolute;
    right: -120vh;
    z-index: 50;
    padding: 0;
    width: 100vw;
    height: 100vh;
    background: #FFF;
    transition: .3s;
 }
 
 .navWrap.open{
    right: 0;
    width: 100%;
    transition: .3s;
    padding-bottom: 70px;
 }
 
 .navWrap.open ul.layer1{
    flex-direction: column;
    padding: 20px 0;
 }
 
 .navWrap.open .navCont{
    position: fixed;
     width: 100vw;
     height: 100vh;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
 }
 
 .navMain ul.layer1 > li{
    border-bottom: 1px solid #CCC;
    width: 100%;
    display: block;
 }

 .navMain ul.layer1 > li.navSearch{
    order: -1;
    margin-bottom: 10px;
 }

 .navMain ul.layer1 > li.navSearch .search{
    padding: 5px;
 }
 
 .navMain ul.layer1 > li a{
    justify-content: flex-start;
 }

 .navMain ul.layer1 > li a::after,
 .navMain ul.layer1 > li a::before,
 .navMain ul.layer1 > li:last-of-type a::after{
    display: none !important;
 }
 
 .navMain ul.layer1 > li.open{
    padding-bottom: 15px;
 }
 
 .navMain .layer2{
    position: relative;
    box-shadow: none;
    width: 100%;
    top: 0;
 }
 
 .navMain .layer2 ul{
    justify-content: center;
    flex-wrap: wrap;
 }
 
 .navMain .layer2 ul li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
    box-sizing: border-box;
 }
 
 .navMain .layer2 ul li:nth-of-type(2n){
    margin-right: 0;
 }
 
 .navWrap .navSub ul.layer1{
    display: flex !important;
    flex-wrap: wrap;
    flex-direction:unset !important;
    align-items: flex-start;
 }
 
 .navSub ul.layer1 li{
    width: 49%;
    padding: 0;
    margin-bottom: 15px;
    margin-right: 2%;
    flex-grow: unset;
 }

 .navSub ul.layer1 li:nth-of-type(2n){
    margin-right: 0;
 }
 
 .navSub ul.layer1 li.navSearch{
    width: 100%;
 }
 
 .navSub ul.layer1 li:nth-last-of-type(-n+2){
    margin-bottom: 0;
 }
 
 .drawerOverRay{
    display: none;
    background: #333;
    opacity: .5;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
 }
 
 .drawerOverRay.active{
    display: block;
 }
 
 .drawerNumber{
    padding: 20px;
    text-align: center;
 }
 
 .drawerNumber span{
    color: #d53e68;
 }
 
 .drawerNumber span a{
    color: #d53e68;
    font-weight: bold;
    font-size: 22px;
    margin: 0 5px;
 }
 
 .drawerNumber,.drawerBtn{
    display: block;
 }
 
 .drawerBtn{
    padding: 0 20px 20px;
 }
 
 .drawerBtn ul{
    justify-content: center;
    flex-wrap: wrap;
 }
 
 .drawerBtn ul li{
    width: 49%;
    margin-right: 2%;
 }
 
 .drawerBtn ul li:nth-of-type(-n+2){
    margin-bottom: 15px;
 }
 
 .drawerBtn ul li:nth-of-type(2n){
    margin-right: 0;
 }
 
 .btnDrawer{
    display: flex;
    justify-content: center;
    font-size: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    line-height: 1.7;
    z-index: 30;
 }
 
 .btnDrawer span{
    display: block;
    width: 30px;
    margin: 0 auto;
    height: 3px;
    border-radius: 20px;
    background: #333;
    position: absolute;
    transition: .3s;
 }
 
 .btnDrawer span:nth-of-type(1){
    bottom: 15px;
 }
 
 .btnDrawer span:nth-of-type(2){
    bottom: 5px;
 }
 
 .btnDrawer.open span:nth-of-type(1){
    bottom: 12px;
    width: 20px;
    transform: rotate(-45deg);
    transition: .3s;
 }
 
 .btnDrawer.open span:nth-of-type(2){
    bottom: 12px;
    width: 20px;
    transform: rotate(45deg);
    transition: .3s;
 }
 
 .indexFirstView .sortBox{
    display: none;
 }
 
 .indexSlider{
    margin: 0;
    width: 100%;
 }
 
 .indexItemBlock{
    margin-bottom: 40px;
 }
 
 .indexItemBlock ul.col4 li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
 }
 
 .indexItemBlock ul.col4 li:nth-last-of-type(-n+2){
    margin-bottom: 0;
 }
 
 .indexItemBlock ul.col4 li:nth-of-type(2n){
    margin-right: 0;
 }
 
 .indexItemBlock.blockPop h4::after{
    display: none;
 }
 
 .indexItemBlock.blockSpe{
    float: none;
    width: 100%;
    padding: 0;
    border: none;
 }
 
 .indexItemBlock.blockSep{
    float: none;
    width: 100%;
    padding: 0;
    border: none;
 }
 
 .indexItemBlock.blockBn h4::after{
    display: none;
 }
 
 .indexItemBlock.blockBn li{
    width: 100%;
    margin: 0;
 }
 
 .indexItemBlock.blockBn li:nth-of-type(n+2){
    margin-top: 10px;
 }
 
 .indexItemCont.col2{
    width: 100%;
 }
 
 .indexItemCont.col2 .indexItemBody{
    margin-bottom: 40px;
 }

 .indexReasonCont.contReason h3::after{
    display: none;
 }
 
 }
 
 @media (max-width:600px){
 
 .onSmt{
    display: block;
 }
 
 .onTb{
    display: none;
 }
 
 .onPc{
    display: none;
 }
 
 .drawerNumber span a{
    display: block;
    width: 100%;
    margin: 5px 0;
 }
 
 .indexMitsumori h2{
    font-size: 22px;
    margin-bottom: 15px;
 }
 
 .indexMitsumori p span{
    font-size: 16px;
 }
 
 .indexMitsumori .ttlContact{
    font-size: 16px;
    line-height: 1.5;
    margin: 15px 0;
 }
 
 .indexMitsumori ul{
    flex-wrap: wrap;
 }
 
 .indexMitsumori ul:nth-of-type(2) li{
    width: 100%;
    margin: 0 0 20px 0;
 }
 
 .indexMitsumori ul:nth-of-type(2) li:last-of-type{
    margin-bottom: 0;
 }
 
 .indexMitsumori ul:nth-of-type(1){
    flex-wrap: wrap;
 }
 
 .indexMitsumori ul:nth-of-type(1) li{
    box-sizing: border-box;
 }
 
 .indexMitsumori ul:nth-of-type(1) li:nth-of-type(1){
    width: 100%;
    margin: 0 0 10px 0;
 }
 
 .indexMitsumori ul:nth-of-type(1) li:nth-last-of-type(-n+2){
    width: 49%;
    margin-right: 2%;
 }
 
 .indexMitsumori ul:nth-of-type(1) li:last-of-type{
    margin-right: 0;
 }
 
 .indexMitsumori ul:nth-of-type(2) li a{
    font-size: 16px;
    padding: 5px;
 }
 
 .indexNews{
    padding: 30px 0;
 }
 
 .indexNewsTtl{
    width: 120px;
    margin: 0 auto 20px;
    float: none;
 }
 
 .indexNews h3{
    text-align: center;
    font-size: 16px;
 }
 
 .indexNews h3::after{
    display: none;
 }
 
 .indexNewsList{
    width: 100%;
    float: none;
 }
 
 .indexNewsList .arrowTur{
    width: 50%;
 }
 
 .indexNewsList dl{
    flex-wrap: wrap;
 }
 
 .indexNewsList dt{
    font-size:10px;
 }
 
 .indexNewsList dd,.indexNewsList dt{
    width: 100%;
 }
 
 .indexNews ul{
    flex-wrap: wrap;
 }
 
 .indexNews ul li{
    width: 100%;
    margin: 0 auto 10px;
 }
 
 .indexItemTtl{
    padding: 40px 0;
    margin-bottom: 50px;
 }
 
 .indexItemTtl h2{
    font-size: 22px;
 }
 
 .indexItemTtl p{
    font-size: 14px;
 }
 
 .indexItem h3{
    font-size: 18px;
    padding: 15px 0 15px 80px;
 }
 
 .indexItem h3 span{
    width: 30px;
    height: 30px;
    left: 5px;
 }
 
 .indexItem h4{
    font-size: 18px;
 }
 
 .indexItemBody{
    padding: 30px 20px;
 }
 
 .indexItemBlock ul li a figure{
    height: 100px;
 }
 
 .indexItemBlock ul li a p{
    height: 40px;
    font-size: 12px;
 }
 
 .indexReason{
    padding-top: 0;
 }
 
 .indexReasonTtl{
    padding: 40px 0;
 }
 
 .indexReasonTtl h2{
    font-size: 22px;
 }
 
 .indexReasonCont.contReason h3{
    font-size: 16px;
    text-align: center;
 }
 
 .indexReasonCont.contReason h3 span{
    font-size: 16px;
 }
 
 .indexReasonCont.contReason h3 img{
    width: 60%;
 }
 
 .indexReasonCont.contReason h3 strong{
    font-size: 32px;
    margin-left: 0;
 }
 
 .indexReasonCont.contReason ul{
    justify-content: center;
 }
 
 .indexReasonCont.contReason li:nth-child(n+3){
    margin-top: 10px;
 }
 
 .indexReasonCont.contReason ul li img{
    width: 100%;
 }
 
 .indexReasonCont.contChara h3{
    font-size: 22px;
    padding: 30px 0;
 }
 
 .indexReasonCont.contChara ul li{
    width: 49%;
    margin: 0 2% 20px 0;
    box-sizing: border-box;
 }
 .indexReasonCont.contChara ul li:nth-of-type(2n){
    margin-right: 0;
 }
 
 .indexReasonCont.contChara ul li:last-of-type{
    margin-bottom: 0;
 }
 
 .indexReasonCont.contChara ul li img{
    width: 100%;
 }
 
 .indexReasonCont.contFlow ul{
    flex-wrap: wrap;
 }
 
 .indexReasonCont.contFlow ul li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
 }
 
 .indexReasonCont.contFlow ul li:nth-of-type(2n){
    margin-right: 0;
 }
 
 .indexReasonCont.contFlow ul li:nth-last-of-type(-n+2){
    margin-bottom: 0;
 }
 
 .indexReasonCont.contFlow figure img{
    height: 70px;
 }
 
 .indexReasonCont.contFaq dt{
    font-size: 12px;
 }
 
 }
 
 .sortBoxFix{
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 100;
    display: flex;
    transform: translate(330px,-50%);
    transition: .5s;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: 1px solid #FFF;
    border-right: none;
 }
 
 .sortBoxFix:hover{
    transform: translate(0,-50%);
    transition: .5s;
 }
 
 .sortBoxFix .sortBt{
    font-size: 18px;
    letter-spacing: 3px;
    width: 50px;
    writing-mode: vertical-rl;
    text-align: center;
    background: #0072CE;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
 }
 
 .sortBoxFix .sortBt .icon{
    display: block;
    width: 20px;
    height: 13px;
    position: relative;
    margin-bottom: 15px;
 }
 
 .sortBoxFix .sortBt .icon span{
    display: block;
    width: 20px;
    height: 2px;
    background: #FFF;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
 }
 
 .sortBoxFix .sortBt .icon::before{
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
 }
 
 .sortBoxFix .sortBt .icon::after{
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #FFF;
 }
 
 .sortBoxFix .sortCont{
    background: #E7EDF6;
    border-top: 3px solid #0072CE;
    border-bottom: 3px solid #0072CE;
    padding: 20px 15px;
 }
 
 .sortBoxFix .sortBox{
    width: 300px;
 }

 .navCont .sortBox{
    display: none;
 }

 @media (max-width:800px){
    .sortBoxFix{
        display: none;
    }

    .navCont .sortBox{
        width: 100%;
        padding: 20px 15px;
        box-sizing: border-box;
        display: block;
    }

    .navCont .searchBox ul{
        flex-wrap: wrap;
    }

    .navCont .searchBox ul li{
        width: 100%;
    }
 }

 #wanpako-animate{
    position: fixed;
    bottom: -150px;
    right: 10px;
    top: auto;
    transition: .3s;
    z-index: 200;
 }

 #wanpako-animate.fadeUp{
    bottom: 0px;
    transition: .3s;
 }

 #wanpako-animate img{
    width: 100px;
 }

.wanpako-txt{
    position: absolute;
    padding: 10px 0;
    width: 200px;
    text-align: center;
    color: #03194f;
    font-size: 14px;
    font-weight: 600;
    background-color: #fbc400;
    /* border: 3px solid #ff9800; */
    border-radius: 10px;
    left: -220px;
    line-height: 1.8;
  }

  .wanpako-txt span{
    display: block;
  }

.wanpako-txt::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -20px;
    bottom: 2px;
    border-right: 30px solid #fbc400;
    border-top: 2px solid transparent;
    border-bottom: 10px solid transparent;
    transform: rotate(-155deg);
    z-index: -10;
  }