/*
Theme Name: SANGO Child
Version: 2.0.9
Template: sango-theme
-------------------------------------------------*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap');

/*------------------------
サンクスページ
------------------------*/
.thanks h2 {
    text-align: center;
}
.thanks a.linkBtn {
    display: block;
}
/*------------------------
METでフッターロゴありのカスタマイズしたとき
------------------------*/
@media screen and (max-width: 768px){
    .footcaption {
        padding: 20px;
    }
    #footer #socialicon ul {
        display: none;
    }
    #footer ul {
        text-align: left;
        padding: 0;
    }
    #footerLogo img {
        max-width: 345px;
        height: auto;
    }
}

/*------------------------
メイン画像の切り替え
------------------------*/
@media screen and (min-width: 769px){
    #mainImg { display:block; }
    .mainimg-sp { display:none; }
}
@media screen and (max-width: 768px){
    #mainImg { display:none; }
    .mainimg-sp { display:block; }
}
@media screen and (max-width: 768px){
    .mainimg-sp {
        margin-top: 80px;
    }}
/*------------------------
SP時のメニュー背景
------------------------*/
@media only screen and (max-width: 1023px){
    body.mobile nav#mainNav.menuOpen {
        background: #ffffffe6;
    }
    nav#mainNav ul li a {
        text-align: center;
    }}
/*------------------------
ロゴ横並びお問い合わせだけ右寄せで色違い
------------------------*/
@media print, screen and (min-width: 1024px){
    #header .logo {
        padding-left: 5%;
        padding-top: 10px;
    }
    #header .logo img {
        max-height: 65px;
    }
    #header-layout {
        padding: 0;
        display: flex;
    }
    nav#mainNav {
        margin: 0 auto;
        margin-right: 0;
    }
    .panel ul li{
        margin:0;
    }
    nav#mainNav ul li{
        padding: 15px;
    }
    nav#mainNav ul li#menu-item-65{
        background: #e9e9e9;
    }
}
/*------------------------
本HPのみのcss
------------------------*/
/*表組み線のみアレンジ*/
.post table, .post table th, .post table td {
    border:none;
}
.post table tr {
    border-bottom:1px solid #29A2C6;
}
.post table tr:last-child {
    border-bottom:none;
}
@media screen and (min-width: 769px){
    .tbl-pc { display:block; }
    .tbl-sp { display:none; }
}
@media screen and (max-width: 768px){
    .tbl-pc { display:none; }
    .tbl-sp { display:block; }
}
/*------------------------
メニュー
------------------------*/
@media print, screen and (min-width: 1024px){
    nav#mainNav ul li ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li a:hover, nav#mainNav ul li.current-menu-item ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li.current-menu-item a {
        font-weight: bold;
    }
    nav#mainNav {
        padding-bottom: 1%;
    }}
/*------------------------
改行位置の調整
------------------------*/
@media screen and (min-width: 769px){
    .br-pc { display:block; }
    .br-sp { display:none; }
}
@media screen and (max-width: 768px){
    .br-pc { display:none; }
    .br-sp { display:block; }
}
/*----------------------
送信ボタンの幅を広げる
----------------------*/
.wpcf7 .linkBtn {
    display:block;
}
/*----------------------
問い合わせフォームの必須
----------------------*/
.wpcf7-form .must {
    background: rgba(0,72,152,0);
    color: rgba(0,72,152,1);
    font-size: 1.5rem;
    float: none;
    margin-left: -2px;
    padding: 0;
}
/*------------------------
共通
------------------------*/
body.mobile #header .logo .mark {
    background: #fff;
}

#header .logo img {
    max-height: 100px;
}
header#h1Header img {
    height: 250px;
}
@media only screen and (max-width: 640px){
    #header-layout {
        padding-bottom: 0px;
    }
}
#content {
    width: 95%;
    margin: 0 auto;
    padding:0;
}

#mainImg {
    padding-bottom: 0px;
}
.home #content {
    padding: 0px;
}
body.mobile #breadcrumb {
    margin-top: 0;
}
header#h1Header h1.title {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .2em;
}
header#h1Header h1.title span{
    position: relative;
}

