@charset "utf-8";
/*
Theme Name: Abeken Theme
Theme URI: 
Author: espice
Author URI: 
Description: 阿部建設サイトのテーマ
Version: 1.0
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
=============================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333333;
-webkit-text-size-adjust:none;
background:#fff;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-webkit-user-drag:none;
}


/* レイアウト
=====================================================*/
#wrapper, .inner{
width:960px;
margin:0 auto;
}

#header{
background:url(images/body_bg.png) repeat-x 0 0;
height:98px;
margin:0;
padding:0;
}

#cont01{
float:left;
width:660px;
padding:0 0 15px;
margin:0;
}

#cont02{
float:left;
width:960px;
padding:0 0 15px;
margin:0;
min-height:400px;
height:auto !important;
height:400px;
}

#cont03{
float:right;
width:720px;
padding:10px 0 15px;
margin:0;
min-height:400px;
height:auto !important;
height:400px;
}

#sidebar{
float:right;
width:300px;
/*width:225px;*/
padding:0 0 15px;
}

#sidebar02{
float:left;
width:225px;
padding:10px 0 15px 5px;
}

#footer{
clear:both;
width:100%;
height:auto;
margin:0;
padding:0;
}

#footer-bg{
background:url(images/bg_footer.gif) repeat-x 0 0;
width:100%;
height:13px;
}

#footer-bg span{
display:none;
}

/* 管理画面ブロックエディタカスタマイズ
============================================================*/
/* font
----------------------------------*/
#wpbody-content p{
font-size:14px !important;
}

/* ブロック上下マージン
----------------------------------*/
editor-block-list__layout{
&>.editor-block-list__block>.editor-block-list__block-edit,
	&>.editor-default-block-appender__content {
	margin-bottom:50px !important;
	margin-top:50px !important;
	}
}

/* image
----------------------------------*/
.wp-block-image img{
display:block !important;
margin-top:-1px !important;
margin-bottom:1px !important;
width:auto !important;
height:auto !important;
}

.wp-block-image figcaption{
text-align:left !important;
padding:1px 3px 5px 5px !important;
font-weight:500 !important;
font-size:100% !important;
color:#462500;
/*background-color:#fff !important;*/
margin-bottom:2px !important
}

/* ol
----------------------------------*/
.core-blocks-list ol li{font-size:100% !important;}

ol{
list-style:decimal !important;
margin:0 5px 0 25px !important;
padding:0 5px !important;
font-size:120% !important;
}

ol li{
padding:2px 5px !important;
line-height:1.3em !important;
}

/* file
----------------------------------*/
.wp-block-file{
margin-left:5px !important;
margin-bottom:5px !important;
}
.wp-block-file a{
font-size:120% !important;
}

/* download button
----------------------------------*/
.wp-block-file__button{
display:none !important;
}

/* iframe
----------------------------------*/
.wp-block-embed__wrapper{
position:relative !important;
width:100% !important;
height:0 !important;
padding-top:56.25% !important;
}

.wp-block-embed__wrapper iframe, .wp-block-embed__wrapper object, .wp-block-embed__wrapper embed{
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:100% !important;
}

/* gallery
----------------------------------*/
.blocks-gallery-item__caption{background:none !important;}

.blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-item{
flex-grow:initial !important;
}

/* ヘッダー
=====================================================*/
/* ロゴ
----------------------------------*/
#header h1{
clear:both;
float:left;
padding-top:10px;
width:100%;
height:88px;
text-align:left;
}

/* 連絡先等
----------------------------------*/
#header #info{
float:right;
padding:10px 10px 5px 0;
}

#header img#infoImg{
display:block;
width:100%;
height:auto;
}


/* トップページ
============================================================*/
/* スライドショー
----------------------------------*/
#mainImg{
clear:both;
margin-top:10px;
text-align:center;
z-index:0;
}

#topCopyImg{
display:block;
width:100%;
height:auto;
margin:10px 0;
text-align:center;
}

.toppage{
margin:0 0 20px 0;
padding:10px;
/* border:1px solid #dadada;*/
background: #fff;
}

.ms-edit-frontend{
display: none !important;
}

/* お知らせ
----------------------------------*/
#infoCont{
float:left;
overflow:hidden;
margin:5px 0;
padding:0;
}

table.info{
clear:both;
width:98%;
margin:0 10px 0 5px;
padding:0;
color:#333333;
}

table.info th{
padding:4px 2px;
font-size:120%;
font-style:normal;
font-weight:normal;
vertical-align:middle;
}

table.info th.infocat{
vertical-align:top;
}

table.info td{
padding:3px 1px 10px 2px;
font-size:116%;
vertical-align:middle;
border-bottom:1px dotted #333;
}

h3.info{
width:58px;
height:18px;
color:#fff !important;
background-color:#FB6616;
font-size:85%;
letter-spacing:0.1em;
text-align:center;
vertical-align:center;
padding:2px 2px 1px 2px;
margin:5px 2px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}


/* ページトップへ
=====================================================*/
.toTop a{
display:block;
position:fixed;
width:67px;
height:65px;
bottom:8px;
right:5%;
z-index:100;
}


/* 共通
============================================================*/
/* Clearfix
--------------------------------*/
.panel:after, #mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display: table;clear: both;}
.panel,#mainNav,.newsTitle,.bg, .post{zoom: 1;}

.clearfix:after{ 
visibility:hidden;
display:block;
font-size: 0;
content: ".";
clear:both;
height:0;
}
.clearfix{display: inline-block;}

/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{display:block;}
.clear{clear:both;}

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

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#336600;
}

a.lnk01{
text-decoration:none;
vertical-align:baseline;
font-size:100%;
color:#F87125;
}
a.lnk01:hover, a.lnk01:active{
outline:none;
color:#FCB894;
}

.leftBoxCont a img:hover{
cursor:pointer;
filter:alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}

.leftBoxCont a:not(table a):not(.stmap a):not(.pgNav a){
text-decoration:none;
vertical-align:baseline;
font-size:100%;
color:#F87125;
}
.leftBoxCont a:not(table a):not(.stmap a):not(.pgNav a):hover{
outline:none;
color:#FCB894;
}

/* float
--------------------------------*/
.alCenter, .alCenter02{
display:block;
margin:5px auto;
}

