@charset "UTF-8";/*!
Template Name: shoninsha_theme
Author: Guillemot Inc.
Author URI: http://guillemot.jp
Version: 1.0.1
*/
a, article, aside, audio, b, blockquote, body, canvas, caption, code, dd, del, div, dl, dt, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, label, legend, li, menu, nav, object, ol, output, p, pre, q, ruby, s, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}
h1, h2, h3, h4, h5, h6, strong {
    font-weight: 700
}
a {
    color: #333;
    text-decoration: none;
    outline: none
}
a img {
    border: none
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}
hr {
    border: 0;
    margin: 0;
    padding: 0
}
ol, ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption, td, th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}
button, input, option, select, textarea {
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #333;
    font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:rgba(51,51,51,.5)!important
}
option {
    padding: 0
}
select::-ms-expand {
display:none
}
select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #333
}
textarea {
    display: block;
    max-width: 100%;
    overflow: auto
}
* {
    box-sizing: border-box
}
:focus {
    outline: 0
}
html {
    background: #fff;
    color: #333;
    font-size: 14px;
    line-height: 1.5
}
body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh;
    font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}
input[type=radio] {
    -webkit-appearance: radio
}
a.tag_link {
    margin-right: 20px;
}

@media only screen and (min-width:768px) {
.u_sp {
    display: none
}
}