header#h1Header h1.title span::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    width: 2px;
    height: 47px;
    margin: auto;
    background-color: white;
}

/*------------------------
テーブルレスポンシブ左寄せ
------------------------*/
@media only screen and (max-width: 640px){
    .post table.responsive th, .post table.responsive td {
        text-align: left;
    }}
/*------------------------
背景
------------------------*/

/*背景*/
.post{
    background:#fff;
    margin-bottom:0;
}




/*------------------------
新着情報
------------------------*/

.dateLabel{background-color: rgba(0,10,0,0);}
.postlist {background-color: rgba(255,255,255,0); }
.postlist li {margin:0;}

@media screen and (min-width: 769px){
    .postlist {
        width: 90%;
        margin: 0 auto;
    }
    .front_post_list { padding: 5% 10%;}
}
@media screen and (max-width: 768px){
    .postlist {
        width: 85%;
        margin: 0 auto 5%;
        box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%);
    }
    .front_post_list {padding: 5% 2%;}
    .postlist .time a { font-size: .8rem;}
    .postlist .date {
        font-size: .8rem;
        padding: 1px;
    }
    .postlist .ttls a { font-size: .8rem;}
    .postlist .ttls {padding: 0;}
    .postlist .post_text {width: 100%;}
}
/*新着情報のシャドウの装飾*/
.postlist li {border-bottom: none;}
.postlist .time {
    background: #a39e9e;
}
.postlist .date {
    color: #a39e9e;
}
.postlist .ttls a {
    color: #626262;
}
.postlist {
    padding: 5%;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%);
}
h1.title.bottom-loop{
    font-size:calc(24px + (1vw - 4.1px) * 1.0624);
    margin-bottom: 2%;
}

.linkBtn{
    background: #dadada;
}
.linkBtn:hover {
    background: #b3b3b3;
}
p.dateLabel {
    margin: 0;
    color: rgb(171 171 171);
    font-style: initial;
    font-weight: 500;
}
h1.title.first, h1.page-title.first {
    text-align: left;
    margin-top: 10%;
    font-size: 1.5rem;
    font-weight: 500;
}

h1.title.first.cat-loop {
    margin-bottom: 5%;
}

h1.title.first {
    margin-top: 5%;
}

h1.title.bottom-loop {
    font-size: calc(13px + (1vw - 1px) * 1);
    letter-spacing: .1em;
    color: #ffffff;
    padding-bottom: 3%;
}

/*------------------------
フォント
------------------------*/

/*------------------------
レイアウト
------------------------*/
.line {
    border-bottom: 1px solid #888888;
    padding-top: 10%;
}

.mt{
    margin-top:5%!important;
}
.mb {
    margin-bottom: 5%!important;
    padding-bottom: 10%!important;
}

.contentbox {
    background: #fff;
}
@media screen and (min-width: 1024px){
    .contentbox {
        padding: 8% 5% 0%;
        width: 900px;
        margin: 0 auto 0;
    }
    .contentbox2{
        padding:10% 0;
    }
}
@media screen and (max-width: 1023px){
    .contentbox {
        padding: 3%;
        width: 90%;
        margin: 0 auto;
    }
    .contentbox2{
        padding:10% 0;
    }
}
/*box03　画像と文字の横並び・画面いっぱい*/
.contentbox2{
    padding:10% 0;
}

@media print, screen and (min-width: 1024px){
    .box03 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5%;
    }
    .box03 .txt{
        width:30%;
        margin: 0 5%;
    }

    .box03 .photo.order01 {
        width: 60vw;
    }
}

@media print, screen and (max-width: 1023px){
    .box03 .photo{
        margin:0 auto;
    }
    .box03 .txt{
        margin:5%;
    }
    .box03 {
        flex-direction: column;
        display: flex;
    }
    .order01{
        order: 1;
    }
    .order02{
        order: 2;
    }}

/*------------------------
table01
------------------------*/
#table01 tr {
    border-bottom: 1px solid #b5b1b1;
}

#table01 th,
#table01 td {
    padding: 24px 10px;
    border: none;
}

#table01 th {
    width: 30%;
}