.alLeft, .alLeft02, .alLeft03{
float:left;
overflow:hidden;
}

.alRight, .alRight02, .alRight03{
float:right;
overflow:hidden;
}

.leftBoxCont, .leftBoxCont02{
float:left;
overflow:hidden;
height:auto;
padding:0 8px;
margin-bottom:10px;
}

.leftBoxCont p, .rightBoxCont p{
font-size:120%;
}
.leftBoxCont p.s01{
font-size:114%;
}
.leftBoxCont p span{
padding-bottom:0;
}

.leftBoxCont p strong{
font-weight:bold;
}

.rightBoxCont, .rightBoxCont02{
float:right;
overflow:hidden;
height:auto;
padding:0;
}

.centerWrap{
display:block;
margin:0 auto;
text-align:center;
}

.btnCont, .btnCont02{
clear:both;
display:inline-block;
display:inline;/* for ie9 */
zoom:1;/* for ie9 */
width:100%;
height:auto;
padding:0;
margin:0;
}

/* Google reCAPTCHA
--------------------------------*/
.grecaptcha-badge{visibility:hidden !important;}

/* text align
--------------------------------*/
.tRight{text-align:right !important;}
.tLeft{text-align:left !important;}
.tCenter{text-align:center !important;}
.tJustify{text-align:justify !important; text-justify:distribute !important;}


/* wp text align
--------------------------------*/
.wp-caption p.wp-caption-text{
/*text-align:center;*/
}

/*img.centered{
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright{
padding:4px;
margin:0 0 2px 10px;
display:inline;
}

img.alignleft{
padding:4px;
margin:0 10px 2px 0;
display:inline;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}
*/

/* vertical align
--------------------------------*/
.vTop{vertical-align:top !important;}
.vCenter{vertical-align:middle !important;}

/* width
--------------------------------*/
.w5p{width:5%;} .w10p{width:10%;} .w15p{width:15%;} .w18p{width:18%;}
.w20p{width:20%;} .w25p{width:25%;} .w30p{width:30%;} .w35p{width:35%;}
.w40p{width:40%;} .w45p{width:45%;} .w50p{width:50%;} .w55p{width:55%;}
.w60p{width:60%;} .w65p{width:65%;} .w70p{width:70%;} .w75p{width:75%;}
.w80p{width:80%;} .w85p{width:85%;} .w90p{width:90%;} .w95p{width:95%;}
.w96p{width:96%;} .w97p{width:97%;} .w98p{width:98%;} .w99p{width:99%;}
.w100p{width:100% !important;}

.w_tab01p{width:25%;}
.w_tab02p{width:20%;}

.w_accs_p{width:70%;}
.w_ykoyomi_p{width:95%;}

.w_side{width:225px;}

/* height
--------------------------------*/
.minh01{min-height:400px !important;height:auto !important;height:400px !important;}

/* width height
--------------------------------*/
.wh_pic01{width:200px;height:auto;}
.wh_pic02{width:126px;height:auto;}
.wh_pic03{width:300px;height:auto;}
.wh_calender{width:100% !important;max-width:300px !important;height:281px !important;}

/* margin-top
--------------------------------*/
.mt0px{margin-top:0 !important;} .mt3px{margin-top:3px !important;}
.mt5px{margin-top:5px !important;} .mt10px{margin-top:10px !important;}
.mt15px{margin-top:15px !important;} .mt20px{margin-top:20px !important;}
.mt25px{margin-top:25px !important;} .mt30px{margin-top:30px !important;}

/* margin-bottom
--------------------------------*/
.mb0px{margin-bottom:0 !important;} .mb5px{margin-bottom:5px !important;}
.mb10px{margin-bottom:10px !important;} .mb15px{margin-bottom:15px !important;}
.mb20px{margin-bottom:20px !important;} .mb25px{margin-bottom:25px !important;}
.mb30px{margin-bottom:30px !important;} .mb40px{margin-bottom:40px !important;}

/* margin-left
--------------------------------*/
.ml0px{margin-left:0 !important;} .ml3px{margin-left:3px !important;}
.ml5px{margin-left:5px !important;} .ml10px{margin-left:10px !important;}
.mlcont10px{margin-left:10px !important;}

/* margin-right
--------------------------------*/
.mr5px{margin-right:5px !important;} .mr10px{margin-right:10px !important;}
.mr15px{margin-right:15px;}
.mr_sekou{margin-right:35px;}

/* padding
--------------------------------*/
.pt5px{padding-top:5px !important;}
.pt28px{padding-top:26px !important;}
.pb5px{padding-bottom:5px !important;}
.pl5px{padding-left:5px !important;}
.pl10px{padding-left:10px !important;}
.pr10px{padding-right:10px !important;}

.pl_reform{padding-left:50px !important;}

.padg0{padding:0 !important;}
.padg01{padding:0 5px !important;}
.padg02{padding:5px 0 !important;}
.padg03{padding:18px 20px !important;}
.padg04{padding-left:20px !important;}


