@charset "utf-8";
/*
Theme Name: Suidocenter2 エリア修正β版
Theme URI:
Author:
Author URI:
Description:
*/
@import url(css/style-sd.css);
@import url(css/style-sd-contents.css);
@import url(css/style-sd-basic-home.css);
@import url(css/style-pc.css);
@import url(css/style-pc-contents.css);
@import url(css/style-pc-basic-home.css);
@import url(css/style-common.css);
@import url(https://www.suidou.org/css/estimate.css);

@import url(js/slidebars/slidebars.css);
@import url(js/flexSlider/flexslider.css);
@import url(js/fontsizechanger/fontsizechanger.css);
@import url(fonts/fontawesome/css/font-awesome.min.css);
@import url(fonts/montserrat/stylesheet.css);
@import url(fonts/oswald-bold/stylesheet.css);


@import url(css/sitemap.css);
@import url(css/form.css);
@import url(css/sagyou.css);
@import url(css/campaign.css);
@import url(css/aisatu.css);
@import url(css/area.css?a);
@import url(css/pager.css);
@import url(css/cartoon.css);
@import url(css/diy.css);

@import url(css/mizumore.css);
@import url(css/ryoukin.css);
@import url(css/siteikouji.css);
@import url(css/service.css);
@import url(css/slidebars.css);
@import url(css/syouhin.css);
@import url(css/trading.css);
@import url(css/trouble.css);
@import url(css/fixed-footer.css);
@import url(css/my.css);


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-weight:normal;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;vertical-align:baseline;background:transparent;}
a img{border:0}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
input, textarea{font-family:inherit;}
ol,ul{list-style:none;}
html{overflow-y:scroll;}
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
input[type="button"],input[type="submit"], input[type="reset"]{-webkit-appearance:none;cursor:pointer;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
a{color:#2f8fb7;outline:none;text-decoration:none;}
a:link{color:#2f8fb7;text-decoration:none;}
a:visited{color:#2f8fb7;text-decoration:none;}
a:hover{color:#41c4fb;text-decoration:none;}
a:active{color:#2f8fb7;text-decoration:none;}
.responsimg{width:100%;height:auto;vertical-align:top;}
.cfx:after{content:"";clear:both;display:block;}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-size:62.5%;font-family:'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;color:#333;}
body{font-size:10px;font-size:1.0rem;line-height:1;}
.bold{font-weight:bold;font-size:120%;}
.sns-list ul{margin:1em 0;padding:0;}
.sns-list li{display:inline-block;vertical-align:top;line-height:1.0;margin-left:1em;}
.sns-list li iframe{max-width:none;margin:0;}
.sns-list li:first-child{margin-left:0;}
#application-form input[type="submit"]{font-size:1.4rem;color:#000000;padding:10px 30px;background:-moz-linear-gradient(top, #ffffff 0%, #ebebeb 50%, #a1a1a1 89%, #b8b8b8);background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.89, #a1a1a1), to(#b8b8b8));-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:0px solid #000000;-moz-box-shadow:1px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 5px rgba(194,194,194,0.6);-webkit-box-shadow:1px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 5px rgba(194,194,194,0.6);box-shadow:1px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 5px rgba(194,194,194,0.6);text-shadow:0px -1px 3px rgba(255,255,255,0.8), 0px 1px 0px rgba(255,255,255,0.3);}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;cursor:pointer;}
*{box-sizing: border-box;}


.service01 {

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	position:relative;


	padding:15px;
}

.service01in {
	margin:0;
	padding:10px;
	background-color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	position:relative;

}

.service01in p {
	padding:5px 0;
}

.service01in ul {
	list-style-type:none;
	margin:0 15px 15px 30px;
	padding:0;
}

.service01in li {

	padding:3px 0 0 3px;
}

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

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}



.measures003in {
    margin: 5px 0 0 0;
    padding: 20px 0;

}
.tablepress {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1em;
    border: none;
}

.tablepress tfoot th, .tablepress thead th {
    background-color: #d9edf7;
    font-weight: 700;
    vertical-align: middle;
}
.tablepress thead th {
    border-bottom: 1px solid #ddd;
}
.tablepress td, .tablepress th {
    padding: 8px;
    border: none;
    background: 0 0;
    text-align: left;
    float: none!important;
}

.tablepress tbody tr:first-child td {
    border-top: 0;
}
.tablepress .even td {
    background-color: #fff;
}

.tablepress tbody td {
    vertical-align: top;
}

.tablepress .odd td {
    background-color: #f9f9f9;
}
.tablepress tbody td, .tablepress tfoot th {
    border-top: 1px solid #ddd;
}
.tablepress tbody td {
    vertical-align: top;
}


.common-box01-inner{
	background:#FFF;
	border:1px solid #CCCCCC;
}

.common-box01-inner table td{
	vertical-align:middle !important;
	color:#666;
}
.common-box01-inner table th,.common-box01-inner table td{
	vertical-align:middle;
	padding:10px 10px 6px 10px;
}
.common-box01-inner a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration:  underline !important;
    color: #09F;
}

span .red {
	color:#f00;
}

.d001p {
	margin-top:5px;
	height:80px;
}

.box-yellow,
.box-orange,
.box-aqua,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }

.box-yellow{ background-color: #ff6; }
.box-orange{ background-color: #f90; }
.box-aqua{ background-color: #9ff; }
.box-pink{ background-color: #ffccff; }
.box-lime{ background-color: #9f9; }
.box-gray{ background-color: #ccc; }

.red{ color: #e53935!important; }
.blue{ color: #3187F9!important; }
.green{ color: #4caf50!important; }
.yellow{ color: #E1D902!important; }
.navy{ color: #004182!important; }
.orange{ color: #ff9800!important; }
.pink{ color: #FF7173!important; }
.purple{ color: #9c27b0!important; }
.olive{ color: #808000!important; }
.lime{ color: #11ee11!important; }
.aqua{ color: #00bcd4!important; }
.black{ color: #000!important; }
.gray{ color: #aaa!important; }
.white{ color: #fff!important; }
.brown{ color: #6d4c33!important; }


a:hover img{
 opacity: 0.5;
 filter: alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
 }

a:hover {
   -webkit-transform: scale(1.05,1.05);
   -moz-transform: scale(1.05,1.05);
   -o-transform: scale(1.05,1.05);
   -ms-transform: scale(1.05,1.05);
   transform: scale(1.05,1.05);
}
svg#map{
	max-width:100%;
	height:auto;
}
svg#map g a:hover {
   -webkit-transform: scale(1,1) ;
   -moz-transform: scale(1,1);
   -o-transform: scale(1,1);
   -ms-transform: scale(1,1);
   transform: scale(1,1);
   opacity: 0.5;
}

.area-left{
	float: left;
	margin: 0 1em 1em 0;
}

.area-right{
	float: right;
	margin: 0 0 1em 1em;
}
.area-text{
	clear:both;
	border:3px solid #ccc;
	padding:15px 15px 0;
	margin-bottom:15px;
	overflow:hidden;
}
.area-text p{
	margin-bottom:2em;

}
.area-text .area-list{
	border:#CCC 1px dotted;
	padding:10px;
	margin-bottom:15px;
 }

.flexbox-justify li img{
	width:100%!important;
	height:auto;
}


#form_contents{
	clear:both;
	margin:0;
	padding:0 0 15px;
	width:100%;
	background:url(images/common/form_in.png) top left repeat;
	-moz-background-size: 100% 100%;
    	background-size: 100% 100%;
		border-bottom:1px solid #ccc;
}
#form_contents .title{
	background:#609aba;
	line-height:37px;
	margin:0 0 15px;
	padding:0 20px;
	font-weight:bold;
	box-sizing: border-box;
	color:#FFF;
}

article #form_contents table{
	border:none;
	margin:0 auto 15px;
	width:89%;
}
article #form_contents table td,
article #form_contents table th{
	border:none;
	background:none;
}
article #form_contents table th{
	text-align:right;
	padding:0 1em 0 0;
	color:#333;
	width:15em;
	vertical-align:top;
}

.sub-column .contact .icon-contact{
	float: left;
	padding: 0 10px 10px 0;
}

.sub-column .contact .text-contact{ overflow: hidden; }



.wpcf7 .fieldset{
	border-radius: 15px;
    -webkit-border-radius:15px;
    -moz-border-radius: 15px;
	border:#999 1px dotted;
	margin:15px;
	padding:20px;
}
.wpcf7 dl{
	overflow:hidden;
}
.wpcf7 dl dt{
	clear:both;
	float:left;

}
.wpcf7 dl dd{
	float:left;
	margin-left:20px;

	margin-bottom:15px;
}
.wpcf7 p{

}
input.wpcf7-submit{
	padding:5px 20px;
	border-radius: 15px;
    -webkit-border-radius:15px;
    -moz-border-radius: 15px;
	border:#999 1px solid;
	cursor:pointer;
}
input.wpcf7-submit:hover{
	background-color:#CCC;
}
.wpcf7-form .zip{
	padding-bottom: 8px;
    padding-left: 0!important;
    padding-right: 30px!important;
	background: url(./images/icon/icon-zip.png) right top no-repeat;
}

.wpcf7-form .zip input{
	width:10em!important;
}
.fitwidth img,
img.fitwidth{
	width:100%!important;
	height:auto;
	margin:15px 0;
}
.trouble{
	clear:both;
	margin-bottom:15px;
}
.trouble ul.flexbox-justify > li{border:6px #ccc solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:1px 1px 3px rgba(0,0,0,.6);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.6);box-shadow:1px 1px 3px rgba(0,0,0,.6);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.trouble ul.flexbox-justify > li img{
	max-width:100%;
	height:auto;
}

.trouble ul.flexbox-justify > li > a{display:block;text-align:center;padding:12px 0;}

.archivelist .wp-pagenavi{
	display:none;
}

.redframe {
   border: 2px solid #ce0000;
   padding: 1em;
   margin-bottom: 1em;
}

[data-target-accordion-id] {
	cursor: pointer;
	display: flex !important;
  justify-content: space-between;
}

[data-target-accordion-id]::after {
	font-family: "FontAwesome";
  content: "\f107";
	margin-inline-start: 4px;
	transition: all 0.1s;
}
[data-target-accordion-id].is-open::after {
	transform: rotate(-180deg);
}
[data-accordion-id] {
	display: none;
}
.contact-bnr .fixed-contact__contact{

}
.contact-bnr .fixed-contact__contact li{
	font-size:30px;
}
.contact-bnr .fixed-contact__contact .fixed-contact__mail .fixed-contact__text,
.contact-bnr .fixed-contact__contact .fixed-contact__line .fixed-contact__text{
	font-size: 1em;
}
#container #contents .flexbox-justify div p{
	font-size:32px;
	margin: 0;
	line-height:inherit;
}
#container #contents .flexbox-justify div .plice{
    font-family: "Arial Black", sans-serif;
    color: red;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);
		margin-bottom: 10px;
}
#container #contents .flexbox-justify div p.plice span{
    font-size:160%;

}
#container #contents .flexbox-justify div p.right-link{
	font-size:190%;
	text-align: right;

}

#head-group{
	text-align:center;
	overflow: hidden;
}
#head-group img{
	vertical-align:top;
	max-width:100%;
}
.sub-main{
	text-align: center;
}
.sub-main img{
	max-width: 100%;
	max-height: inherit!important;
}
#head-group img.btn{
	float: left;
	width: 50%;
}
.img-group div{
	display: inline-flex;
}
.img-group div a img{
width: 100%;
}
/*----------------------------------------240430 目次CSS--------------------------------------*/
#ez-toc-container{background: unset; border: unset; width: 80%; margin: 0 auto; border-radius: unset; box-shadow: unset;}
.ez-toc-title-container{background: #4f7d97; padding: 5px 20px;}
.ez-toc-title{color: #fff;}
.ez-toc-list li{margin: 5px 0!important;}
.ez-toc-list li a:before{border-left: 10px solid #4f7d97; margin-right: 6px; content: ""; padding: 0 5px;}
.ez-toc-list li ul li a:before{border-left: 6px solid #999;}



	#ez-toc-container{width:100%; margin: 30px auto 60px;}
	.ez-toc-title-container{width:85%;}
	.ez-toc-list li a{padding: 0 5px;}
}
/*-------------------------------------END 240430 目次CSS------------------------------------*/
/*
#ez-toc-container{background: unset; border: unset; width: 80%; margin: 0 auto; border-radius: unset; box-shadow: unset;}
.ez-toc-title-container{background: #4f7d97; padding: 5px 20px;}
.ez-toc-title{color: #fff;}
.ez-toc-list{margin: 10px!important;}
.ez-toc-list li{margin: 5px 0!important;}
.ez-toc-list li a{display: block; color: #062659; line-height: 1.8; vertical-align: middle; padding: 0 10px;}
.ez-toc-list li a:before{border-left: 10px solid #4f7d97; margin-right: 6px; content: ""; padding: 0 5px;}
.ez-toc-list li ul li a:before{border-left: 6px solid #999;}



	#ez-toc-container{width:100%;}
	.ez-toc-title-container{width:85%;}
	.ez-toc-list li a{padding: 0 5px;}
}
*/
/*.ez-toc-page-1{border-left: 10px solid #4f7d97; padding: 0 0 0 5px;}*/
.box6{
	overflow: hidden;
}
.region-h5{
	clear: both !important;
    font-weight: bold;
    font-size: 16px !important;
    border-left: 10px solid #3b6e89;
    box-sizing: border-box;
    line-height: 2 !important;
    background: unset !important;
    box-shadow: unset !important;
    color: #000 !important;
    padding: 0 0 0 1em !important;
    margin: 0 !important;}

.region-h4{
	border-right: 1px #ccc solid;
    border-bottom: 1px #ccc dotted;
    border-left: 1px #ccc solid;
    font-size: 1.5rem !important;
    margin: 0!important;
	background: unset !important;
    border-top: 1px solid #3b6e89;
    box-shadow: unset !important;
}

.region-h4 a{
	color: #03265e !important;
	float: none!important;
}

/*.region-h4 a::before {
    font-family: "FontAwesome";
    content: "\f0da";
	margin: 0 2px 0 0;
}*/

/*********2023-5追加分*************/
.lp-section img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

@media screen and (max-width: 768px){
	.region-h4{
	border-right: 1px #ccc solid;
    border-bottom: 1px #ccc dotted;
    border-left: 1px #ccc solid;
    font-size: 1.5rem;
    margin-bottom: 0;
	padding-left: 0;
    margin-top: 5px!important;}
	.region-h4 a{padding: 10px!important; font-size: 1.4rem;}


}

#contents article.bothsp.recommend {
	padding: 0 16px!important;
}
#container #contents .recommend p {
	margin-bottom: 2em;
	line-height: 2;
}
#container #contents .recommend h1 {
	margin: 1em 0 2em;
	padding: 0;
	background: none;
	color: #212121;
	font-size: 24px;
	font-weight: 700;
}
#container #contents .recommend h2.wp-block-heading {
	background: #58a7ce !important;
	padding: 0.6em 16px !important;
	border-radius: 0;
	color: #fff !important;
	display: block !important;
	font-size: 24px !important;
}
#container #contents .recommend h3.wp-block-heading {
	border-left: 4px solid #58a7ce !important;
	border-radius: 0;
	padding-left: 16px !important;
}
#container #contents .recommend h4.wp-block-heading {
	margin: 1em 0;
	background: none;
	color: #212121;
	font-weight: 700;
	border-bottom: 2px solid #58A7CE;
	padding: 0.8em 0.5em;
}
#container #contents .recommend .wp-block-table .has-fixed-layout {
	table-layout: fixed;
	border-collapse: collapse;
}
#container #contents .recommend .wp-block-table thead {
	border-bottom: 3px solid;
}
#container #contents .recommend .wp-block-table .has-fixed-layout td, #container #contents .recommend .wp-block-table .has-fixed-layout th {
	word-break: break-word;
}
@media screen and (max-width: 768px) {
#container #contents .recommend .wp-block-table .has-fixed-layout {
	width: 760px;
}
}
#container #contents .recommend .wp-block-list {
	list-style: disc;
	padding-left: 16px;
}
#container #contents .recommend blockquote {
	background: #f2f2f2;
	color: #797979;
	font-size: .8em;
	margin: 5px 10px 20px;
	padding: 1.5em 1.5em 1.5em 3em;
}
#container #contents .recommend blockquote em, #container #contents .recommend blockquote cite {
	display: block;
  font-size: 12px;
  text-align: right;
}
#container #contents .recommend blockquote em a, #container #contents .recommend blockquote cite a {
	font-size: 12px;
}
.title-box {
	margin-bottom: 2em;
}
.title-box .box-inner {
  border: 4px solid #153c7d;
  position: relative;
}
.title-box .box-inner p {
	position: absolute;
	padding: 5px;
	top: -22px;
	left: 10px;
	background: #fff;
	font-size: 18px;
	font-weight: bold;
}
#container #contents .recommend .wp-block-list {
	margin-bottom: 2em;
}
#container #contents .recommend .title-box .box-inner .wp-block-list {
	list-style: disc;
	padding: 24px 16px 16px 24px;
	margin-bottom: 0;
}
#container #contents .recommend .title-box .box-inner ol {
	margin-left: 0;
}
#container #contents .recommend ul li, #container #contents .recommend ol li {
	margin-bottom: 5px;
}

#container #contents .recommend .wp-block-table {
    overflow-x: auto;
}

.head-list-wrapper {
	margin: 2em 0;
}
.head-list-wrapper .head-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
}
.head-list-wrapper .head-list li {
	width: 20%;
}
.head-list-wrapper .head-list li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1em;
}
.head-list-wrapper .head-list li img {
	width: 100px;
	height: auto;
}
.head-list-wrapper .head-list li span {
	padding: 1em;
	border: 1px solid #3babd2;
}