/* sp */
@media only screen and (max-width: 480px) {
    #table01 th,
    #table01 td {
        width: 100%;
        display: block;
    }

    #table01 th {
        width: 100%;
    }

    #table01 td {
        padding-top: 0;
    }
}

/*------------------------
子ページ
------------------------*/
@media only screen and (max-width: 1023px){
    nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a {
        background: none;

    }
    nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li li.current-menu-item a {
        background: none;
    }
    nav#mainNav ul li li:last-child a {
        background: none;
    }}

#header .logo img {
    max-height: 30px;
}










/*--------------------------------------------------
	オリジナル設定
--------------------------------------------------*/
.fs { font-size: 85%; }
.fm { font-size: 115%; }
.red { color: #FC0000; }
.pick { color: #80B624; }
p.attention { text-indent: -1em; margin-left: 1em; }
p.nm { padding-bottom: 0; }
/**/
.cen { text-align: center; }
.lft { text-align: left; }
.rit { text-align: right; }
.pad_anchor { margin-top: -115px; padding-top: 115px; }
/* 非表示用 */
@media print, screen and (min-width: 641px){ /* PC用 */
    .dsp_smt { display: none; }
    .cen_pc { text-align: center; }
}
@media only screen and (max-width: 640px){ /* スマホ用 */
    .dsp_hp { display: none; }
}
/*--------------------------------------------------
	ヘッダ
--------------------------------------------------*/
header#h1Header h1.title {
    z-index: 2;
}
@media print, screen and (min-width: 1240px) {
    #header .inner { z-index: 10; }
}
@media only screen and (min-width: 1024px) {
    #header .inner { z-index: 200; }
    #header-layout {
        display: table;
        width: 100%;
        padding: 15px 20px;
        box-sizing: border-box;
    }
    #header .logo {
        padding: 0;
    }
    nav#mainNav {
        padding: 0;
    }
    nav#mainNav ul li a {
        height: auto !important;
    }
}
@media only screen and (max-width: 1023px) {
    body.mobile { margin-top: 60px; }
    body.mobile #breadcrumb { margin-top: 0; }
    body.mobile #header { z-index: 200; }
}
/* 調整20260713 */
.header {
    box-shadow: none;
}
@media only screen and (min-width: 1240px) {
    .wrap, .maximg, .single #inner-content, .page #inner-content, .inner-footer {
        width: 100%;
    }
}
/*--------------------------------------------------
	共通
--------------------------------------------------*/
.mab { margin-bottom: 40px; }
.bg_wide { position: relative; }
.bg_wide::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    content: "";
    z-index: -1;
}
.bg_pad { padding: 30px 0; }
.box_pad { padding: 15px; box-sizing: border-box; }
.box_w2 .column2_50:not(.cen) { text-align: left; }
@media print, screen and (min-width: 641px){ /* PC用 */
    .mab { margin-bottom: 80px; }
    .bg_pad { padding: 80px 0; }
    .bg_fix::before { background-attachment: fixed !important; }
    .box_w2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .box_w2.rev { flex-direction: row-reverse; }
    .box_w2.vcen { align-items: center; }
    .box_pad { padding: 30px; }
    .box_w2 .column2_50 { width: 48.5%; }
    .box_w2 .column2_70 { width: 68%; }
}
/**/
.post {
    background: none;
    border: none;
}
.post img {
    padding: 0;
    border: none;
    vertical-align: bottom;
}
.post img.aligncenter {
    margin: 0 auto;
}

