@charset "utf-8";
/*
Theme Name: company name
Theme URI: http://
Description: s71_2017.08改訂
Version: 1.0
Author: K-net
Author URI: http://www.tsubame-k.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

@import "base.css";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
#wpadminbar .show-template-name, #wpadminbar .hover .show-template-name,#wpadminbar #wp-admin-bar-included_files_path .ab-item #included-files-list li{color:#fff;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;color:#160F45;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font-family: 'BIZ UDPGothic', sans-serif;
color:#160F45;
-webkit-text-size-adjust: none;
background:#fff;
}

.m_auto{margin:0 auto;}

.l_h2{line-height:2;}
.brc{clear:both;}
.ctr{text-align:center; margin:0 auto;}
.none{display:none;}
.mtop100{margin-top:100px;}
.mtop60{margin-top:60px;}
.mtop30{margin-top:30px;}
.mtop15{margin-top:15px;}
.mbtm100{margin-bottom:100px;}
.mbtm60{margin-bottom:60px;}
.mbtm40{margin-bottom:40px;}
.mbtm30{margin-bottom:30px;}
.mbtm15{margin-bottom:15px;}
.mbtm10{margin-bottom:10px;}

.mleft5{margin-left:5px;}
.mleft20{margin-left:20px;}

.f_s12{font-size:1.2rem;}
.arc_bx h3,.arc_bx h4{margin-top:20px;margin-bottom:10px;}
.arc_bx span{line-height:1.5;}
.listing-item .image{height: 255px;display: flex;justify-content: center;overflow: hidden;}

.wp-block-group__inner-container .wp-block-buttons .mbtm40{margin-bottom:40px;}

.pright20{padding-right:20px;}
.pleft20{padding-left:20px;}
.pleft10{padding-left:10px;}
.pbtm60{padding-bottom:60px;}

.f_or{color:red;}
.f_org{color:#ff6600;}
.f_bl{color:#1967d2;}

.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}

.f_s18{font-size:18px;}

.fx{display:flex;}
.fx_btw{display:flex;justify-content:space-between;}
.fx_ard{display:flex;justify-content:space-between;}

.fx_end{display:flex;justify-content:flex-end;}
.actr{align-items:center;}
.astr{align-items:flex-start;}
.aend{align-items:flex-end;}

.justify-content-center{justify-content:center;}

.h_hbx{width:100%;max-width:97%;margin:0 auto;}
.pc_none{display:none;}
table tr{border-bottom:1px solid #000;}

#information {
    position: relative;
    top: -105px;
    margin-bottom: -60px;
    background-color: #fff;
    min-height: 100px;
    width: calc(100% - 260px);
    margin-left: auto;
}
#aside-posts .content-inner-y .w_iframe{max-width:90%;}

.posts--wrapper iframe{width:100%;height:100%;aspect-ratio:16 / 7;margin-top:30px;}

.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.no-gutters {margin-right: 0;margin-left: 0;}
#information #index-information-body {padding: 20px 0;}#information #index-information-title h4 {position: relative;z-index: 2;font-size: 1.6rem;padding: 23px 0;margin-bottom: 0;color:#fff;font-weight: 600;}
#information #index-information-title {background-color: #111;letter-spacing: 2px;text-align: center;position: relative;}
.news_list .cat{display:none;}
.toppage .news_list li{list-style:none;background-image:none;font-size: 1rem;padding-left: 30px;}
.align-items-center{align-items:center;}
#information #index-information-title h4:before {content: "";position: absolute;right: 20px;bottom: 50%;width: 22px;height: 2px;background-color: #fff;-webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);transition: all .4s cubic-bezier(.165,.84,.44,1);-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);transition-timing-function: cubic-bezier(.165,.84,.44,1);z-index: 3;}
#information #index-information-title h4:after {content: "";position: absolute;right: 20px;bottom: calc(50% - 3px);width: 8px;height: 8px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);transition: all .4s cubic-bezier(.165,.84,.44,1);-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);transition-timing-function: cubic-bezier(.165,.84,.44,1);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 3;}
#information #index-information-title a:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #F1623A;-webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);transition: all .4s cubic-bezier(.165,.84,.44,1);-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);transition-timing-function: cubic-bezier(.165,.84,.44,1);-webkit-transform: scale(.9);transform: scale(.9);opacity: 0;}
#information #index-information-title a:hover:before {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
#information #index-information-title a:active, #information #index-information-title a:focus, #information #index-information-title a:hover {text-decoration: none;color: #111;}
.in_bx01,.in_bx02{border: 1px solid #707070;border-right: 0;}
.in_bx02{border-top:0;}
.news_date{padding:0 20px;}
.news_title{padding:0 20px;}
h3 strong{font-size:1.2rem;line-height:2;}
.no_bullets{margin: 3rem auto!important;}
#content .size-post-thumbnail{width:100%;}
#post-393 time,#post-338 time,#post-281 time,#post-420 time{display:none;}

.o_inner{width:100%;max-width:1100px;}

.content-inner-lg-y {padding-top: 40px;padding-bottom: 80px;}
.pos-r {position: relative;}
#front-about .in {padding: 60px 0;margin: 0 auto;}
#front-about #bg-index-about {background-size: cover;background-position: center center;background-image: url(../base/images/01.jpg);width: 80%;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;}
#front-about .index-about-wrapper {max-width: 460px;background-color: #fff;position: relative;z-index: 2;padding: 80px 0 50px;}
#front-about .index-about-title ,.index-consignment-title{line-height: 150%;margin-bottom: 30px;text-align:left;}
#front-about .index-about-body,#front-consignment .index-consignment-body {margin-bottom: 20px;line-height:2;text-align:left;}

#front-consignment .in{padding: 60px 0;}
#front-consignment #bg-index-consignment {background-size: cover;background-position: center center;background-image: url(../base/images/02.jpg);width: 80%;height: 100%;position: absolute;left: -60px;top: 0;z-index: 1;}
#front-consignment .index-consignment-wrapper {max-width: 450px;background-color: #fff;position: relative;z-index: 2;padding: 60px 20px 40px 40px;margin: 0 auto;}
.content-inner-b {padding-bottom: 60px;}

#front-about .index-school-wrapper {max-width: 470px;background-color: #fff;position: relative;z-index: 2;padding: 60px 40px 50px 0;}
#front-about #bg-index-school {background-size: cover;background-position: center center;background-image: url(../base/images/03.jpg);width: 80%;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;}

#front-blog{padding:40px 30px 80px;}
#front-blog h3{font-size: 30px;letter-spacing: 2px;margin-bottom: 40px;line-height: 1;}
#front-blog h3 span{font-size: 18px;letter-spacing: 1px;}

#front-column{padding:60px 0;background:#F5F4F3;border-top:3px solid #F1623A;border-bottom:3px solid #F1623A;} 
#front-column .col-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}
#front-column h3{font-size: 30px;letter-spacing: 2px;margin-bottom: 40px;line-height: 1;}
#front-column h3 span{font-size: 18px;letter-spacing: 1px;}
#front-blog .display-posts-listing li{border: 1px solid #9B9B9B;padding-bottom: 35px;padding-left: 0;position: relative;text-align:left;}
#front-blog .display-posts-listing li .title {font-size: 20px;margin-bottom: 20px;padding-left: 15px;margin-top: 20px;}
#front-blog .display-posts-listing li .date{position:absolute;bottom:20px;left:15px;}
#front-column .shine{margin:0 auto;}

#wpadminbar *{color:#fff;}
.archive__thumbnail .thumbnail{display: inline-block;height: 200px;overflow: hidden;}

.content-inner-y {padding-top: 60px;padding-bottom: 50px;}
#aside-posts .posts--wrapper {max-width: 500px;margin: 0 auto;padding-left: 30px;padding-right: 30px;}
.posts--wrapper .section--title {font-weight: 600;font-size: 1.5rem;letter-spacing: 1.3px;text-align:center;}
.section--title span {display: block;font-size: 0.8rem;font-weight: 700;margin-top: 10px;}
.bg-secondary {background-color: #F1623A;}
.bg-secondary .section--title,.bg-secondary .list--qa-wrapper,.bg-secondary .btn-outline,.bg-secondary .btn-outline span,.bg-secondary .list--qa-wrapper a,.bg-secondary .section--title span{color:#fff;}
.bg-secondary .btn-outline{border: 1px solid #fff;width:100%;}
.bg-secondary .btn-outline.btn-arrow-right-secondary span:after{border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
#aside-posts .btn-outline{width:95%;}
#aside-posts .list--column-wrapper .b_btm{border-bottom: 2px solid #160F45;padding-bottom: 5px;display: block;font-size:1rem;margin-top: 30px;margin-bottom:10px;}
#aside-posts .list--column-wrapper{line-height:2;font-size: 0.9rem;}
#aside-posts .list--qa-wrapper .list--qa a:before {content: "Q.";position: absolute;left: 0;top: 1px;font-size: 1rem;}
#aside-posts .list--qa-wrapper .list--qa:not(:last-child) {border-bottom: 1px solid #fff;}
#aside-posts .list--qa-wrapper .list--qa {padding: 20px 0;}
#aside-posts .list--qa-wrapper .list--qa a {position: relative;font-size: .9rem;line-height: 150%;display: block;color: #fff;padding-left: 40px;}
#aside-posts .list--qa-wrapper{margin-top:40px;}

#about01 #bg-about{width: 60%;height: 100%;position: absolute;right: 0;bottom: 0;z-index: 1;}
#about01 .in {padding: 0 0 100px 0;margin: 0 auto;}
#about01 .about-wrapper {max-width: 480px;background-color: #fff;position: relative;z-index: 2;padding: 80px 40px;}
#about01 .about-title {line-height: 150%;margin-bottom: 30px;}
#about01 .about-body {margin-bottom: 30px;line-height: 180%;font-size: .9rem;}
#about01 .about-body p{font-size:0.9rem;}

#about02{margin-top:60px;}
#about02 .wrap {padding: 0 20px;max-width: 500px;}
#about02 .content-inner-y{padding-bottom:80px;}
.text-center {text-align: center;}
.bold{font-weight:bold;}

.bg-gray {background-color: #f5f4f3;}

.price_bx img{width: 25px;margin-right: 10px;height:100%;}
.price_bx .wing{width: 30px;}
.price_bx02{border: 3px solid #F1623A;border-radius: 10px;padding: 20px 40px;}

.p_orbox{width: 90%;border-style: double;border: 1px solid #ff6600;padding: 35px;background: #fafbfc;font-size: 1.3rem;text-align: center;}
.parent {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);grid-column-gap: 10px;grid-row-gap: 10px;}
.side_contents .grad-item{font-size:1rem;line-height:2;}

.grad-btn {
  /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/
}
.grad-btn::before {
  content: "続きを読む"
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 80px; /*隠した状態の高さ*/
	font-size:0.9rem;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