@media only screen and (max-width:767px) {
.u_pc {
    display: none
}
.post .meta {
    display: block!important;
    white-space: nowrap;
}
.categories {
    display: inline;
}
.fb-like {
    margin: 0!important;
    vertical-align: 6px;
}
}
.u_fz5 {
    font-size: 7px!important;
    font-size: .5rem!important
}
.u_fz6 {
    font-size: 8.4px!important;
    font-size: .6rem!important
}
.u_fz7 {
    font-size: 9.799px!important;
    font-size: .7rem!important
}
.u_fz8 {
    font-size: 11.2px!important;
    font-size: .8rem!important
}
.u_fz9 {
    font-size: 12.6px!important;
    font-size: .9rem!important
}
.u_fz10 {
    font-size: 14px!important;
    font-size: 1rem!important
}
.u_fz11 {
    font-size: 15.4px!important;
    font-size: 1.1rem!important
}
.u_fz12 {
    font-size: 16.8px!important;
    font-size: 1.2rem!important
}
.u_fz13 {
    font-size: 18.2px!important;
    font-size: 1.3rem!important
}
.u_fz14 {
    font-size: 19.599px!important;
    font-size: 1.4rem!important
}
.u_fz15 {
    font-size: 21px!important;
    font-size: 1.5rem!important
}
.u_fz16 {
    font-size: 22.4px!important;
    font-size: 1.6rem!important
}
.u_fz17 {
    font-size: 23.8px!important;
    font-size: 1.7rem!important
}
.u_fz18 {
    font-size: 25.2px!important;
    font-size: 1.8rem!important
}
.u_fz19 {
    font-size: 26.599px!important;
    font-size: 1.9rem!important
}
.u_fz20 {
    font-size: 28px!important;
    font-size: 2rem!important
}
.u_fwb {
    font-weight: 700!important
}
.u_ttu {
    text-transform: uppercase!important
}
.u_ta {
    text-align: left!important
}
.u_tac {
    text-align: center!important
}
.u_tar {
    text-align: right!important
}
.u_w5p {
    width: 5%!important
}
.u_w10p {
    width: 10%!important
}
.u_w15p {
    width: 15%!important
}
.u_w20p {
    width: 20%!important
}
.u_w25p {
    width: 25%!important
}
.u_w30p {
    width: 30%!important
}
.u_w35p {
    width: 35%!important
}
.u_w40p {
    width: 40%!important
}
.u_w45p {
    width: 45%!important
}
.u_w50p {
    width: 50%!important
}
.u_w55p {
    width: 55%!important
}
.u_w60p {
    width: 60%!important
}
.u_w65p {
    width: 65%!important
}
.u_w70p {
    width: 70%!important
}
.u_w75p {
    width: 75%!important
}
.u_w80p {
    width: 80%!important
}
.u_w85p {
    width: 85%!important
}
.u_w90p {
    width: 90%!important
}
.u_w95p {
    width: 95%!important
}
.u_w100p {
    width: 100%!important
}
.u_mt5 {
    margin-top: 5px!important
}
.u_mr5 {
    margin-right: 5px!important
}
.u_mb5 {
    margin-bottom: 5px!important
}
.u_ml5 {
    margin-left: 5px!important
}
.u_mt10 {
    margin-top: 10px!important
}
.u_mr10 {
    margin-right: 10px!important
}
.u_mb10 {
    margin-bottom: 10px!important
}
.u_ml10 {
    margin-left: 10px!important
}
.u_mt15 {
    margin-top: 15px!important
}
.u_mr15 {
    margin-right: 15px!important
}
.u_mb15 {
    margin-bottom: 15px!important
}
.u_ml15 {
    margin-left: 15px!important
}
.u_mt20 {
    margin-top: 20px!important
}
.u_mr20 {
    margin-right: 20px!important
}
.u_mb20 {
    margin-bottom: 20px!important
}
.u_ml20 {
    margin-left: 20px!important
}
.u_mt25 {
    margin-top: 25px!important
}
.u_mr25 {
    margin-right: 25px!important
}
.u_mb25 {
    margin-bottom: 25px!important
}
.u_ml25 {
    margin-left: 25px!important
}
.u_mt30 {
    margin-top: 30px!important
}
.u_mr30 {
    margin-right: 30px!important
}
.u_mb30 {
    margin-bottom: 30px!important
}
.u_ml30 {
    margin-left: 30px!important
}
.u_mt35 {
    margin-top: 35px!important
}
.u_mr35 {
    margin-right: 35px!important
}
.u_mb35 {
    margin-bottom: 35px!important
}
.u_ml35 {
    margin-left: 35px!important
}
.u_mt40 {
    margin-top: 40px!important
}
.u_mr40 {
    margin-right: 40px!important
}
.u_mb40 {
    margin-bottom: 40px!important
}
.u_ml40 {
    margin-left: 40px!important
}
.u_mt45 {
    margin-top: 45px!important
}
.u_mr45 {
    margin-right: 45px!important
}
.u_mb45 {
    margin-bottom: 45px!important
}
.u_ml45 {
    margin-left: 45px!important
}
.u_mt50 {
    margin-top: 50px!important
}
.u_mr50 {
    margin-right: 50px!important
}
.u_mb50 {
    margin-bottom: 50px!important
}
.u_ml50 {
    margin-left: 50px!important
}
.u_mt55 {
    margin-top: 55px!important
}
.u_mr55 {
    margin-right: 55px!important
}
.u_mb55 {
    margin-bottom: 55px!important
}
.u_ml55 {
    margin-left: 55px!important
}
.u_mt60 {
    margin-top: 60px!important
}
.u_mr60 {
    margin-right: 60px!important
}
.u_mb60 {
    margin-bottom: 60px!important
}
.u_ml60 {
    margin-left: 60px!important
}
.u_mt65 {
    margin-top: 65px!important
}
.u_mr65 {
    margin-right: 65px!important
}
.u_mb65 {
    margin-bottom: 65px!important
}
.u_ml65 {
    margin-left: 65px!important
}
.u_mt70 {
    margin-top: 70px!important
}
.u_mr70 {
    margin-right: 70px!important
}
.u_mb70 {
    margin-bottom: 70px!important
}
.u_ml70 {
    margin-left: 70px!important
}
.u_mt75 {
    margin-top: 75px!important
}
.u_mr75 {
    margin-right: 75px!important
}
.u_mb75 {
    margin-bottom: 75px!important
}
.u_ml75 {
    margin-left: 75px!important
}
.u_mt80 {
    margin-top: 80px!important
}
.u_mr80 {
    margin-right: 80px!important
}
.u_mb80 {
    margin-bottom: 80px!important
}
.u_ml80 {
    margin-left: 80px!important
}
.u_mt85 {
    margin-top: 85px!important
}
.u_mr85 {
    margin-right: 85px!important
}
.u_mb85 {
    margin-bottom: 85px!important
}
.u_ml85 {
    margin-left: 85px!important
}
.u_mt90 {
    margin-top: 90px!important
}
.u_mr90 {
    margin-right: 90px!important
}
.u_mb90 {
    margin-bottom: 90px!important
}
.u_ml90 {
    margin-left: 90px!important
}
.u_mt95 {
    margin-top: 95px!important
}
.u_mr95 {
    margin-right: 95px!important
}
.u_mb95 {
    margin-bottom: 95px!important
}
.u_ml95 {
    margin-left: 95px!important
}
.u_mt100 {
    margin-top: 100px!important
}
.u_mr100 {
    margin-right: 100px!important
}
.u_mb100 {
    margin-bottom: 100px!important
}
.u_ml100 {
    margin-left: 100px!important
}
.c_container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7px 7px;
    margin: 0 -.5rem .5rem
}