#thumbImg {
    clear: both;
    line-height: 0;
    text-align: center;
    z-index: 0;
}
#thumbImg img {
    width: 100%;
    height: auto;
}
.post h1, #content h1.title, header.page-header h1.page-title {
    position: relative;
    margin: 0 0 30px;
    padding: 0 0 30px;
    font-size: 35px;
    font-family: 'Shippori Mincho', serif;
    text-align: left;
}
.post h1::before, #content h1.title::before, header.page-header h1.page-title::before {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 50px;
    border-bottom: 1px solid #000;
    content: "";
}
#content h1.title, header.page-header h1.page-title {
    padding: 5% 10px 30px;
}
#content h1.title::before, header.page-header h1.page-title::before {
    left: 10px;
}
@media print, screen and (min-width: 641px){ /* PC用 */
    .post p {
        line-height: 2;
    }
}
@media only screen and (max-width: 640px){ /* スマホ用 */
    .post h1, #content h1.title, header.page-header h1.page-title {
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 25px;
    }
}
/**/
.btn_link {
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #334252;
    background: #fff;
    padding: 14px 35px;
    text-align: center;
    outline: none;
    z-index: 2;
    transition: ease .2s;
    color:#334252;
}
.btn_link:hover {
    color:#fff;
}
.btn_link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background:#334252;
    width: 100%;
    height: 100%;
    transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
}
.btn_link:hover::before{
    transform-origin:left top;
    transform:scale(1, 1);
}
@media only screen and (max-width: 640px){ /* スマホ用 */
    .btn_link {
        display: block;
    }
}
/*--------------------------------------------------
	トップページ
--------------------------------------------------*/
.home #mainImg {
    padding-bottom: 0;
}
.home #wrapper {
    overflow: visible;
}
.home #content,
#post-2 .post {
    padding-top: 0;
    padding-bottom: 0;
}
/**/
#top_msg::before {
    left: auto;
    right: 0;
    width: 45vw;
    margin-left: 0;
    background: #f1fbfa;
}
#top_msg::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100vw;
    height: 100%;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    background: url(/struct/wp-content/uploads/bg_msg.png) no-repeat center bottom / 100% auto;
    content: "";
    z-index: -1;
}
#top_msg .in {
    margin-bottom: 50px;
    background: rgba(255,255,255,0.85);
}
#top_msg .in p {
    margin-bottom: 1.5em;
}
#top_msg .in p.fm {
    font-size: 125%;
}
@media print, screen and (min-width:769px){
    #top_msg .in {
        padding: 50px;
    }
}
/**/
#top_about::before {
    top: auto;
    bottom: 0;
    height: 40%;
    background: #334252;
}
#top_about h1 {
    text-align: center;
}
#top_about h1::before {
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#top_about .photo {
    position: relative;
}
@media print, screen and (min-width: 641px){ /* PC用 */
    #top_about .btn {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    #top_about .btn a {
        display: block;
        padding: 30px;
        font-size: 115%;
    }
}
/**/
#top_contents::before {
    background: #334252;
}
#top_contents h1 {
    color: #fff;
    text-align: center;
}
#top_contents h1::before {
    left: 50%;
    border-color: #fff;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#top_contents ul,
#top_contents ul li {
    margin: 0;
    padding: 0;
    border: none;
}
#top_contents ul li {
    margin-bottom: 30px;
}
#top_contents ul li a {
    display: block;
    border: 1px solid #fff;
}
@media print, screen and (min-width: 641px){ /* PC用 */
    #top_contents ul li {
        width: 48%;
    }
    #top_contents ul li a {
        padding: 30px 0;
        font-size: 115%;
    }
}
/**/
#top_contact::before {
    background: url(/struct/wp-content/uploads/bg_contact.jpg) no-repeat center center / cover;
}
#top_contact h1 {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#top_contact h1::before {
    left: 50%;
    border-color: #fff;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media print, screen and (min-width: 641px){ /* PC用 */
    #top_contact .btn {
        position: absolute;
        left: 50%;
        bottom: -35px;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 3;
    }
    #top_contact .btn a {
        display: block;
        width: 400px;
        max-width: 100%;
        padding: 20px;
        box-sizing: border-box;
        font-size: 115%;
    }
}
/**/
#front_bottom_content {
    position: relative;
    padding: 80px 0;
}
#front_bottom_content::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30vw;
    height: 100%;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    background: #f1fbfa;
    content: "";
    z-index: -1;
}
#front_bottom_content h1 {
    color: #000;
}
#front_bottom_content .postlist {
    padding: 0;
    background: none;
    box-shadow: none;
}
@media only screen and (max-width: 640px){ /* スマホ用 */
    #front_bottom_content {
        padding: 30px 0;
    }
}
/*--------------------------------------------------
	会社概要
--------------------------------------------------*/
.page #content {
    margin: 0;
    width: 100%;
}