/* font color
--------------------------------*/
.fc_white{color:#FFFFFF;}
.fc_green{color:#618D33;}
.fc_green02{color:#84A762;}
.fc_orange{color:#FF9A66;}
.fc_lightbrown{color:#7B4E1F;}
.fc_brown{color:#462500;}
.fc_brown02{color:#976124;}
.fc_brown03{color:#6E3C08;}
.fc_red{color:#D90000;}

/* background-color
--------------------------------*/
.bc_white{background-color:#FFFFFF;}
.bc_green{background-color:#618D33;}
.bc_green02{background-color:#DEEECC !important;}
.bc_brown{background-color:#462500;}
.bc_lightorange{background-color:#FFCB99 !important;}
.bc_orange{background-color:#FF9A66;}
.bc_lightbeige{background-color:#FBF7F4;}
.bc_lightyellow{background-color:#FCFAE5;}
.bc_lightgray{background-color:#F0F0F0;}
/*.bc_lightgray{background-color:#CDCDCD;}*/

/* font-size
--------------------------------*/
.fs_100p{font-size:100% !important;}
.fs_110p{font-size:110% !important;}
.fs_120p{font-size:120% !important;}
.fs_124p{font-size:124% !important;}

/* font-weight
--------------------------------*/
.fw_bold{font-weight:bold !important;}
.fw_normal{font-weight:normal !important;}

/* font-awesome
--------------------------------*/
.ff_fawesome{
font-family:"Font Awesome 5 Free" !important;
font-weight:900;
content:"";
color:#618D33;
font-size:1em;
margin-right:5px;
}

.icon_tel:before{content:"\f095" !important;}
.icon_fax:before{content:"\f1ac" !important;}
.icon_mail:before{content:"\f0e0" !important;}
.icon_fbsq:before{font-family:"Font Awesome 5 Brands" !important;font-weight:400;content:"\f082" !important;}

.icon_chevron:before{
display:inline-block;
font-family:"Font Awesome 5 Free" !important;
font-weight:bold;
content:"\f054";
color:#618D33;
font-size:1.2em;
margin-right:6px;
}

.icon_circle01:before{/* solid */
display:inline-block;
font-family:"Font Awesome 5 Free" !important;
font-weight:900;
content:"\f192";
color:#618D33;
font-size:1.1em;
margin-top:-1px;
/*margin-right:6px;*/
}

.icon_circle02:before{/* regular */
display:inline-block;
font-family:"Font Awesome 5 Free" !important;
font-weight:400;
content:"\f192";
color:#618D33;
font-size:1.1em;
margin-top:-1px;
/*margin-right:6px;*/
}

.icon_zip:before{
display:inline-block;
font-family:"Font Awesome 5 Free" !important;
font-weight:bold;
content:"\f1c6";
color:#618D33;
font-size:1.4em;
margin-left:2px;
margin-right:7px;
}

.icon_lg{font-size:1.3em;}
.icon_2x{font-size:2em;}

/* text-decoration
--------------------------------*/
.txt_stk{text-decoration:line-through;}

/* border
--------------------------------*/
.bdr_none{border:0 !important;}
.bdr_btm01{border-bottom:dotted 1px #333333 !important;}
.bdr_btm02{border-bottom:dotted 1px #462500 !important;}
.bdr_btm03{border-bottom:dotted 1px #976124 !important;}
.bdr_right01{border-right:dotted 1px #976124 !important;}
.bdr_left01{border-left:dotted 1px #976124 !important;}
.bdr_green{border:solid 4px #AEBB36 !important;}


.bdr_brown{
clear:both;
width:96%;
height:15px;
padding:2px;
margin-bottom:15px;
background:url(images/h3_bg.png) repeat-x 0 -20px;
}

/* indent
--------------------------------*/
.txt_indent{
padding-left:1em;
text-indent:-1em;
}

/* nowrap
--------------------------------*/
.ws_nowrap{white-space:nowrap !important;}

/* hover
--------------------------------*/
.hvr01:hover{
cursor:pointer;
filter:alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}

/* filter
--------------------------------*/
.filter01{
filter:alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}

/* gradation
--------------------------------*/
.grd01{
background: #E3EED9;
background: -moz-linear-gradient(top, #E3EED9, #87B559);
background: -webkit-linear-gradient(top, #E3EED9, #87B559);
background: linear-gradient(#E3EED9, #87B559);
filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#E3EED9', endColorstr='#87B559');
}
.grd01:hover{
background: #87B559;
background: -moz-linear-gradient(top, #87B559, #E3EED9);
background: -webkit-linear-gradient(top, #87B559, #E3EED9);
background: linear-gradient(#87B559, #E3EED9);
filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#87B559', endColorstr='#E3EED9');
}

/* shadow
--------------------------------*/
.shadow01{
-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
box-shadow: 0 10px 8px -6px #8d8c8c;
}

.shadow02{
-webkit-box-shadow: 3px 3px 3px #ccc;
-moz-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
}

.photo{
padding: 8px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
background: #fff;
}

/* back color(radius・shadow)
--------------------------------*/
.back01{
background-color:#FBF7F4;
border:none;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow: 0 0 2px 0 #FBF7F4;
-webkit-box-shadow: 0 0 2px 0 #FBF7F4;
box-shadow:0 0 2px 0 #FBF7F4;
filter: "progid:DXImageTransform.Microsoft.Shadow(color=#FBF7F4,direction=0,strength=2,enabled=true)";
}

.back02{
background-color:#F8F8F8;
border:none;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-moz-box-shadow: 0 0 2px 0 #F0F0F0;
-webkit-box-shadow: 0 0 2px 0 #F0F0F0;
box-shadow:0 0 2px 0 #F0F0F0;
filter: "progid:DXImageTransform.Microsoft.Shadow(color=#F0F0F0,direction=0,strength=2,enabled=true)";
}

.back03{
overflow: hidden;
background-image:url(images/tab_textarea.gif);
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}

/* headline
--------------------------------*/
body.block-editor-page .editor-post-title textarea{
display:block;
width:95% !important;
height:auto !important;
line-height:105% !important;
margin:10px auto 25px !important;
padding:15px 0 !important;
font-size:130% !important;
font-weight:bold !important;
letter-spacing:0.03em !important;
vertical-align:middle !important;
}

h2.sTitle{
clear:both;
width:90%;
height:33px;
overflow:hidden;
background:url(images/h1_icon.gif) no-repeat 0 0;
padding-top:8px;
padding-left:35px;
font-size:130%;
font-weight:bold;
letter-spacing:0.1em;
color:#543900;
}

h2.sTitle p{
float:right;
padding:2px 0 0 10px;
font-size:90%;
background:url(images/arrow.png) no-repeat 0 50%;
}

h2.pageTitle{
clear:both !important;
display:block !important;
width:96% !important;
height:auto !important;
margin:30px auto 35px !important;
padding:0 2px 10px 2px !important;
text-align:center !important;
vertical-align:middle !important;
line-height:105% !important;
font-size:170% !important;
font-weight:bold !important;
letter-spacing:0.06em !important;
color:#462500 !important;
}
h2.pageTitle::before{
content:"" !important;
display:inline-block !important;
vertical-align:bottom !important;
width:35px !important;
height:30px !important;
margin-right:6px !important;
background:url(images/h2_icon.gif) no-repeat 0 0 !important;
}

#wrapper h3:not(.subTitle):not(.postTitle):not(.info):not(.widget h3), h3.pageTitle, h3[data-type="core/heading"]{
clear:both !important;
display:block !important;
width:98% !important;
height:auto !important;
margin:15px 0 10px 0 !important;
padding:5px 2px !important;
line-height:112% !important;
font-size:132% !important;
font-weight:bold !important;
letter-spacing:0.06em !important;
color:#462500 !important;
}
#wrapper h3:not(.subTitle):not(.postTitle):not(.info):not(.widget h3)::before, h3.pageTitle::before, h3[data-type="core/heading"]::before{
content:"" !important;
display:inline-block !important;
width:35px !important;
height:30px !important;
vertical-align:middle !important;
margin-top:-5px !important;
margin-right:6px !important;
background:url(images/h3_icon.png) no-repeat 0 0 !important;
}
#wrapper h3:not(.subTitle):not(.postTitle):not(.info):not(.widget h3)::after, h3.pageTitle::after{
content:"" !important;
display:inline-block !important;
width:98% !important;
height:39px !important;
vertical-align:middle !important;
margin-top:-40px !important;
background:url(images/h3_bg.png) repeat-x 0 0 !important;
}
h3[data-type="core/heading"]{
text-align:left !important;
font-size:100% !important;
font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}

h3.subTitle{
clear:both;
font-size:130%;
font-weight:bold;
letter-spacing:0.06em;
margin:0 0 10px 0;
padding:0;
}

h3.postTitle{
display:block;
font-size:124%;
font-weight:bold;
color:#462500;
letter-spacing:0.05em;
border-left:7px solid #618D33;
margin:10px 0 10px 0;
padding:2px 0 2px 8px;
}

h4.leaf{
clear:both;
font-size:130%;
font-weight:bold;
letter-spacing:0.06em;
text-align:left !important;
color:#462500;
height:auto;
margin-bottom:10px;
padding:8px 0 0 34px;
background:url(images/icon_leaf.gif) no-repeat 0 0;
}

h4.flow{
display:block;
position:relative;
text-align:center;
width:100px;
height:100px;
margin:15px 0 3px 7px;
padding:0;
background:url(images/bk_nagare.png) no-repeat 0 0;
}
.moji{
position:absolute;
width:100%;
font-size:130%;
line-height:1.3em;
letter-spacing:0.05em;
color:#462500;
top:40%;
left:50%;
-ms-transform:translate(-50%,-40%);
-webkit-transform:translate(-50%,-40%);
transform:translate(-50%,-40%);
margin:0;
padding:0;
}

.moji02{
position:absolute;
width:100%;
font-size:130%;
line-height:1.3em;
letter-spacing:0.05em;
color:#462500;
top:30%;
left:50%;
-ms-transform:translate(-50%,-30%);
-webkit-transform:translate(-50%,-30%);
transform:translate(-50%,-30%);
margin:0;
padding:0;
}

#wrapper h5, h5[data-type="core/heading"]{
clear:both !important;
display:block !important;
font-size:134% !important;
color:#618D33 !important;
font-weight:bold !important;
letter-spacing:0.1em !important;
margin:10px 0 !important;
padding:0 !important;
font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}
h5[data-type="core/heading"]{
text-align:left !important;
font-size:100% !important;
}

.t01{
font-size:130%;
font-weight:bold;
letter-spacing:0.06em;
margin-bottom:5px;
padding:0;
}

/* tab
--------------------------------*/
.tabnav{
clear:both;
overflow:hidden;
width:90%;
text-align:center;
margin:15px auto;
}

.tabnav li{
display:inline-block;
height:auto;
text-align:center;
margin:0 15px 0 0;
padding:0;
cursor:pointer;
list-style:none;
}

.tabnav li:last-child{margin-right:0;}

.tabnav li a{
display:block;
width:100%;
height:100%;
text-align:center;
margin:0 auto;
padding:4px 0;
overflow:hidden;
text-decoration:none;
border:none;
}

.tabnav li:first-child.active a img, .tabnav li a img:hover, .tabnav li.active a img{
/*border-bottom:solid 4px #C4B0A2;*/
-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
box-shadow: 0 10px 8px -6px #8d8c8c;
}

.tabContent{
margin:20px 5px 0 5px;
width:98%;
height:auto;
text-align:center;
background:transparent !important;
}
.area01{display:none;text-align:left;}


/* table
----------------------------------*/
/* 受注リスト */
table.abkTbl{
margin:5px auto;
width:99%;
font-size:120%;
border:1px solid #B16B15;
border-collapse:collapse;
}

.abkTbl th{
padding:5px 0;
text-align:center;
vertical-align:middle;
background-color:#FF9A66;
border:1px solid #B16B15;
word-break:break-all;
}

.abkTbl td{
padding:3px 2px;
text-align:center;
line-height:1.3em;
vertical-align:top;
word-break:break-all;
background-color:#FCFAE5;
border:1px solid #B16B15;
}

/* 家づくりの流れ・工事までの流れ */
table.abkTbl02{
width:92%;
margin:15px 0;
border:none;
}

.abkTbl02 th{
font-size:124%;
padding:10px 5px;
vertical-align:middle;
}

.abkTbl02 td{
padding:10px 5px;
vertical-align:top;
border-bottom:dotted 1px #976124;
}

/* フォーム */
table.abkTbl03{
width:100%;
font-size:100%;
border:1px solid #618D33;
border-collapse:collapse;
}

.abkTbl03 th{
padding:8px 6px;
text-align:center;
vertical-align:middle;
background-color:#BADB95;
border:1px solid #618D33;
word-break:break-all;
}

.abkTbl03 td{
padding:8px 0 8px 15px;
text-align:left;
vertical-align:middle;
border:1px solid #618D33;
word-break:break-all;
}


table.list01{
font-size:120%;
border:none;
}

.list01 th{
padding:3px 5px;
white-space:nowrap;
}

.list01 td{
padding:3px 0 3px 6px;
vertical-align:middle;
}

/* 家づくりの流れ
----------------------------------*/
ul.flow{
display:block;
width:100%;
margin:15px 0;
padding:0;
}

ul.flow li{
display:inline-block;
padding:10px 3px;
vertical-align:top;
line-height:1.3em;
}

.flw_01{width:12%;}
.flw_02{width:45%;}
.flw_03{width:30%;}

/* ol
----------------------------------*/
ol.lst01{
margin: 5px 0 !important;
font-size:120% !important;
padding-left:20px !important;
}

ol.lst01 li{
display:list-item;
list-style-type:disc !important;
height:auto !important;
margin-left:10px !important;
padding:2px 0 2px 0px !important;
line-height:1.3em !important;
}

/* dl
----------------------------------*/
dl.lst01, dl.lst02{
clear:both;
margin:0;
font-size:120%;
padding:0 5px 0 0;
}
dl.lst01 dt{float:left;}
dl.lst01 dd{padding-left:1.8em;}

dl.lst02 dt{float:left;}
dl.lst02 dd{padding-left:2.5em;}

/* 固定ページ（共通）
=====================================================*/
.pageImg, .pageImg img{ /* ページトップ画像 */
display: block;
margin:5px auto;
width:100%;
height:auto;
}

/* pankuzu
----------------------------------*/
#pankuzu{
font-size:100%;
font-weight:bold;
color:#618D33;
padding:5px 5px 3px 5px;
letter-spacing:1px;
}

#pankuzu strong {
font-size:100%;
font-weight:bold;
color:#336600;
letter-spacing:1px;
}

/* sub menu
----------------------------------*/
#subMenu{
clear:both;
width:100%;
height:47px;
margin:5px 0;
background-image:url(images/bk_ruler.png);
background-repeat:no-repeat;
background-size:contain;
}

#subMenu ul li{
display:inline-block;
/*width:150px;*/
font-size:124%;
margin:0;
padding:14px 0 0 30px;
font-weight:bold;
cursor:pointer;
}

#subMenu ul li a{
display:block;
width:100%;
height:100%;
overflow:hidden;
text-decoration:none;
color:#462500;
}

#subMenu li.current_page_item a, #subMenu li:hover, #subMenu a:hover, #subMenu a:active{color:#336600 !important;}


/* イントロ
----------------------------------*/
.cntIntro{
width:90%;
height:auto;
margin:0 10px 30px 10px;
font-size:121%;
font-weight:bold;
color:#462500;
overflow:hidden;
padding:22px 20px;
background:url(images/main_copy_bg.png) repeat 0 0;
}

/* 施工例
=====================================================*/
.examWrap{
clear:both;
margin-bottom:20px;
padding:0;
}

.examWrap p{
margin:0;
padding:0 10px 0 3px;
font-size:120%;
line-height:1.7em;
}

.ngg-galleryoverview{
margin:10px 0 !important;
}

.ngg-caption-view-wrapper{
display:flex;
justify-content:left !important;
flex-wrap:wrap;
}

.ngg-gallery-thumbnail-box{
float:left !important;
margin:4px 10px 6px 0 !important;
}

.ngg-gallery-thumbnail{
text-align:left !important;
font-size:120% !important;
margin:0 !important;
padding:2px 0 0 0 !important;
border:0px solid #fff !important;
background-color:#F0F0F0 !important;
/*border-color:#CDCDCD !important;*/
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

.ngg-gallery-thumbnail span {
padding:2px 0 3px 0 !important;
display:block !important;
font-weight:110% !important;
text-align:center !important;
}

.ngg-gallery-thumbnail img{
width:100%;
margin-top:0 !important;
padding:0 !important;
border:none !important;
border:0 solid #F0F0F0 !important;
display:block;
position:relative;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.ngg-gallery-thumbnail img:hover{
cursor:pointer;
filter:alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}

.ngg-gallery-thumbnail:hover {
border-color:#CDCDCD !important;
/*background-color:#618D33 !important;*/
filter:alpha(opacity=80) !important;
-moz-opacity: 0.8 !important;
opacity: 0.8 !important;
}

/* 施工例一覧
----------------------------------*/
.box3Wrap{
width:950px;
margin:0 -25px 0 0;
}

.box3Wrap li{
float:left;
width:280px;
height:290px;
margin:0 30px 10px 0;
padding:0;
overflow:hidden;
/*border:1px solid #7B4E1F;*/
}
.box3Wrap li last-child{margin-right:0 !important;}
.hpx_exam{height:300px !important;}

.box3Wrap img{
width:280px;
height:auto;
padding:0;
}

.box3Wrap p{
padding:0 5px 5px 5px;
font-weight:normal;
font-size:120%;
height:1.2em;
}
.box3Wrap span{
display:inline-block;
padding-bottom:5px;
font-size:110%;
}


/* サイドバー　ウィジェット
=====================================================*/
section.widget{
margin-bottom:2px;
padding:0;
background:none;
}

#banners{
clear:both;
max-width:300px;
height:auto;
margin:0;
padding:0;
}

section.widget h3{
display:none !important;
}

section.widget a{
display:block;
}

section.widget a:hover{
text-decoration:none;
filter:alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
}

#sideMenu{
width:225px;
height:auto;
margin-bottom:10px;
padding:0;
border:solid 1px #462500;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

h2.sMenu{
width:207px;
height:26px;
line-height:26px;
margin:0;
padding:5px 0 5px 20px;
font-size:122%;
font-weight:normal;
color:#fff;
background-color:#462500;
text-align:left;
vertical-align:middle;
border-bottom:solid 1px #462500;
border-radius:18px 18px 0 0;
-webkit-border-radius:18px 18px 0 0;
-moz-border-radius:18px 18px 0 0;
}

#sideMenu ul{
margin:0 0 8px 12px;
list-style:none;
}

#sideMenu li{
display:block;
height:auto;
margin:5px 0;
padding:3px 0 3px 25px;
font-size:118%;
line-height:1.1em;
font-weight:normal;
text-align:left;
cursor:pointer;
background:url(images/side_li_green.gif) no-repeat 0 1px;
}
#sideMenu li:before{
/*content:"▶ ";
color:#84A762;
letter-spacing:0.1em;*/
}


#sideMenu li:hover, #sideMenu a:hover, #sideMenu li:active, #sideMenu a:active{
color:#618D33 !important;
}

/* フッター
=====================================================*/
.footerbnWrap{
overflow:hidden;
width:99%;
margin:0 auto;
text-align:center;
margin-bottom:10px;
padding:0;
}

.footerbnWrap ul.bn01{margin:0;padding:0;}
.footerbnWrap ul.bn01 li{
float:left;
width:150px;
height:57px;
margin:0 10px 10px 0;
padding:0;
}
.footerbnWrap ul.bn01 li:last-child{margin-right:0;}

#footerMenu{
clear:both;
margin:0 0 10px 0;
padding:0;
height:52px;
background:url(images/link_bg.gif) repeat 0 0;
}

#footerMenu ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
margin-top:12px;
margin-left:22px;
padding:5px 0;
background:url(images/icon_dot_brown.gif) no-repeat 0 8px;
}

#footerMenu ul li a{
display:block;
padding-left:18px;
overflow:hidden;
text-decoration:none;
color:#462500;
}

#footerMenu ul li a:hover{
text-decoration:none;
color:#336600;
}

#footerMenu ul li li{
display:block;
padding:0;
margin:0 0 0 10px;
}

#footerMenu ul #f_icon{

}

*:first-child+html #footerMenu ul li{display:inline;}
*:first-child+html #footerMenu ul ul,*:first-child+html #footerMenu ul li li a,*:first-child+html #footerMenu ul li li{display:none;}

#copyright{
clear:both;
padding:3px 2px;
text-align:center;
font-size:100%;
color:#543900;
zoom:1;
margin:0;
}


/* page navigation
=====================================================*/
#pageLinks{
clear:both;
color:#329900;
text-align:center;
}

ul.pgNav{
clear:both;
width:100%;
font-size:120%;
text-align:center;
margin:15px 0;
}

ul.pgNav li{
display:inline-block;
text-align:center;
margin:0;
}
/*ul.pgNav li:first-child{border:none;}*/
ul.pgNav li a{color:#329900;padding:0 8px;}
ul.pgNav li a:hover{color:#40C600;}

/* サイトマップ（リスト）
============================================================*/
ul.stmap{
clear:both;
width:100%;
font-size:128%;
margin:10px 0 15px 15px;
}

.stmap li{
display:block;
width:100%;
height:auto;
margin:5px 0;
padding:2px 0 3px 25px;
color:#462500;
font-size:100%;
line-height:1.1em;
font-weight:normal;
text-align:left;
cursor:pointer;
background:url(images/side_li_green.gif) no-repeat 0 1px;
}
.stmap li a{width:100%;}

.stmap li:hover, .stmap a:hover{
#color:#618D33;
}

/* フォーム
=====================================================*/
#formWrap{
clear:both;
width:100%;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}

#formWrap p{
font-size:120%;
}

span.hissu{
margin:0 3px;
padding:0;
color:#CE5353;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7-select, .wpcf7-number, .passwdText{
vertical-align:middle;
width:90%;
line-height:22px;
height:22px;
padding:0 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

.wpcf7-select{
width:110px;
margin:2px 0;
padding:0;
}

.wpcf7 textarea{
height:auto;
line-height:1.5em;
}

.wpcf7 .width_01{width:110px !important;}
.wpcf7 .width_02{width:140px !important; margin-right:10px !important;}
.wpcf7 .width_03{width:50px !important;}

/*.list-block .wpcf7-list-item{display:block;}*/
.list-inline .wpcf7-list-item{display:inline; margin-right:5px !important;}
span.wpcf7-list-item{display:block;}
.wpcf7-list-item{margin-left:0 !important;}

.entryBtn{
margin:15px 0;
text-align:center;
}

.wpcf7 input[type="submit"], input[type="reset"]{
margin-top:10px !important;
padding:0 !important;
width:85px !important;
height:30px !important;
z-index:1;
border:1px solid #DADADA !important;
border-radius:8px !important;
-webkit-border-radius:8px !important;
-moz-border-radius:8px !important;
-moz-box-shadow: 0 0 2px 0 #DADADA !important;
-webkit-box-shadow: 0 0 2px 0 #DADADA !important;
box-shadow:0 0 2px 0 #DADADA !important;
color:#333333 !important;
font-size:110% !important;
vertical-align:middle !important;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
cursor:pointer;
}

.wpcf7 form.sent .wpcf7-response-output{
display:none !important;
}

/*
.wpcf7-mail-sent-ok{
display:none !important;
}
*/

#complete-display{
display:none;
clear:both;
width:92%;
margin:15px 0;
text-align:center;
padding:20px;
color:#666666;
font-size:126%;
line-height:2em;
height:auto;
overflow:hidden;
}

.sent #complete-display{
display: block;
}

.sent #formWrap{
display: none;
}

/* 入力エラー
----------------------------------*/
.wpcf7 span.wpcf7-not-valid-tip {
display:block;
position:static;
top:0;
left:0;
padding-top:5px;
border:none;
color:#CE5353;
font-size:90%;
}

.wpcf7 .wpcf7-not-valid {
background-color:#E6E6E6;
}

/* 入力エラーメッセージ
----------------------------------*/
.wpcf7 .wpcf7-response-output {
clear:both;
margin:10px auto !important;
text-align:center !important;
padding:8px !important;
font-size:120% !important;
color:#CE5353 !important;
letter-spacing:0.1em !important;
font-weight:bold !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
background-color:#E6E6E6 !important;
border:1px solid #DADADA !important;
}

/*
.wpcf7 .wpcf7-validation-errors{
font-size:120%;
color:#CE5353;
letter-spacing:0.1em;
font-weight:bold;
background-color:#E6E6E6 !important;
border:1px solid #DADADA !important;
}
*/

/* 検索結果
============================================================*/
.searchWrap p{
clear:both;
padding:0;
border-bottom:1px dotted #333333;
}

.searchWrap p a{
display:block;
padding:8px 0 8px 10px;
color:#333333;
font-size:105%;
}
.searchWrap a:hover{color:#ECBE09;}

/* メインメニュー　PC用
=====================================================*/
@media only screen and (min-width: 981px){
#mainNav{
clear:both;
position:relative;
z-index:200;
background:url(images/body_bg.png) repeat-x 0 62%;
height:43px;
}
	
#mainNav ul{
content:"";
display:table;
clear:both;
zoom:1;
}

#mainNav ul li{
position:relative;
list-style:none;
padding:0;
margin:0;
text-indent:-9999px;
}

.gnavi_01 a{
display:block;
position:absolute;
left:0;
width:135px;
height:43px;
background:url(images/gnavi_01.gif) no-repeat 0 0;
}
.gnavi_01 a:hover, li.gnavi_01.current-menu-item a, li.gnavi_01.current-page-ancestor a{
background:url(images/gnavi_01.gif) no-repeat 0 -43px;
}

.gnavi_02 a{
display:block;
position:absolute;
left:135px;
width:150px;
height:43px;
background:url(images/gnavi_02.gif) no-repeat 0 0;
}
.gnavi_02 a:hover, li.gnavi_02.current-menu-item a, li.gnavi_02.current-page-ancestor a{
background:url(images/gnavi_02.gif) no-repeat 0 -43px;
}

.gnavi_03 a{
display:block;
position:absolute;
left:285px;
width:135px;
height:43px;
background:url(images/gnavi_03.gif) no-repeat 0 0;
}
.gnavi_03 a:hover, li.gnavi_03.current-menu-item a, li.gnavi_03.current-page-ancestor a{
background:url(images/gnavi_03.gif) no-repeat 0 -43px;
}

.gnavi_04 a{
display:block;
position:absolute;
left:420px;
width:135px;
height:43px;
background:url(images/gnavi_04.gif) no-repeat 0 0;
}
.gnavi_04 a:hover, li.gnavi_04.current-menu-item a, li.gnavi_04.current-page-ancestor a{
background:url(images/gnavi_04.gif) no-repeat 0 -43px;
}

.gnavi_05 a{
display:block;
position:absolute;
left:555px;
width:135px;
height:43px;
background:url(images/gnavi_05.gif) no-repeat 0 0;
}
.gnavi_05 a:hover, li.gnavi_05.current-menu-item a, li.gnavi_05.current-page-ancestor a{
background:url(images/gnavi_05.gif) no-repeat 0 -43px;
}

.gnavi_06 a{
display:block;
position:absolute;
left:690px;
width:135px;
height:43px;
background:url(images/gnavi_06.gif) no-repeat 0 0;
}
.gnavi_06 a:hover, li.gnavi_06.current-menu-item a, li.gnavi_06.current-page-ancestor a{
background:url(images/gnavi_06.gif) no-repeat 0 -43px;
}

.gnavi_07 a{
display:block;
position:absolute;
left:825px;
width:135px;
height:43px;
background:url(images/gnavi_07.gif) no-repeat 0 0;
}
.gnavi_07 a:hover, li.gnavi_07.current-menu-item a, li.gnavi_07.current-page-ancestor a{
background:url(images/gnavi_07.gif) no-repeat 0 -43px;
}

#mainNav .panel{
display:block !important;
float:left;
}

a#menu{display:none;}

}

/* メインメニュー iPadサイズ以下から
=====================================================*/
@media only screen and (max-width: 980px){
#mainNav{
clear:both;
width:100%;
margin:0 auto;
}

#mainNav .inner{width:100%;}

#mainNav a.menu{
display:block;
width:100%;
height:40px;
line-height:40px;
font-size:122%;
font-weight:bold;
text-align:left;
color:#fff;
background-color:#669900;
}
#mainNav a#menu span{display:block;padding-left:38px;margin:-0.8em;}

.rsBtn{
display:inline-block;
position:relative;
top:0;
left:10px;
padding:0;
background:#fff;
}
.rsBtn, .rsBtn:before, .rsBtn:after{
width:18px;
height:3px;
border-radius:4px;
}
.rsBtn:before, .rsBtn:after{
display:block;
content:"";
position:absolute;
top:50%;
left:0;
background:#fff;
}
.rsBtn:before{margin-top:10px;}
.rsBtn:after{margin-top:4px;}

#mainNav a.menuOpen{
border-bottom:0;
background-color:#84B353;
}

#mainNav a#menu:hover{cursor:pointer;}
	
#mainNav .panel{
display:none;
width:100%;
position:relative;
right:0;
top:0;
z-index:1;
}

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

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

#mainNav ul li a, #mainNav ul li.current-menu-item li a{
display:block;
padding:12px 10px;
text-align:left;
border-bottom:1px solid #669900;
background:#fff;
}

#mainNav ul li a span{display:none;}

#mainNav ul li.current-menu-item a, #mainNav ul li a:hover, #mainNav ul li.current-menu-item a, #mainNav ul li a:active, #mainNav ul li li.current-menu-item a, #mainNav ul li.current-menu-item li a:hover, mainNav ul li.current-menu-item li a:active, #mainNav ul li.current-page-ancestor a{
color:#fff;
background:#336600;
}