@media only screen and (max-width:767px) {
.c_container {
    margin-right: -.25rem;
    margin-left: -.25rem
}
}
.c_container:last-of-type {
    margin-bottom: 0
}
.c_container .col-md-1 {
width:calc(100%*(1/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-1 {
width:calc(100%*(1/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-1 {
width:calc(100%*(1/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-2 {
width:calc(100%*(2/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-2 {
width:calc(100%*(2/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-2 {
width:calc(100%*(2/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-3 {
width:calc(100%*(3/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-3 {
width:calc(100%*(3/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-3 {
width:calc(100%*(3/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-4 {
width:calc(100%*(4/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-4 {
width:calc(100%*(4/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-4 {
width:calc(100%*(4/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-5 {
width:calc(100%*(5/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-5 {
width:calc(100%*(5/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-5 {
width:calc(100%*(5/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-6 {
width:calc(100%*(6/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-6 {
width:calc(100%*(6/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-6 {
width:calc(100%*(6/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-7 {
width:calc(100%*(7/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-7 {
width:calc(100%*(7/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-7 {
width:calc(100%*(7/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-8 {
width:calc(100%*(8/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-8 {
width:calc(100%*(8/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-8 {
width:calc(100%*(8/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-9 {
width:calc(100%*(9/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-9 {
width:calc(100%*(9/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-9 {
width:calc(100%*(9/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-10 {
width:calc(100%*(10/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-10 {
width:calc(100%*(10/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-10 {
width:calc(100%*(10/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-11 {
width:calc(100%*(11/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-11 {
width:calc(100%*(11/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-11 {
width:calc(100%*(11/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_container .col-md-12 {
width:calc(100%*(12/12) - .5rem*2 - 1px);
    margin: 0 7px 14px;
    margin: 0 .5rem 1rem
}

@media only screen and (max-width:767px) {
.c_container .col-md-12 {
width:calc(100%*(12/12) - .5rem);
    margin: 0 .25rem .5rem
}
}

@media only screen and (max-width:767px) {
.c_container .col-xs-12 {
width:calc(100%*(12/12) - .5rem);
    margin: 0 .25rem .5rem
}
}
.c_box, .c_box--01, .c_box--02, .c_box--03, .c_box--04, .c_box--05 {
    width: 100%;
    margin-bottom: 20px;
    font-size: 12.6px;
    font-size: .9rem
}
.c_box--01__heading, .c_box--02__heading, .c_box--03__heading, .c_box--04__heading, .c_box--05__heading {
    border: 1px solid #ddd;
    border-left: 5px solid;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #f9f9f9
}
.c_box ul, .c_box--01 ul, .c_box--02 ul, .c_box--03 ul, .c_box--04 ul, .c_box--05 ul {
    text-align: center
}
.c_box ul li, .c_box--01 ul li, .c_box--02 ul li, .c_box--03 ul li, .c_box--04 ul li, .c_box--05 ul li {
    margin-bottom: 5px
}
.c_box ul li a:hover, .c_box--01 ul li a:hover, .c_box--02 ul li a:hover, .c_box--03 ul li a:hover, .c_box--04 ul li a:hover, .c_box--05 ul li a:hover {
    color: #e70;
    text-decoration: underline
}
.c_box ul li a:hover img, .c_box--01 ul li a:hover img, .c_box--02 ul li a:hover img, .c_box--03 ul li a:hover img, .c_box--04 ul li a:hover img, .c_box--05 ul li a:hover img {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.c_box .article, .c_box--01 .article, .c_box--02 .article, .c_box--03 .article, .c_box--04 .article, .c_box--05 .article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #ddd
}
.c_box .article:before, .c_box--01 .article:before, .c_box--02 .article:before, .c_box--03 .article:before, .c_box--04 .article:before, .c_box--05 .article:before {
    display: inline;
    color: #e70;
    font-family: shoninsha-icons;
    content: ""
}
.c_box .ranking, .c_box--01 .ranking, .c_box--02 .ranking, .c_box--03 .ranking, .c_box--04 .ranking, .c_box--05 .ranking {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    counter-increment: n
}
.c_box .ranking:before, .c_box--01 .ranking:before, .c_box--02 .ranking:before, .c_box--03 .ranking:before, .c_box--04 .ranking:before, .c_box--05 .ranking:before {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    background: #e70;
    color: #fff;
    font-size: .9em;
    font-weight: 700;
    content: counter(n)
}
.c_box .title, .c_box--01 .title, .c_box--02 .title, .c_box--03 .title, .c_box--04 .title, .c_box--05 .title {
    max-width: calc(100% - 12px);
    font-weight: 400
}
.c_box .title a:hover span, .c_box--01 .title a:hover span, .c_box--02 .title a:hover span, .c_box--03 .title a:hover span, .c_box--04 .title a:hover span, .c_box--05 .title a:hover span {
    color: #e70;
    text-decoration: underline
}
.c_box {
    text-align: center
}
.c_box a:hover {
    color: #e70;
    text-decoration: underline
}
.c_box a:hover img {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.c_box--01__heading {
    border-left-color: #d80003
}
.c_box--02__heading {
    border-left-color: #87d83d
}
.c_box--03__heading {
    border-left-color: #0173bc
}
.c_box--04__heading {
    border-left-color: #893080
}
.c_box--05__heading {
    border-left-color: #ed1c24
}
.c_dummy--01, .c_dummy--02, .c_dummy--03, .c_dummy--04 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 20px;
    background: #eee
}
.c_dummy--01 {
    width: 180px;
    height: 150px
}
.c_dummy--02 {
    width: 160px;
    height: 600px
}

@media only screen and (max-width:767px) {
.c_dummy--02 {
    display: none
}
}
.c_dummy--03 {
    width: 300px;
    height: 250px
}
.c_dummy--04 {
    width: 336px;
    height: 280px
}
.l_header {
    margin-bottom: 10px;
    padding-top: 20px
}
.l_header__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1080px;
    margin: 0 auto;
}

@media only screen and (max-width:767px) {
.l_header__wrapper {
    width: auto;
    margin: 0 10px
}
}
.l_header__sites {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12.6px;
    font-size: .9rem
}

@media only screen and (max-width:767px) {
.l_header__sites {
    font-size: .8rem
}
}
.l_header__sites ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.l_header__sites ul li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid;
    text-align: center
}
.l_header__sites ul li a:hover span {
    text-decoration: underline
}
.l_header__logo {
    width: 754px;
    margin-bottom: 10px;
    text-align: center
}
.l_header__logo a:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
.l_header__logo img {
    width: auto;
    height: 54px
}

@media only screen and (max-width:767px) {
.l_header__logo img {
    height: auto
}
}
.l_header__submenu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    font-size: 12.6px;
    font-size: .9rem
}
.l_header__submenu ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:768px) {
.l_header__submenu ul {
    position: absolute;
    right: 0;
    bottom: 0
}
}
.l_header__submenu ul li:not(:last-child) {
    margin-right: 10px
}
.l_header__submenu ul li a:before {
    margin-right: 2px;
    color: #777;
    font-family: shoninsha-icons;
    content: ""
}
.l_header__submenu ul li a:hover span {
    text-decoration: underline
}
.l_header__date {
    width: 754px;
    font-size: 10px;
    text-align: center
}
.l_header__mainmenu {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9
}
.l_header__mainmenu .l_header__wrapper{
	position:relative;
}

@media only screen and (max-width:767px) {
.l_header__mainmenu {
    padding: 10px 0
}
}
.l_header__mainmenu__wrapper {
    width: 1080px;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
.l_header__mainmenu__wrapper {
    width: auto;
    margin: 0 10px
}
}
.l_header__mainmenu ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.l_header__mainmenu ul li {
    margin-right: 1px
}

@media only screen and (max-width:767px) {
.l_header__mainmenu ul li {
    width: calc(100%/4);
    margin-right: 0;
    border: 1px solid #fff;
    text-align: center
}
}
.l_header__mainmenu ul li a {
    display: block;
    padding: 5px 15px;
    color: #fff;
    font-weight: 700
}

@media only screen and (max-width:767px) {
.l_header__mainmenu ul li a {
    padding: 7px
}
}
.l_header__mainmenu ul li a:hover {
    text-decoration: underline
}
.l_header__mainmenu ul li a.organization {
    background: #af5050
}
.l_header__mainmenu ul li a.personnel {
    background: #af507d
}
.l_header__mainmenu ul li a.strategy {
    background: #a950af
}
.l_header__mainmenu ul li a.financial {
    background: #8650af
}
.l_header__mainmenu ul li a.m-and-a {
    background: #6b50af
}
.l_header__mainmenu ul li a.store {
    background: #5250af
}
.l_header__mainmenu ul li a.merchandising {
    background: #5066af
}
.l_header__mainmenu ul li a.promotion {
    background: #507daf
}
.l_header__mainmenu ul li a.system {
    background: #509aaf
}
.l_header__mainmenu ul li a.e-commerce {
    background: #50afac
}
.l_header__mainmenu ul li a.statistics {
    background: #50af8c
}
.l_header__mainmenu ul li a.world {
    background: #50af6d
}
.l_header__mainmenu ul li a.catmonthly {
    background: #64af50
}
.l_header__mainmenu ul li a.csr {
    background: #86af50
}
.l_header__mainmenu ul li a.covid-19 {
    background: #a9af50
}
.l_header__mainnav {
    font-size: 12.6px;
    font-size: .9rem
}

@media only screen and (max-width:767px) {
.l_header__mainnav {
    margin-bottom: 10px
}
}

@media only screen and (max-width:767px) {
.l_header__searchform {
    width: 100%
}
}
.l_header__searchform{
	position:absolute;
	right:0;
	top:-250%;
}
.l_header__searchform form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.l_header__searchform input[type=text] {
    max-width: 15em;
    margin-right: -1px;
    padding: 0 10px;
    border: 1px solid #ddd;
    background: #fff
}

@media only screen and (max-width:767px) {
.l_header__searchform{
	position:static;
}
.l_header__searchform input[type=text] {
    padding-top: 5px;
    padding-bottom: 5px
}
}
.l_header__searchform input[type=submit] {
    padding: 0 10px;
    background: #777;
    color: #fff;
    cursor: pointer
}
.l_header__searchform input[type=submit]:focus, .l_header__searchform input[type=submit]:hover {
    background: #5e5e5e
}
.l_content {
    margin-bottom: 10px
}
.l_content__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1080px;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
.l_content__wrapper {
    width: auto;
    margin: 0 10px
}
}
.l_main {
    width: 760px
}

@media only screen and (max-width:767px) {
.l_main {
    width: 100%;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}
}
.l_rightbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px
}

@media only screen and (max-width:767px) {
.l_rightbar {
    width: 100%;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}
}
.l_footer {
    background: #000;
    color: #fff
}
.l_footer__wrapper {
    width: 1080px;
    margin: 0 auto
}

@media only screen and (max-width:767px) {
.l_footer__wrapper {
    width: auto;
    margin: 0 10px
}
}
.l_footer__sitemap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
    background: #eee;
    color: #333;
    text-align: center
}
.l_footer__imprint {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
    font-size: 12.6px;
    font-size: .9rem
}

@media only screen and (max-width:767px) {
.l_footer__subsitemap {
    margin-bottom: 20px
}
}
.l_footer__subsitemap ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.l_footer__subsitemap ul li {
    border-right: 1px solid
}

@media only screen and (max-width:767px) {
.l_footer__subsitemap ul li {
    border-right: 0;
    width: 100%
}
}
.l_footer__subsitemap ul li:last-child {
    border-right: 0
}
.l_footer__subsitemap ul li a {
    padding: 0 10px;
    color: #fff
}

@media only screen and (max-width:767px) {
.l_footer__subsitemap ul li a {
    padding: 0
}
}
.l_footer__subsitemap ul li a:hover {
    text-decoration: underline
}
.post {
    margin-bottom: 40px
}
.post p {
    margin-bottom: 1.75em;
    line-height: 1.75
}
.post a {
    color: #e70;
    text-decoration: underline
}
.post a:hover {
    text-decoration: none
}
.post .header {
    margin-bottom: 20px
}
.post .breadcrumb {
    padding: 5px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #999;
    font-size: 12.6px;
    font-size: .9rem
}
.post .breadcrumb a {
    color: #999
}
.post .breadcrumb a:hover {
    text-decoration: underline
}
.post .title {
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.3
}
.post .meta {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-top: 4px;
    padding: 5px 0;
    border-bottom: 1px dotted #ddd;
    color: #999;
    font-size: 12.6px;
    font-size: .9rem
}
.post .categories a {
    color: #e70;
    font-weight: 700;
    text-decoration: underline
}
.post .categories a:hover {
    text-decoration: none
}
.post .content {
    width: 650px;
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
.post .content {
    width: 100%
}
.fb_iframe_widget_fluid {
    display: inline-block!important;
}
}
.post .tags__heading {
    display: inline;
    font-weight: 700
}
.post .tags a {
    color: #e70;
    font-weight: 700;
    text-decoration: underline
}
.post .tags a:hover {
    text-decoration: none
}
.post .tags a:not(:last-child) {
    margin-right: 10px
}
.page {
    margin-bottom: 80px
}
.page__heading {
    margin-bottom: 20px;
    padding: 10px 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    font-size: 21px;
    font-size: 1.5rem
}
.page__content {
    line-height: 1.75
}
.page h2 {
    margin: 40px 0 10px;
    border-bottom: 1px solid #ddd;
    font-size: 16.8px;
    font-size: 1.2rem
}
.page h3 {
    margin: 20px 0 10px;
    font-size: 15.4px;
    font-size: 1.1rem
}
.page a {
    color: #e70;
    font-weight: 700;
    text-decoration: underline
}
.page a:hover {
    text-decoration: none
}
.page p {
    margin-bottom: 20px
}
.page small {
    font-size: .8em;
    line-height: 1.5
}
.page table tr {
    border-bottom: 1px solid #ddd
}
.page table tr:first-child {
    border-top: 1px solid #ddd
}
.page table th {
    background: #f9f9f9;
    font-weight: 700
}
.page table th, .page table td {
    padding: 5px
}

@media only screen and (max-width:767px) {
.page table th, .page table td {
    display: block;
    width: 100%
}
}
.page table.wrap th, .page table.wrap td {
    padding: 5px
}

@media only screen and (max-width:767px) {
.page table.wrap th, .page table.wrap td {
    display: table-cell;
    width: auto
}
}
.latest {
    margin-bottom: 10px
}
.latest__heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 5px 10px;
    background: #777;
    color: #fff;
    font-size: 15.4px;
    font-size: 1.1rem
}
.latest__heading a {
    display: block;
    padding: 2px 5px;
    background: #fff;
    font-size: .7em
}
.latest__heading a:hover span {
    color: #e70;
    text-decoration: underline
}
.latest__content {
    margin-bottom: 10px
}
.latest__more {
    display: block;
    width: 15em;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center
}
.latest__more a:before {
    margin-right: 5px;
    color: #777;
    font-family: shoninsha-icons;
    content: ""
}
.latest__more a:hover {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.latest .article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #ddd
}
.latest .title {
    width: calc(100% - 7em);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 5px;
    font-size: 12.6px;
    font-size: .9rem
}
.latest02{
    margin-bottom: 20px;
    float: right;
}
.latest02__heading{
    padding: 5px 10px;
    font-size: 1.1rem;
}
.latest02__heading a{
    display: block;
    padding: 2px 5px;
    background: #777;
    color: #fff;
    font-size: .7em;
    border: 1px solid #ccc;
}


@media only screen and (max-width:767px) {
.latest .title {
    width: 100%
}
}
.latest .title a:hover span {
    color: #e70;
    text-decoration: underline
}
.latest .description {
    font-weight: 400;
    font-size: .9em;
    text-overflow: ellipsis;
    overflow: hidden
}
.latest .time {
    color: #999;
    font-size: .8em
}

@media only screen and (max-width:767px) {
.latest .time {
    display: none
}
}
.latest .thumb {
    width: 40px;
    height: 40px;
    margin-right: .5em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #777
}
.latest .thumb:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
.monthly {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}
.monthly__heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px 10px;
    background: #777;
    color: #fff;
    font-size: 15.4px;
    font-size: 1.1rem
}
.monthly .article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 6px);
    margin: 0 3px 5px;
    padding: 5px;
    border: 1px solid #ccc;
    line-height: 1.2;
    position : relative;
}
.monthly .article .haspr {
    position: absolute;
    right: 4px;
    bottom: 3px;
}

@media only screen and (max-width:767px) {
.monthly .article {
    width: 100%;
    margin-right: 0;
    margin-left: 0
}
}
.monthly .article a:hover .thumbnail {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
.monthly .article a:hover span {
    color: #e70;
    text-decoration: underline
}
.monthly .article .heading {
    margin-bottom: 5px
}
.monthly .article .image {
    margin-right: 5px
}
.monthly .article .thumbnail {
    width: 80px;
    height: 80px;
    border: 2px solid #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}
.monthly .article .excerpt {
    font-size: 12.6px;
    font-size: .9rem
}
.notice {
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd
}
.notice__heading {
    margin-bottom: 5px;
    font-size: 11.2px;
    font-size: .8rem;
    font-weight: 700
}
.notice ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px
}
.notice ul li {
    width: calc(50% - 10px);
    margin: 0 5px 10px
}
.notice ul li a {
    display: block;
    padding: 5px 10px;
    border-radius: 2px;
    background: #eee
}
.notice ul li a:hover {
    background: #f3f3f3;
    text-decoration: underline
}
.category {
    margin-bottom: 10px
}
.category.organization .category__heading h1, .category.organization .category__heading h2 {
    color: #af5050
}
.category.personnel .category__heading h1, .category.personnel .category__heading h2 {
    color: #af507d
}
.category.strategy .category__heading h1, .category.strategy .category__heading h2 {
    color: #a950af
}
.category.financial .category__heading h1, .category.financial .category__heading h2 {
    color: #8650af
}
.category.m-and-a .category__heading h1, .category.m-and-a .category__heading h2 {
    color: #6b50af
}
.category.store .category__heading h1, .category.store .category__heading h2 {
    color: #5250af
}
.category.merchandising .category__heading h1, .category.merchandising .category__heading h2 {
    color: #5066af
}
.category.promotion .category__heading h1, .category.promotion .category__heading h2 {
    color: #507daf
}
.category.system .category__heading h1, .category.system .category__heading h2 {
    color: #509aaf
}
.category.e-commerce .category__heading h1, .category.e-commerce .category__heading h2 {
    color: #50afac
}
.category.statistics .category__heading h1, .category.statistics .category__heading h2 {
    color: #50af8c
}
.category.world .category__heading h1, .category.world .category__heading h2 {
    color: #50af6d
}
.category.catmonthly .category__heading h1, .category.catmonthly .category__heading h2 {
    color: #64af50
}
.category.csr .category__heading h1, .category.csr .category__heading h2 {
    color: #86af50
}
.category.covid-19 .category__heading h1, .category.covid-19 .category__heading h2 {
    color: #a9af50
}

.category__heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9
}
.category__heading h1, .category__heading h2 {
    padding-left: 10px;
    border-left: 5px solid
}
.category__heading a {
    font-size: .9em;
    font-weight: 700
}
.category__heading a:hover span {
    color: #e70;
    text-decoration: underline
}
.category__more {
    display: block;
    width: 15em;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center
}
.category__more a:hover {
    text-decoration: underline
}
.category__pagination {
    margin-top: 20px;
    font-size: 12.6px;
    font-size: .9rem
}
.category__pagination ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.category__pagination li {
    border: 1px solid #ddd
}

@media only screen and (max-width:767px) {
.category__pagination li {
    margin-bottom: 5px
}
}
.category__pagination li:not(:last-child) {
    margin-right: 10px
}
.category__pagination li a {
    display: block;
    margin: 0;
    padding: 5px;
    color: #e70;
    cursor: pointer
}
.category__pagination li a:hover {
    background: #e70;
    color: #fff
}
.category__pagination .current {
    background: #e70;
    color: #fff
}
.category .article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 0
}
.category .article:before {
    display: inline;
    color: #777;
    font-family: shoninsha-icons;
    content: ""
}
.category .title {
    width: calc(100% - 7em);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 5px;
    font-size: 12.6px;
    font-size: .9rem
}

@media only screen and (max-width:767px) {
.category .title {
    width: 100%
}
}
.category .title a:hover span {
    color: #e70;
    text-decoration: underline
}
.category .time {
    color: #999;
    font-size: .8em
}

@media only screen and (max-width:767px) {
.category .time {
    display: none
}
}
.related {
    margin-bottom: 40px
}
.related__heading {
    margin-bottom: 20px;
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
    border-left: 3px solid #e70;
    font-size: 16.8px;
    font-size: 1.2rem
}
.related__cat {
    display: inline-block;
    padding: 5px 10px;
    background: #eee;
    font-weight: 700
}
.related__cat:hover {
    color: #e70;
    text-decoration: underline
}
.related .article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 0
}
.related .article:before {
    display: inline;
    color: #777;
    font-family: shoninsha-icons;
    content: ""
}
.related .title {
    width: calc(100% - 7em);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 5px;
    font-size: 12.6px;
    font-size: .9rem
}

@media only screen and (max-width:767px) {
.related .title {
    width: 100%
}
}
.related .title a:hover span {
    color: #e70;
    text-decoration: underline
}
.related .time {
    color: #999;
    font-size: .8em
}
.news {
    margin-bottom: 40px
}
.news__heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 5px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9
}
.news__heading h2 {
    padding-left: 8px;
    border-left: 3px solid #e70
}
.news__heading a {
    font-size: .9em;
    font-weight: 700
}
.news__heading a:hover span {
    color: #e70;
    text-decoration: underline
}
.news .article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 0
}
.news .article:before {
    display: inline;
    color: #777;
    font-family: shoninsha-icons;
    content: ""
}
.news .title {
    width: calc(100% - 7em);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 5px;
    font-size: 12.6px;
    font-size: .9rem
}

@media only screen and (max-width:767px) {
.news .title {
    width: 100%
}
}
.news .title a:hover span {
    color: #e70;
    text-decoration: underline
}
.news .time {
    color: #999;
    font-size: .8em;
    text-align: center
}
.error {
    margin: 80px 0;
    color: #f00;
    font-size: 16.8px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center
}
#inquiryform-1 input, #inquiryform-1 textarea, #inquiryform-1 select {
    padding: 5px;
    border: 1px solid #ddd
}

@media only screen and (max-width:767px) {
#inquiryform-1 input, #inquiryform-1 textarea, #inquiryform-1 select {
    width: 100%!important
}
}
#inquiryform-1 #iqfm-input-text-15 {
    width: 100%!important
}
@font-face {
    font-family: shoninsha-icons;
    src: url(fonts/shoninsha-icons.ttf?owam2e) format("truetype"), url(fonts/shoninsha-icons.woff?owam2e) format("woff"), url(fonts/shoninsha-icons.svg?owam2e#shoninsha-icons) format("svg")
}
[class^=icon-], [class*=" icon-"] {
    font-family: shoninsha-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-circle:before {
    content: ""
}
.icon-arrow-left:before {
    content: ""
}
.icon-arrow-right:before {
    content: ""
}
.side_magazine_block {
    text-align: center;
    margin-bottom: 10px;
}
.side_magazine_block .waku {
    border: 4px solid #0173bc;
    padding: 10px;
}
.side_magazine_block .block6-area {
    display: flex;
}
.side_magazine_block .img-box {
    max-width: 110px;
    width: 100%;
    margin: 0 0 10px 0;
}
.side_magazine_block a {
    text-decoration: none;
}
.side_magazine_block .nt-mg-box {
    vertical-align: top;
    margin: 10px 0 0 4.2%;
    width: 52%;
}
.side_magazine_block .sub_ttl {
    border-bottom: none;
    margin: 0 0 14px 0;
    font-size: 13px;
    text-align: center;
}
.side_magazine_block .nt-mg-tit {
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-weight: bold;
    color: #015286;
    margin: 0 0 8px 0;
}
.side_magazine_block .nt-mg-text {
    font-size: 15px;
    color: #015286;
    line-height: 1.3;
    text-align: left;
}
.side_magazine_block .list-link.mg-list {
    margin: 10px 0 10px 0;
    text-align: right;
}
.side_magazine_block .subscribe-btn a {
    background: #fb7802;
    color: #fff;
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 1.2;
    padding: 10px 0;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
}
.side_magazine_block .sp {
    display: none;
}
 @-moz-document url-prefix() { /*Firefox*/
table .iqfm-table {
 width:100%;
}
 #inquiryform-1 input, #inquiryform-1 textarea, #inquiryform-1 select {
 padding: 5px;
 border: 1px solid #ddd;
 width: 100%;
}
 #iqfm-input-text-1, #iqfm-input-text-2, #iqfm-input-text-3 {
 width: 60% !important;
}
 #iqfm-input-tel1-4, #iqfm-input-tel2-4, #iqfm-input-tel3-4, #iqfm-input-tel1-5, #iqfm-input-tel2-5, #iqfm-input-tel3-5, #iqfm-input-text-12 {
 width: 15% !important;
}
 #iqfm-input-textarea-8 {
 width: 75% !important;
}
 #iqfm-input-text-11 {
 width: 12% !important;
}
 #iqfm-input-13 select {
 width: 22% !important;
}
 #inquiryformSubmit-1 {
 width: 13% !important;
}
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /*IE*/
table .iqfm-table {
    width: 100%;
}
#inquiryform-1 input, #inquiryform-1 textarea, #inquiryform-1 select {
    padding: 5px;
    border: 1px solid #ddd;
    width: 100%;
}
#iqfm-input-text-1, #iqfm-input-text-2, #iqfm-input-text-3 {
    width: 60% !important;
}
#iqfm-input-tel1-4, #iqfm-input-tel2-4, #iqfm-input-tel3-4, #iqfm-input-tel1-5, #iqfm-input-tel2-5, #iqfm-input-tel3-5, #iqfm-input-text-12 {
    width: 15% !important;
}
#iqfm-input-textarea-8 {
    width: 75% !important;
}
#iqfm-input-text-11 {
    width: 12% !important;
}
#iqfm-input-13 select {
    width: 22% !important;
}
#inquiryformSubmit-1 {
    width: 13% !important;
}
}
 @supports (-ms-ime-align:auto) { /* Edge */
table .iqfm-table {
 width:100%;
}
 #inquiryform-1 input, #inquiryform-1 textarea, #inquiryform-1 select {
 padding: 5px;
 border: 1px solid #ddd;
 width: 100%;
}
 #iqfm-input-text-1, #iqfm-input-text-2, #iqfm-input-text-3 {
 width: 60% !important;
}
 #iqfm-input-tel1-4, #iqfm-input-tel2-4, #iqfm-input-tel3-4, #iqfm-input-tel1-5, #iqfm-input-tel2-5, #iqfm-input-tel3-5, #iqfm-input-text-12 {
 width: 15% !important;
}
 #iqfm-input-textarea-8 {
 width: 75% !important;
}
 #iqfm-input-text-11 {
 width: 12% !important;
}
 #iqfm-input-13 select {
 width: 22% !important;
}
 #inquiryformSubmit-1 {
 width: 13% !important;
}
}




.advertising_pc {display: block;}
.advertising_mb {display: none;}

@media screen and (max-width:768px) {
.advertising_pc {display: none;}
.advertising_mb {display: block;}

}

.fb-like > span,
.fb-like > span > iframe{
    width:136px!important;
}

.twitter-share-button{
    transform: translateY(-9px);
}

.banner_top{
    height:52px;
}

img.banner{
    width: 49%;
    margin-bottom:25px;
    border: solid 1px #999999;
}
@media screen and (max-width:480px) { 
img.banner{
    width: 100%;
    margin-bottom:25px;
    border: solid 1px #999999;
    }
}

.mt20{
    margin-top:20px;
}

/*20241114追記*/
.iqfm-table{
  width: 100%;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin-bottom: 10px;
}
.iqfm-table th{
  vertical-align: baseline;
}
.iqfm-table p{
  margin-bottom: 0;
}
.wpcf7-previous{
  margin-right: 5px;
}