.grad-btn{display:block;margin:0 auto;text-align:center;padding: 0.5em 0;border-radius: 2px;background: #F1623A;color: #fff;font-size: 1rem;text-align: center;cursor: pointer;transition: .2s ease;box-shadow: 0 0 3px rgb(0 0 0 / 30%);width: 148px;}
.grad-btn:hover {background: #fff;color: #F1623A;}
.grad-trigger:checked ~ .grad-btn .fa {transform: rotate(180deg);}
.grad-btn span{color:#fff;margin-left:10px;}
.grad-btn:hover span{color: #F1623A;}

.hd_about{background: url(images/h_01.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_company{background: url(images/h_01.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_technology{background: url(images/h_01.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_price{background: url(images/h_03.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_faq{background: url(images/h_04.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_archive{background: url(images/h_06.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_inquiry{background: url(images/h_01.jpg) no-repeat ; background-size: cover; background-position: center;}
.hd_single{background: url(images/h_06.jpg) no-repeat ; background-size: cover; background-position: center;}

.temhd{padding: 100px 0;}
.temhd header h2{text-align:center;font-size:24px;background:rgba(0,0,0,0.5);padding: 30px 0;width:20%;margin: 30px auto 0;font-weight: bold;}
.temhd header h2 span{color:#fff;line-height:1.5;}

.post h3.section-title{font-weight: 600;font-size: 1.5rem;letter-spacing: 1.3px;text-align: center;}
#breadcrumbs {font-size: 12px;position: relative;top: -30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
#breadcrumbs .breadcrumb-top a span{color:#fff;}
#breadcrumbs li,#breadcrumbs li a,#breadcrumbs li a span{color:#fff;}
#breadcrumbs ul {background-color: #111;color: #fff;margin: 0;padding: 20px 30px;min-width: 40%;max-width: 60%;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 1rem;list-style: none;border-radius: 0;line-height: 1.5;}

summary {list-style: none;position: relative;padding: 20px 85px 20px 0;cursor: pointer;background-color: #fff;}
summary::before {content: '';width: 30px;height: 6px;background: #F1623A;position: absolute;top: 50%;right: 5%;transform: translateY(-50%);}
summary::after {content: '';position: absolute;top: 50%;right: 5%;transform: translateY(-50%);transition: transform 0.5s;font-size: 30px;color: #354B78;font-weight: bold;font-size: 60px;background: #F1623A;transform: translateY(-50%) rotate(90deg);transition: .5s;width: 30px;height: 5px;}
details[open] summary::after {transition: .5s;transform: translateY(-50%) rotate(0);}

summary::-webkit-details-marker {display:none;}

.answer{margin-bottom:20px;}
.b_bx02{border-bottom: 2px solid #000;}
.q{color: #F1623A;font-size: 25px;}
.a{color: #00ccff;font-size: 25px;}

.archive__detail{height: 200px;background: #f5f4f3;padding: 10px;width: 95%;position: relative;}
.ratio{display:flex;}
.ratio__image{margin:0;}
.ratio__item{position:relative;width:35%;}
.ratio__item .thumbnail span{background: rgba(22,15,69,0.5);border: 1px solid #fff;color: #fff;padding: 10px;border-radius: 5px;position: absolute;top: 10px;left: 10px;}
.time_bx{width:calc(100% - 35%);padding-top: 10px;}
.time_bx .title{font-weight: bold;margin-bottom: 15px;display: block;font-size: 1.2rem;}
.date{position: absolute;bottom: 15px;right: 15px;}

.arc_bx{width:70%;}

.side_contents{display: flex;justify-content: space-between;width: 100%;max-width: 1100px;}
#sidebar{width: calc(100% - 72%);}
.widgetInfo,.wp-block-archives-dropdown label{display:none!important;}
.wp-block-group__inner-container h2,.widget_block h2{font-weight: bold;font-size: 20px;border-bottom: 2px solid #000;padding-bottom: 10px;margin-bottom: 20px;}
.wp-block-archives select{width: 100%;height: 45px;border: 1px solid #000;margin-bottom:20px;}
.widget_recent_entries li{padding: 10px 15px;background: #f5f4f3;margin-bottom: 10px;}
.arc_bx h2.title{padding-left:0;margin-bottom:30px;padding: 20px 15px;background: #f5f4f3;font-weight:bold;}
.at-resp-share-element .at-share-btn .at-label{color:#fff;}
.at-below-post{margin-top:100px;}
.content .yarpp-related{margin-top:3em;}
#front-blog .display-posts-listing li{transition: all .5s;position: relative;top: 0;}
#front-blog .display-posts-listing li:hover{top:-6px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);}
#footer--top a {display: block;background-color: #242424;color: #fff;padding: 20px 30px;overflow: hidden;}
#footer--top a .footer--top--icon {padding: 20px;border-right: 1px solid #fff;text-align: center;}
#footer--top a .footer--top--body,#footer--top a .footer--top--icon{color:#fff;}
#footer--top .container{max-width:1100px;width: 100%;padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto;}
#footer--top a .footer--top--icon{max-width: 15%;font-size: 64px;}
#footer--top a .footer--top--body{max-width: 75%;flex: 0 0 75%;font-size:.9rem;line-height:2;padding: 20px 0px 20px 60px;position: relative;text-align: left;}
iframe{width:100%;height:100%;aspect-ratio:16 / 2;}
.grecaptcha-logo iframe{aspect-ratio:inherit;}
.cat-item-1{display:none;}
article .p_bx p{font-size:1rem;line-height:2;}

.b_btm{border-bottom:3px solid #F1623A;}
.b_btm02{border-bottom:2px solid #160F45;}

.mainImg02{position: absolute;top: 31%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.mainImg02 img{width:55%;}

.ft_bx{color:#fff;width: 30%;line-height: 2;}

.i_inner{max-width:900px;width:100%;}

.btn-outline {background-color: transparent;border: 1px solid #160F45;color: #111;padding: 0;overflow: hidden;position: relative;font-weight: 700;display: inline-block;}
.btn-outline span {position: relative;z-index: 2;display: block;padding: 15px 30px;font-weight:bold;}
.btn.btn-width-280, input.btn-width-280[type=submit] {max-width: 100%;min-width: 280px;}
.btn, input[type=submit] {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 0.5rem 0.8rem;font-size: 1rem;line-height: 1.5;border-radius: 0;-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}
.btn-outline:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #160F45;-webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);transition: all .4s cubic-bezier(.165,.84,.44,1);-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);transition-timing-function: cubic-bezier(.165,.84,.44,1);-webkit-transform: scale(.9);transform: scale(.9);opacity: 0;}
.btn-outline:active:before, .btn-outline:focus:before, .btn-outline:hover:before {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.btn-outline:active span, .btn-outline:focus span, .btn-outline:hover span {color: #fff;}
.btn-outline.btn-arrow-right-secondary span:after {content: "";position: absolute;right: 20px;bottom: calc(50% - 3px);width: 8px;height: 8px;border-right: 2px solid #111;border-bottom: 2px solid #111;-webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);transition: all .4s cubic-bezier(.165,.84,.44,1);-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);transition-timing-function: cubic-bezier(.165,.84,.44,1);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 3;}
.btn-outline.btn-arrow-right-secondary:active span:after, .btn-outline.btn-arrow-right-secondary:focus span:after, .btn-outline.btn-arrow-right-secondary:hover span:after {border-color: #fff;}

.yarpp-related h3{font-size:100%!important;}


/* Grid style */
.display-posts-listing.grid {
    display: grid;
    grid-gap: 16px;
}
 
.display-posts-listing.grid .title {
    display: block;
}
 
@media (min-width: 600px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 1, 1fr );
    }
}
 
@media (min-width: 1024px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 4, 1fr );
    }
}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#160F45;
}

a:hover, a:active{
outline: none;
color:#160F45;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

.wpcf7-form-control-wrap input[type="text"],.wpcf7-form-control-wrap textarea{width:80%;max-width:100%;}
.wpcf7-form table th{width: 30%;}
.wpcf7-form input[type="submit"]{background: #F1623A;padding: 15px 50px;margin-top: 20px;}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #878787;
background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: linear-gradient(to bottom, #878787 0%,#6f6f6f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #878787;
background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#878787));
background: -webkit-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: -o-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: linear-gradient(to bottom, #6f6f6f 0%,#878787 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787',GradientType=0 );
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}

header{height:110px;}
.mail_bx{background: #F1623A;color: #fff;}
.mail_bx i{font-size: 50px;display: inline-block;background: #F1623A;padding: 30px;}
.h_bx{margin-left: auto;margin-right: 11%;}
.ct_bx{position:fixed;top:0;right:0;}

/* hamburgerここから */

.hamburger-demo-menubox{position: sticky;right: 0;top: 0;z-index: 999;padding: 39px 55px;}

	/* inputを非表示 */
.input-hidden{
	display: none;
}
	/* label */
.hamburger-demo-switch{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0; /* ハンバーガーアイコンの位置（上から） */
	z-index: 99999;
	padding: 55px;
	background:#000;
}
/* メニュー展開時にハンバーガーアイコンを固定 */
#hamburger-demo1:checked ~ .hamburger-demo-switch{
	position: fixed;
}
/* ハンバーガーアイコン */
.hamburger-switch-line1, .hamburger-switch-line1-before, .hamburger-switch-line1-after{
	width: 45px;
	height: 3px;
	background: #fff; /* ハンバーガーアイコンの色 */
	position: absolute;
	top: 50%;
	left: 50%;
	transition: .3s;
	content: "";
}
.last_menu{color:#fff;}
.hamburger-switch-line1{
		transform: translate(-50%, -50%);top: 45%;
}
.hamburger-switch-line1-before{
	transform: translate(-50%, -300%);top: 40%;
}
.hamburger-switch-line1-after{
	transform: translate(-50%, 200%);top: 50%;
}
/* ハンバーガーアイコン･アニメーション */
#hamburger-demo1:checked ~ .hamburger-demo-switch .hamburger-switch-line1{
	width: 0;
}
#hamburger-demo1:checked ~ .hamburger-demo-switch .hamburger-switch-line1-before{
	transform: rotate(45deg) translate(-40%, 325%);top: 45%;
}
#hamburger-demo1:checked ~ .hamburger-demo-switch .hamburger-switch-line1-after{
	transform: rotate(-45deg) translate(-40%, -325%);top: 35%;
}
/* メニューエリア */
.hamburger-demo-menuwrap{
	position: fixed;
	height: 100%;
	background: #000; /* メニューエリアの背景色 */
	padding: 8em 0 2em;
	z-index: 99998;
	transition: .3s;
	overflow-y: scroll; /* メニュー内容が多い場合に縦スクロールする */
	top: 0;
	left: 100%;
	width: 70%;
}
/* メニューリスト */
.hamburger-demo-menulist{
	margin-right: 3%;
	padding-left: 5% !important; /* !important不要な場合もあり */
	list-style: none;
}
.hamburger-demo-menulist li a{
	text-decoration: none;
	color: #fff; /* メニューリストの文字色 */
	display: block;
	padding: .5em 0;
}
.hamburger-demo-menubox li a{color:#fff;font-size: 18px;font-weight: 600;}

.hamburger-demo-menuwrap .menu-fmenu-container .menu{display: flex;justify-content: space-between;flex-wrap: wrap;width: 60%;margin-left: 15%;}
.hamburger-demo-menuwrap .menu-fmenu-container .menu li{width: 50%;margin-bottom: 50px;}
.hamburger-demo-menuwrap .menu-fmenu-container{border-bottom: 1px solid #333;padding-bottom:50px;}
#drawer--sns{margin-left:30%;margin-top:50px;}

/* メニューエリア･アニメーション */
	/* 右から */
#hamburger-demo1:checked ~ .hamburger-demo-menuwrap{
	left: 40%;
}

/* コンテンツカバー */
#hamburger-demo1:checked ~ .hamburger-demo-cover{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9997;
	background: rgba(3,3,3,.5);
	display: block;
}
.last_menu{transform: translate(-50%, 80%);
    top: 55%;
    left: 50%;
    position: absolute;
font-size: 0.9rem;}

/* headerの色を変える */
.h_header.change-color {
    background-color: #fff;
}

/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
}

#header{
overflow:hidden;
	position: fixed;/*固定する*/
       top: 0;/*ブラウザの上からの距離はゼロ*/
	width:100%;
	z-index:999;
	transition: .3s;
}

#footer{
clear:both;
	background: #000000;
	padding: 40px 0 20px;
} 


/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
padding:8px 0;
font-size:70%;
font-weight:normal;
width: 97%;
margin: 0 auto;
}

/* コンタクト
----------------------------------*/
.contact{
padding:10px 0 0;
text-align:center;
color:#000;
width: 27%;
font-size: 1.5rem;
}

.contact a{color:#fff;}

.contact span{font-size:12px;color:#fff;}

.contact .tel{
margin-bottom:-3px;
font-size:180%;
font-family:Arial, Helvetica, sans-serif;
}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
line-height:0;
text-align:center;
z-index:0;
}

.post{
background: #fff;
}

.toppage h4{
margin:0 0 10px;
font-size:16px;
font-weight:normal;
color:#333;
}


/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span,.excerpt{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
color:#000;
border-bottom:0;
}

.dateLabel{
text-align:right;
font-weight:bold;
color:#858585;
}

.post p{padding-bottom:15px;font-size:0.9rem;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
}

.post h3{
font-size:25px;
font-weight:bold;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:10px;
border-width: 0 0 1px 1px;
font-weight:bold;
}

.post table td{
padding:10px;
border-width: 0 0 1px 1px;
background:#fff;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;object-fit: cover;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 10px 10px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}


/* AddQuicktag用文字装飾 */
.f_b{
font-weight:bold;
font-size:110%;
}

.f_bb{
font-weight:bold;
font-size:140%;
}

.f_bbb{
font-weight:bold;
font-size:160%;
}

.f_br{
font-weight:bold;
color:#cc0000;
}

.f_r{
color:#cc0000;
}

.f_sr{
font-size:90%;
color:#cc0000;
}

.f_s{
font-size:90%;
color:#444;
}

.f_bl{
font-weight:bold;
color:#0066cc;
}

.f_l{
color:#0066cc;
}

.f_bg{
font-weight:bold;
color:#339933;
}

.f_g{
color:#339933;
}

.f_mk{
background: linear-gradient(transparent 60%, #ff99ff 60%);
}


/* サイドバー　ウィジェット
*****************************************************/
section.widget ul, .widget_search, #calendar_wrap, .textwidget{
margin:0 0 40px 0;
padding:0 10px 10px 17px;
background: #fff;
line-height: 2;
}

section.widget ul ul{
border:0;
margin:0;
padding:0 0 0 10px;
}

p.banner{padding-bottom:15px;}

p.banner img{
max-width:233px;
height:auto;
}

p.banner img:hover{
cursor:pointer;
opacity:.8;
}

section.widget h3{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

section.widget li a{
display:block;
padding:7px 0 7px 20px;
	font-weight:bold;
	position:relative;
}

section.widget li a:before{
	position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -14px;
    content: ">";
    font-family: icomoon;
    color: #111;
    font-size: 15px;
}

section.widget li:last-child a{border:0;}

#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:90px;
vertical-align:bottom;
}

/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{font-weight:bold;}

#footer--top a .footer--top--body:before {
    content: "";
    position: absolute;
    right: -30px;
    bottom: 50%;
    width: 22px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
    transition: all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    z-index: 3;
}
#footer--top a .footer--top--body:after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: calc(50% - 3px);
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
    transition: all .4s cubic-bezier(.165,.84,.44,1);
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 3;
}

/*　キラッ　*/

.shine span.mask{
  position: relative;/*キラッの基点となる位置を定義*/
    display: block;
    line-height: 0;/*行の高さを0にする*/
    overflow: hidden;/*拡大してはみ出る要素を隠す*/
}

.shine span.mask::before {
  position: absolute;
  content:"";
  width: 50%;/*キラッの横幅*/
  height: 100%;/*キラッの縦幅*/
  top: 0;/*.shine span.maskのトップ0を基点*/
  left: -75%;/*画面の見えていない左から右へ移動するスタート地点*/
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform: skewX(-25deg);/*背景白透過を斜めに*/
}

.shine span.mask:hover::before {/*hoverした時の変化*/
  animation: shine 0.7s;/*アニメーションの名前と速度を定義*/
}

@keyframes shine {
  100% {
    left: 125%;/*画面の見えていない左から右へ移動する終了地点*/
  }
}

/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:80%;
background:url(images/arrowWhite.gif) no-repeat 0 5px;
}

.news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #dcdcdc;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#333;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
color:#515151;
font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#6f6f6f;}



/* フッター
*****************************************************/
#footer ul{
padding:15px 0 25px;
width: 60%;
line-height: 2;
}

#footer li{
display:inline-block;
padding: 5px 16px;
}
*:first-child+html #footer li{display:inline;}

#footer li:first-child{border:0;}

#footer li a{
text-decoration:none;
color:#fff;
	font-size:0.9rem;
}

#footer li a:hover{color:#fff;}

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:20px 0 0;
text-align:center;
color:#fff;
font-size:10px;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}

/* アーカイブページネーション */
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{
padding:0;
}

ul.post li{
margin:0 10px;
padding:20px 0 15px;
border-bottom:1px dashed #dcdcdc;
}

ul.post li:last-child{border:0;}

ul.post img{
float:left;
margin:0 15px 5px 10px;
}

ul.post h3{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
color:#333;
border:0;
}
strong{font-weight:bold;font-size:1.1rem;}
.side_contents p{padding-bottom:0;}
.tablepress-id-6 .row-1 td{color:#000;}
.tablepress-id-6 .column-2{letter-spacing:2px;padding-left:20px;}


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
  nav#mainNav{
	clear:both;
	position:relative;
	width:60%;
	margin-right: 20px;
	}
	
	#menu-menu{display:flex;justify-content:space-between;}
	#menu-top-menu{display: flex;justify-content: space-between;}
	
	nav#mainNav .inner{
	padding-left:1px;
	}
	
	nav#mainNav ul li a{
	display: block;
	text-align: center;
	color:#fff;
		font-weight:600;
		font-size: 18px;
	}
	.news_list li{text-align:left;padding-left: 50px;}
	#footer ul,.ft_bx{text-align:left;}
	.change-color nav#mainNav ul li a{color:#160F45;}
	
	.change-color .contact a,.change-color .contact span {color: #160F45;}
	
	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	font-size:90%;
	line-height:1.4;
	}
	
	nav#mainNav ul li a span{
	font-size:70%;
	color:#888;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	}

	nav div.panel{
  display:block !important;
  }
  
  a#menu{display:none;}
  
  nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
  color:#ff6a06;
  }
  
  nav#mainNav ul ul{
	width:160px;
	border:1px solid #e0e0e0;
	border-top:0;
	}
  
  nav#mainNav ul li ul{display: none;}
  
  nav#mainNav ul li:hover ul{
  display: block;
  position: absolute;
  top:42px;
  left:-1px;
  z-index:500;
  }
	
  nav#mainNav ul li li{
	margin:0;
  float: none;
  height:40px;
  line-height:40px;
  width:160px;
	background:#fff;
	border-bottom:1px dotted #e0e0e0;
  }
	
	nav#mainNav ul li li:last-child{border:0;}
	
  nav#mainNav ul li li a{
  width:100%;
  height:40px;
	padding:0 0 0 10px;
  line-height:40px;
  font-size:95%;
  text-align:left;
  }
	
	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{color:#6f6f6f}
	
	.order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
	.order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
	.col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
	.col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}
	.col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
	.col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
	.offset-lg-7 {
    margin-left: 58.33333%;
}
	.col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
	.col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
	
	#footer--top .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
	.c_f{color:#fff;}
	.wp-block-button a{transition:.3s;}
	.wp-block-button a:hover{opacity:0.8;transition:.3s;}

}

@media only screen and (max-width:1600px){
.h_bx{margin-right: 13%;width:65%;}
	.hamburger-demo-menubox li a{font-size:15px;}
	.hamburger-demo-menuwrap{padding: 7em 0 2em;}
	#information #index-information-title h4{font-size: 1.2rem;padding: 20px 0;}
	#information{top: -90px;}
	#drawer--sns{margin-top:30px;}
	.temhd header h2{width:31%;font-size: 22px;}
	.listing-item .image {height: 218px;}
}

@media only screen and (max-width:1440px){
.h_bx{margin-right: 15%;width:65%;}
	nav#mainNav ul li a{font-size:16px;}
	.contact{font-size:1.3rem;}
	.contact span {font-size: 11px;}
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	clear:both;
	width:880px;
	margin:0 auto 10px;
	border:1px solid #d5d5d5;
	}
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	text-align:left;
  background: url(images/menuOpen.png) no-repeat 5px 8px;
	}
	
	nav#mainNav a#menu span{padding-left:35px;}
	
	nav#mainNav a.menuOpen{
	background: url(images/menuOpen.png) no-repeat 5px -34px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li:first-child{border-top:1px solid #d5d5d5;}
	nav#mainNav ul li li:first-child{border-top:0;}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	background:#fff;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#f6f6f6;
	}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
	background:#fff url(images/sub1.png) no-repeat 20px 18px;}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#f6f6f6 url(images/sub1.png) no-repeat 20px -62px;}
	
	nav#mainNav ul li li:last-child a{background:#fff url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#f6f6f6 url(images/subLast.png) no-repeat 20px -65px;}
	
	nav div.panel{float:none;}
	
	#mainImg{margin-bottom:20px;}
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  #wrapper, .inner{width:100%;}

	#header{width:96%;padding:0 2%;}
	
	.contact{padding:10px 0 10px;}

  nav#mainNav{width:95%;}

	nav#mainNav ul{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}

	#content, #sidebar{clear:both;float:none;margin:0 auto;	}
	#mainNav,.contact{display:none;}
	
	.banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
	section.widget_search{text-align:center;}
	#calendar_wrap table{width:260px;}
	
	#footer li{margin-bottom:10px;}
	#information {
    width: calc(100% - 80px);
    top: -205px;
    margin-bottom: -150px;
}
	#information #index-information-title h4 {
    padding: 5px 20px;font-size: 1.2rem;
}
	#information #index-information-title{width:100%;}
	#front-about #bg-index-about,#front-consignment #bg-index-consignment,#front-about #bg-index-school {
    position: relative;
    height: 400px;
    width: 100%;
	left: 0;
} 
	.row{display:block;}
	#front-about .index-about-wrapper,#front-consignment .index-consignment-wrapper,#front-about .index-school-wrapper{
    max-width: 500px;
    padding: 40px;
    top: -60px;
    margin: 0 auto;
    margin-bottom: -60px;
}
	#about01 #bg-about {
    position: relative;
    height: 400px;
    width: 80%;
	margin: 0 auto;
}
	#about01 .about-wrapper {
    margin: 0 auto;
    max-width: 500px;
    padding: 40px;
    top: 50px;
    margin-bottom: -60px;
}
	#about02 .wrap {
    padding: 0 20px;
    max-width: 500px;
    margin: 0 auto;
		text-align:center;
}
	#about02 .wrap .fx{justify-content:center;}
	#footer--top .container{max-width: 100%;padding: 0;}
	#footer--top a .footer--top--icon{margin: 0 auto;border: 0;}
	#footer--top a .footer--top--body{max-width:100%;padding: 0 0 20px;}
	#footer--top a .footer--top--body:before,#footer--top a .footer--top--body:after{width:0;}
	#footer--top a{padding:10px 30px;}
	.content-inner-lg-y,#front-about .in,.content-inner-b{padding:0;}
	.btn.btn-width-280, input.btn-width-280[type=submit]{display:block;margin:0 auto;}
	.o_inner{max-width:95%;}
	.display-posts-listing.grid{grid-template-columns: repeat( 2, 1fr );}
	.i_inner{max-width:90%;}
	#front-column .col-grid{grid-template-columns: repeat(2, 2fr);}
	iframe{aspect-ratio: 16 / 5;}
	#footer ul{line-height:1;}
	.mainImg02{top: 12%;}
	.mainImg02 img {width: 30%;}
	#hamburger-demo1:checked ~ .hamburger-demo-menuwrap {
    left: 0%;width: 100%;
}
	.hamburger-demo-menuwrap .menu-fmenu-container .menu{margin:0 auto;width:80%;}
	#drawer--sns{margin: 50px auto 0;text-align: center;}
	.hamburger-demo-switch{padding:50px;}
	.mail_bx i{padding:25px;}
	header {height: 100px;}
	.temhd {padding: 40px 0 70px;}
	.temhd header h2{width:40%;}
	.mbtm60 {margin-bottom: 30px;}
.mtop60 {margin-top: 30px;}
	#sidebar{display:none;}
	.arc_bx{width:95%;margin:0 auto;}
	.temhd header h2 span{overflow: hidden;height: 40px;display: block;width: 320px;text-overflow: ellipsis;text-align:center;}
	#header h2 img{width: 76%;text-align: left;display: block;margin-bottom: 5px;}
	header {height: auto;}
	#header h1{font-size: 0.4rem;}
	.sp_none{display:none;}
	.pc_none{display:inline;}
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	nav#mainNav{width:98%;}
	#header{text-align:center;background-image:none;padding-bottom:3px;}
	#header h2 img{float:none; max-width:100%; height:auto;}
	.contact{padding:0 0 20px;}
	.contact p{text-align:center;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
	.mail_bx i{padding: 15px;font-size: 30px;}
	.last_menu{font-size: 0.5rem;}
	.hamburger-switch-line1, .hamburger-switch-line1-before, .hamburger-switch-line1-after{width: 28px;height: 2px;}
	.hamburger-demo-switch {padding: 30px;}
	#header h1{text-align:left;}
	.news_list li{margin-bottom:0;font-size: 0.7rem;display: flex;flex-wrap: wrap;line-height: 1;}
	#information {width: calc(100% - 40px);top: -80px;margin-bottom: -30px;}
	.news_date,.news_title {max-width: 100%;-ms-flex: 100%;-webkit-box-flex: 100%;flex: 100%;display: flex;padding: 5px 10px;}
	#information #index-information-title h4{font-size:0.9rem;padding: 20px 20px;}
	#information #index-information-body {padding: 10px 0;}
	.o_inner {max-width: 90%;}
	#front-about #bg-index-about, #front-consignment #bg-index-consignment, #front-about #bg-index-school{height:240px;}
	#front-about .index-about-wrapper, #front-consignment .index-consignment-wrapper, #front-about .index-school-wrapper {top: 0;padding-left: 20px;padding-right: 20px;margin-bottom: 0;padding-top: 30px;}
	.post h3 {font-size: 18px;}
	#front-about .index-about-title, .index-consignment-title{margin-bottom:15px;text-align: left;}
	.post p{text-align:left;font-size: 0.8rem;padding-bottom:0;}
	.btn.btn-width-280, input.btn-width-280[type=submit]{padding: 0.2rem 0.8rem;}
	#front-consignment .in {padding: 10px 0 ;max-width: 100%;}
	#front-blog {padding: 40px 30px;}
	#front-blog h3 span,#front-column h3 span {font-size: 12px;letter-spacing: 1px;line-height: 2;}
	#front-blog h3,#front-column h3 {font-size: 22px;letter-spacing: 2px;margin-bottom: 20px;line-height: 1;}
	#front-column{padding: 40px 0;}
	#footer--top a .footer--top--icon {max-width: 15%;font-size: 45px;}
	#footer--top a .footer--top--body{text-align: left;font-size: 0.7rem;}
	#footer--top a .footer--top--body:before, #footer--top a .footer--top--body:after{display:none;}
	#footer{font-size:0.9rem;}
	#footer .fx_btw{flex-wrap: wrap;flex-direction: column;}
	#footer ul {padding: 20px 0 5px;width: 100%;line-height: 1;text-align:center;}
	#footer li a{font-size:0.7rem;}
	.ft_bx{line-height:1.5;width:100%;text-align:center;}
	#footer li{padding: 5px 5px;}
	.btn-outline span{font-size:0.9rem;}
	#hamburger-demo1:checked ~ .hamburger-demo-menuwrap{padding: 0;}
	.hamburger-demo-menuwrap{padding:0;}
	.hamburger-demo-menuwrap .menu-fmenu-container .menu li {width: 100%;margin-bottom: 35px;text-align: left;}
	.hamburger-demo-menubox li a {color: #fff;font-size: 14px;font-weight: 600;}
	.hamburger-demo-menuwrap .menu-fmenu-container{padding: 4em 0 0;}
	#drawer--sns {margin: 40px auto 40px;}
	.temhd header h2 span{font-size: 0.9rem;width:auto;height:auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.temhd header h2{padding: 15px 10px;width: 52%;}
	.post h3.section-title{font-size: 1.2rem;margin-top: 0;}
	#about01 .in{padding:0;}
	#about01 #bg-about{height:200px;}
	#about01 .about-wrapper{top: 0;padding-left: 0;padding-right: 0;margin-bottom: 0;padding-top: 30px;padding-bottom: 0;}
	#about01 .about-title,#about01 .about-body{margin-bottom:15px;}
	.grad-wrap .grad-btn{margin-bottom:15px;margin-top: -20px;}
	#about02{margin-top:40px;}
	#about02 .wrap{text-align:left;}
	#about02 .content-inner-y{padding-bottom:40px;padding-top:40px;}
	.tablepress .row-1 td{font-size:0.8rem;}
	.tablepress tbody td {font-size: 0.6rem;padding: 10px 5px;}
	.price_bx h3.section-title{margin-bottom:0;}
	.price_bx02{padding: 20px 20px;margin-top: 40px;display: block;font-size: 0.8rem;}
	.mbtm100 {margin-bottom: 50px;}
	summary{padding: 20px 50px 20px 0;}
	summary .mleft20{font-size: 0.8rem;margin-left: 15px;line-height: 1.8;}
	summary::after,summary::before{width: 20px;height: 3px;}
	.f_s18 {font-size: 14px;}
	.wpcf7-form table th,.wpcf7-form table td {width: 100%;display: block;}
	.wpcf7-form table th{padding: 15px 0 0;}
	.wpcf7-form table td {padding: 5px 0 0;}
	.row form .ctr{text-align:center;}
	.archive__detail{height:auto;}
	.time_bx .title{margin-bottom: 10px;font-size: 0.9rem;}
	.time_bx .excerpt{font-size: 0.8rem;padding-bottom: 20px;}
	.date time{font-size:0.8rem;}
	.ratio__item .thumbnail span{top: 0px;left: 0px;font-size: 0.6rem;padding:5px;}
	#breadcrumbs li:last-child{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	#front-blog .display-posts-listing li .title{font-size: 0.8rem;text-align: left;padding-left: 5px;margin-top: 10px;line-height: 1.5;}
	#front-blog .display-posts-listing li .date{font-size: 0.8rem;text-align: left;left: 6px;bottom: 10px;}
	iframe {aspect-ratio: 16 / 7;}
	.hamburger-demo-menubox {position: sticky;right: 0;top: 0;z-index: 99999;padding: 30px 30px;}
	.answer .mleft20{font-size: 0.9rem;line-height: 1.5;}
	.h_hbx{margin: 5px auto;}
	.h_hbx h2{margin-top: 10px;}
	h1{display:none;}
	.toppage .news_list li {list-style: none;background-image: none;font-size: 0.9rem;line-height: 1.2;padding-left: 10px;}
	#drawer--sns {margin: 30px auto 40px;}
	#drawer--sns img{width:50%;}
	.listing-item .image {height: 90px;}
	#breadcrumbs ul {padding: 12px 30px;min-width: 40%;line-height: 1.5;}
}


/* 幅360px以下から 微調節
------------------------------------------------------------*/
@media only screen and (max-width: 360px){
	#header .inner img{max-width:100%;}
}