nav div.panel{float:none;}
/*#mainImg{margin-bottom:20px;}*/
#mainImg img, #topCopyImg img{width:98%;height:auto;}

#wrapper, .inner{width:100%;}

#cont01, #cont02, #sidebar{clear:both;width:98%;height:auto;min-height:0;float:none;margin:0 auto;padding:10px 0;}
#cont03, #sidebar02{clear:both;width:98%;height:auto;min-height:0;float:none;margin:0 auto;padding:10px 0;}
#sideMenu{margin:0 auto 20px;text-align:center;}


.footerbnWrap{clear:both;width:90%;float:none;text-align:center;}
.footerbnWrap ul.bn01{clear:both;float:none;margin:0 auto;padding-left:5px;text-align:center;}

.tabnav{width:95% !important;}
.w_tab01p{width:28%;}
.w_tab02p{width:21%;}

.alLeft03{width:47%;height:auto;}
img.alLeft03{width:47%;height:auto;}
.alLeft03 img{width:100%;height:auto;}
.btnCont02 img{width:46% !important; height:auto;}

#footerMenu{height:auto;margin:0 5px 10px 5px;padding-bottom:10px;}
.mr_sekou{margin-right:15px;}
.pl_reform{padding-left:15px !important;}

}

/* 834px以下
------------------------------------------------------------*/
@media only screen and (max-width: 834px){
#header{width:100%;height:auto;padding:0;}
#header h1, #header h1 img{width:96%;height:auto;padding:0;}
#header #info{padding-top:2px;}

/* サイドバー１カラム表示*/
#sidebar{
clear:both;
width:98%;
float:none;
margin:0 auto;
padding:5px 0 10px 0;
text-align:center;
}