.page-about #wrapper {
    position: relative;
}
.page-about #wrapper::before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30vw;
    height: 100%;
    margin-right: calc(((100vw - 100%) / 2) * -1);
    background: #f1fbfa;
    content: "";
    z-index: -1;
}
#post-64 .post {
    padding-bottom: 0;
}
/**/
#company_tbl,
#company_tbl th,
#company_tbl td {
    background: none;
}
#company_tbl tr {
    border-color: #000;
}
#company_tbl th {
    width: 10%;
    white-space: nowrap;
}
#company_tbl td {
    text-align: left;
}
@media print, screen and (min-width: 641px){ /* PC用 */
    #company_tbl th,
    #company_tbl td {
        padding: 20px;
    }
}
/**/
#map {
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
}
#map iframe {
    width: 100%;
    vertical-align: bottom;
}
/*--------------------------------------------------
	目的・メッセージ
--------------------------------------------------*/
#message_msg {
    width: 100vw;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    box-sizing: border-box;
}
#message_msg .txt {
    padding: 20px;
    background: #f2f2f2;
}
#post-66 .post li::marker {
    color: #02155c !important;
    font-size: 110%;
}
.post li {
    border-bottom: 1px dotted #02155c;
}
@media print, screen and (min-width: 641px){ /* PC用 */
    #message_msg {
        align-items: flex-start;
    }
    #message_msg .photo {
        position: relative;
        width: 55%;
        padding-top: 80px;
    }
    #message_msg .txt {
        position: relative;
        width: 55%;
        margin-left: -10%;
        padding: 40px;
        box-sizing: border-box;
        z-index: 2;
    }
}
@media print, screen and (min-width:769px){
    #message_msg .txt {
        padding: 80px;
    }
}
/*--------------------------------------------------
	お問い合わせ
--------------------------------------------------*/
.wpcf7-form select {
    width: auto;
}
.wpcf7-form table td {
    text-align: left !important;
}
/* ボタン */
.post form.wpcf7-form .linkBtn {
    padding:0 !important;
}
.post form.wpcf7-form .linkBtn input.wpcf7-submit {
    width:100%;
    padding:15px 40px;
}
.post form.wpcf7-form .linkBtn span.ajax-loader {
    position:absolute;
}
@media print, screen and (min-width: 641px){ /* PC用 */
    .wpcf7-form table th {
        width: 200px;
        white-space: nowrap;
    }
    .post form.wpcf7-form .linkBtn {
        width: 200px;
        max-width: 100%;
    }
}
h2.cat-loop {
    border-left: 4px solid;
    font-family: 'Shippori Mincho';
    background: #ebebeb;
    padding: 10px;
}
header#h1Header h1.title span,#top_msg .in p.fm,.post p,nav#mainNav ul li a b,.post ol li,.post ul li,.post h2,.postlist .time a,.postlist .ttls a,.post h3,.post h4,#company_tbl th, #company_tbl td,#table01 th, #table01 td,.wpcf7-list-item-label{
    font-family: 'Shippori Mincho', serif;
}
.post h2 {
    font-size: 1.3rem;
    background: Transparent;
    color: #02155c;
    border-left: 5px solid;
    padding: 5px 10px 8px;
    margin-top: 3%;
}
@media screen and (min-width: 769px){
    .post h2 {
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 768px){
    .post h2 {
        font-size: 1.1rem;
    }
}
#footer {
    margin-top: 5%;
}
.midahiphoto {
    margin-bottom: 5%;
}
.postlist .time a {
    color: #ffffff;
}
.post h3 {
    background: #e3edeb;
    padding: 10px;
}
.post h4 {
    border-left: 4px solid #11133c;
    border-bottom: 1px dashed #11133c;
    padding: 15px;
}
#company_tbl tr {
    border-color: #c1c1c1;
}
#header .logo img {
    max-height: 45px;
    padding-left: 3%;
}
body.mobile #header .logo img {
    max-width: 85%;
    max-height: 100%;
}
.page-id-64 .post p{
    color: #383838;

}
.member {
    padding: 20px;
    border-top: 1px solid #c1c1c1;
}
@media screen and (max-width: 768px){
    .page-id-64 .post p {
        font-size: .9rem;
    }
}
.midahiphoto {

    width: 100%;
}
.mokuzibox {
    border: 1px solid #ddd;
    padding: 3%;
    margin-bottom: 5%;
}
a {
    font-family: 'Shippori Mincho';
}
.mokuzibox a:hover {
    border-bottom: 1px solid #ddd;
}
/*------------------------
切り替え
------------------------*/
@media screen and (min-width: 769px){
    .pc {
        display: contents;
    }
    .sp { display:none; }
}
@media screen and (max-width: 768px){
    .pc{ display:none; }
    .sp {
        display: contents;
        font-size: .8rem;
    }
}