#banners{width:100%;max-width:100%;margin:0 auto;text-align:center;}
.wh_calender{max-width:580px !important;height:440px !important;}
}

/* 768px以下から 1カラム表示
=====================================================*/
@media only screen and (max-width:768px){
.leftBoxCont, .rightBoxCont{float:none;width:96%;margin:0 auto;padding:5px;}
.infoCont{float:none;margin:5px auto;}
.alRight, .alLeft, img.alRight, img.alLeft, img.alCenter{display:block;width:100%;height:auto;margin:5px auto;text-align:center;}
.alLeft img{width:100%;height:auto;}

.alLeft03{width:45%;height:auto;}
img.alLeft03{width:45%;height:auto;}
.wh_pic03{width:100%;height:auto;}

#subMenu ul li{font-size:118%;padding:8px 0 0 22px;}
.cntIntro{margin:15px auto;height:auto;padding:15px;}

/*div.wp-block-column{flex-basis:50% !important}*/

.wh_pic01, .wh_pic02{width:100%;height:auto;}

section.widget_search{text-align:center;}

.tabnav{width:100% !important;}
.tabnav li{margin-right:10px !important;}
.tabnav li img{width:100%;height:auto;}
.w_tab01p{width:30%;}
.w_accs_p{width:90%;}
.w_ykoyomi_p{width:90% !important;}

.footerbnWrap{clear:both;width:100%;float:none;text-align:center;}
.footerbnWrap ul.bn01{margin-left:30px;}
.footerbnWrap ul.bn01 li{width:30%;height:auto;margin-bottom:5px;}
.footerbnWrap ul.bn01 li img{width:100% !important;height:auto;}

#footer{margin-top:5px;border:0;text-align:center;}

#footerMenu ul li{width:22%;margin-left:10px;}

.wpcf7-select{margin-bottom:5px;}
.wpcf7 input[type="text"]{margin-bottom:5px;}
.toTop a{bottom:5%;right:5px;}

.box3Wrap{float:none;width:100%;margin:0 auto;}
.box3Wrap li{width:47%;height:auto;margin:0 15px 15px 0;}
.box3Wrap img{width:100%;height:auto;}
.hpx_exam{height:auto !important;}

table.abkTbl, table.abkTbl02{width:98% !important;}
ul.flow{width:98% !important;}
.flw_01{width:15%;}
.flw_02{width:40%;}
.flw_03{width:35%;}
.flw_04{width:85%;}

.padg04{padding-left:0 !important;}
.pl_reform{padding-left:18px !important;}
.mr_sekou{margin-right:10px;}

}

/* 幅680px以下
------------------------------------------------------------*/
@media only screen and (max-width: 680px){


}

/* 幅648px以下から
=====================================================*/
@media only screen and (max-width:648px){
.alRight02, .alLeft, img.alRight02{display:block;width:100%;height:auto;margin:5px auto;text-align:center;}
.alLeft03, img.alLeft03{display:block;width:98%;height:auto;margin:5px auto;text-align:center;}

img.alignright{padding:0 0 10px 0;margin:0 auto;display:block;}
.mr_sekou{margin-right:0;}

/*img.alignleft{padding:0 0 10px 0;margin:0 auto;display:block;}
.alignright{float:none;}
.alignleft{float:none;}*/

.wh_calender{max-width:330px !important;height:400px !important;}

#subMenu{width:100%;height:auto;margin:0 !important;padding:0;background-image:none !important;}
#subMenu ul li{width:41% !important;height:auto;font-size:118%;margin:0 0 3px 3px;padding:10px 0 11px 19px;background-image:url(images/side_title.gif);background-repeat:no-repeat;background-size:contain;}
#subMenu ul li a{height:auto;}

.ngg-gallery-thumbnail-box, .ngg-gallery-thumbnail{width:100% !important;height:auto !important;}
.ngg-gallery-thumbnail span{max-width:100% !important;}
.ngg-gallery-thumbnail img{width:100% !important;height:auto !important;}

.box3Wrap li{width:90%;height:auto;float:none;margin:0 auto;margin-bottom:10px;}.box3Wrap img{width:100%;height:auto;}
.hpx_exam{height:auto !important;}

.w_tab01p{width:28%;}
.w_tab02p{width:40%;}

.footerbnWrap ul.bn01{margin-left:22px !important;}
.footerbnWrap ul.bn01 li{width:45%;}
#footerMenu ul li{width:45%;}
#complete-display{width:85%;}
.pl_reform{padding-left:0px !important;}

}