body {
    font-family: 'Shippori Mincho';
}
a.pdf {
    color: #2a588b;
    padding: 0 10px;
    background: #ededed;
    margin-right: 5px;
    margin-bottom: 15px;
    display: inline-block;
}
sup {
    font-size: smaller;
    vertical-align: super;
    margin-left: 0.2em;
}
/*------------------------
テーブル
------------------------*/
.post table.border_tbl, .post table.border_tbl th, .post table.border_tbl td {
    border-style: solid;
    border-width: 1px!important;
    border-color: #AAA!important;
}
.post table.border_tbl tr{
    border: none!important;
}
.post table.border_tbl th {
    width: 32%!important;
    font-weight: 600;
}
.post table.border_fix {
    table-layout: fixed!important;
}
.post table.border_fix th,.post table.border_fix td{
    width: auto!important;
}

/*バージョンアップCF7送信スピナーによるテキストずれ対応*/
.wpcf7-spinner{
    position: absolute!important;
    margin: 0!important;
}

/* 全幅背景による横スクロールだけを防止 */
html {
    overflow-x: clip;
}
body {
    overflow-x: visible;
}


/*------------------------------------------------------------
投稿記事
------------------------------------------------------------*/
.post_img img {
    float: left;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 5px;
    vertical-align: bottom;
}
.post .post_img {
    width: 33%;
    margin: 0;
    padding: 0;
    float: left;
}
.post_text {
    width: 94%;
    margin: 0 auto;
}
.post_text70 {
    width: 63.5%;
    float: right;
}
.post li {
    border-bottom: 1px dotted #DDDDDD;
    line-height: 1.6em;
    margin: 0 0 1em 0;
    padding: 0;
}
.post .time {
    padding: 0;
    font-size: 90%;
    clear: both;
    color: #FFFFFF;
    background-color: #2A588B;
    border-radius: 3px;
    display: inline;
    padding: 1px 6px;
    margin-bottom: 5px;
}
.post .time a {
    color: #fff;
}
.post .post_text h3 {
    background: none;
    margin: 0.2em;
}
.postlist {
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    margin-bottom: 20px;
    clear: both;
}
.postlist li {
    border-bottom: 1px dotted #DDDDDD;
    line-height: 1.6em;
    margin: 1em 0;
    padding: 0;
}
.postlist .post_text {
    width: 96%;
    margin: 0 auto 10px auto;
}
.postlist .time {
    padding: 0;
    font-size: 90%;
    clear: both;
    color: #FFFFFF;
    background-color: #2A588B;
    border-radius: 3px;
    display: inline;
    padding: 1px 6px;
    margin-bottom: 5px;
}
.postlist .time a {
    color: #fff;
}
.postlist .date {
    padding: 0;
    font-size: 90%;
    clear: both;
    display: inline;
    padding: 1px 6px;
    margin-bottom: 5px;
}
.postlist .date a {
}
.postlist .ttls {
    padding: 0;
    font-size: 90%;
    clear: both;
    display: inline;
    padding: 1px 6px;
    margin-bottom: 5px;
}
.postlist .ttls a {
}
.postlist .post_text h3 {
    background: none;
    margin: 0.2em;
}
.post_link {
    float: right;
    clear: both;
    margin: 10px 0;
}
li .post_contents {
    clear: both;
    margin-bottom: 0.5em;
    padding: 5px 0 0 0;
}


/* パンくずリスト
----------------------------------*/
#breadcrumb li:first-child a:before {
    display: none;
}
#breadcrumb ul li a, #breadcrumb ul li {
    color: #c4c4c4;
    font-size: 11px;
}