/* 幅420px以下
------------------------------------------------------------*/
@media only screen and (max-width:420px){
.wp-block-image img{float:none !important;width:96% !important;height:auto !important;margin:6px auto 5px !important;padding:0 !important;text-align:center !important;}
.wp-block-image .alignleft, .wp-block-image .alignright{float:none !important;width:96% !important;height:auto !important;margin:0 auto !important;text-align:center !important;}

div.wp-block-columns{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;}

.wp-block-embed__wrapper{width:100% !important;}
.wp-block-embed__wrapper iframe, .wp-block-embed__wrapper object, .wp-block-embed__wrapper embed{width:100% !important;}

.blocks-gallery-item{float:none !important;width:90% !important;height:auto !important;margin:10px auto !important;text-align:center !important;}

#header img#infoImg{width:80% !important;float:right;}

h3.pageTitle{line-height:116%;font-size:124%;}

.flw_01{display:block !important;width:100% !important;}
.flw_02{width:49% !important;}
.flw_03{width:45% !important;}
.flw_04{width:98% !important;}

h4.flow{margin:10px auto;text-align:center !important;}

/*h4.flow{width:80px !important;height:80px !important;background-size:cover;}
.moji{font-size:106%;}*/

}

/* 幅375px以下
------------------------------------------------------------*/
@media only screen and (max-width:375px){


}

/* 幅360px以下から
=====================================================*/
@media only screen and (max-width:360px){
#subMenu ul li{font-size:110%;margin:0 0 3px 3px;padding:10px 0 11px 19px;}
h3.pageTitle{font-size:120%;}
h3.pageTitle::before{margin-right:3px;}

}

/* 幅320px以下から
=====================================================*/
@media only screen and (max-width:320px){
#subMenu{padding-left:10px;margin-bottom:5px !important;}
#subMenu ul li{width:98% !important;height:auto;font-size:120%;padding:18px 0 10px 26px;}
}