/*
 Theme Name:	積算ソフト「頂」情報サイト
 Theme URI:		info.e-itadaki.com
 Description:	積算ソフト「頂」情報サイト
 Author:		積算ソフト「頂」情報サイト
 Author URI:   	https://info.e-itadaki.com
 Template:		twentytwenty
 Version:      	1.0.0
 Tags:
 Text Domain:  積算ソフト「頂」情報サイト
*/

html {
  font-size: 16px;
}


html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "M PLUS 1p";
}

body:lang(ja), button:lang(ja),
input:lang(ja),
select:lang(ja),
optgroup:lang(ja),
textarea:lang(ja), .author-description .author-link:lang(ja),
.comment-metadata:lang(ja),
.comment-reply-link:lang(ja),
.comments-title:lang(ja),
.comment-author .fn:lang(ja),
.discussion-meta-info:lang(ja),
.entry-meta:lang(ja),
.entry-footer:lang(ja),
.main-navigation:lang(ja),
.no-comments:lang(ja),
.not-found .page-title:lang(ja),
.error-404 .page-title:lang(ja),
.post-navigation .post-title:lang(ja),
.page-links:lang(ja),
.page-description:lang(ja),
.pagination .nav-links:lang(ja),
.sticky-post:lang(ja),
.site-title:lang(ja),
.site-info:lang(ja),
#cancel-comment-reply-link:lang(ja),
h1:lang(ja),
h2:lang(ja),
h3:lang(ja),
h4:lang(ja),
h5:lang(ja),
h6:lang(ja), .page-title:lang(ja), blockquote cite:lang(ja), table:lang(ja), .button:lang(ja),
input:lang(ja)[type="button"],
input:lang(ja)[type="reset"],
input:lang(ja)[type="submit"], .comment-navigation .nav-previous:lang(ja),
.comment-navigation .nav-next:lang(ja), .comment-list .pingback .comment-body:lang(ja),
.comment-list .trackback .comment-body:lang(ja), .comment-list .pingback .comment-body .comment-edit-link:lang(ja),
.comment-list .trackback .comment-body .comment-edit-link:lang(ja), .comment-form .comment-notes:lang(ja),
.comment-form label:lang(ja), .widget_archive ul li:lang(ja),
.widget_categories ul li:lang(ja),
.widget_meta ul li:lang(ja),
.widget_nav_menu ul li:lang(ja),
.widget_pages ul li:lang(ja),
.widget_recent_comments ul li:lang(ja),
.widget_recent_entries ul li:lang(ja),
.widget_rss ul li:lang(ja), .widget_tag_cloud .tagcloud:lang(ja), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ja), .entry .entry-content .wp-block-archives li:lang(ja),
.entry .entry-content .wp-block-categories li:lang(ja),
.entry .entry-content .wp-block-latest-posts li:lang(ja), .entry .entry-content .wp-block-verse:lang(ja), .entry .entry-content .has-drop-cap:lang(ja):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ja), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover-image h2:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover h2:lang(ja), .entry .entry-content .wp-block-audio figcaption:lang(ja),
.entry .entry-content .wp-block-video figcaption:lang(ja),
.entry .entry-content .wp-block-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ja), .entry .entry-content .wp-block-file:lang(ja), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ja), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ja), .wp-caption-text:lang(ja), .gallery-caption:lang(ja) {
	font-family: "M PLUS 1p";
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	width:100%;
}

h1:not(.site-title):before,
h2:before {
  background:none;
  content: "";
  display: block;
  height: 0;
  margin: 0;
  width: 0;
}

a {
  transition: color 110ms ease-in-out;
  color: #386fea;
}

a:visited {
  color: #386fea;
}

a:hover,
a:active {
  color: #e76700;
  outline: 0;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  text-decoration: none;
}

table td,
table th {
	padding: 15px 0 ;
	border-bottom: 1px solid #dfdfdf;
	border-top:none;
	border-left:none;
	border-right:none;
	word-break: break-all;
}


.no-padding {
	padding-left:0;
	padding-right:0;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.header {
	border-top:4px solid #000;
	padding-top:16px;
	/*padding-bottom:30px;*/
}

.header h1.site-title {
	font-weight:400;
	font-size:13px;
	font-family: "M PLUS 1p";
}

.header .site-branding-container p {
	display:none;
}

ul.category,
ul.prefecture {
	margin:0 0 30px;
	padding:0;
	font-size:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	 display:-ms-flex;
	display:flex;
	flex-wrap: wrap;
}

ul.category li {
	display:inline-block;
	width:100%;
	margin-right:0;
	margin-bottom:15px;
	font-size:20px;
	text-align:center;
	line-height:1em;
}

ul.category li h3 {
	font-size:16px;
	font-weight:400;
	margin:0;
}

ul.category li p {
	font-size:14px;
	margin:5px 0 0;
	color:#666;
}

ul.category li.link a {
	display:block;
	transition-duration: 0.6s;
	border:1px solid #ff9c3b;
	padding-top:20px;
	padding-bottom:20px;
	background:#FFF5DE;
	color:#000;
}
ul.category li.nolink .nolink_box {
	padding-top:20px;
	padding-bottom:20px;
	border:1px solid #dfdfdf;
	display:block;
}

ul.prefecture li {
	display:inline-block;
	width:100%;
	margin-right:0;
	margin-bottom:15px;
	font-size:20px;
	text-align:left;
	line-height:1em;
	position:relative;
}

ul.prefecture li h3 {
	font-size:26px;
	font-weight:300;
}

ul.prefecture li.link a p,
ul.prefecture li.nolink p {
	font-size:14px;
	font-weight:300;
	position:absolute;
	bottom:15px;
	left:15px;
	margin-bottom:0;
	margin-right:10px;
}

ul.prefecture li.link a {
	background-color:#FFF5DE;
	display:block;
	padding:15px;
	color:#000;
}

ul.prefecture li.link a:hover {
	background-color:#FFF5F4;	
}

ul.prefecture li.nolink {
	background-color:#efefef;
	padding:15px;
}


ul.prefecture li.link.fukuoka a,
ul.prefecture li.nolink.fukuoka {
	background-image:url(images/fukuoka.svg);
	background-size:contain;
	background-position:bottom 30% right 10%;
	background-repeat:no-repeat;
}

ul.prefecture li.link.saga a,
ul.prefecture li.nolink.saga {
	background-image:url(images/saga.svg);
	background-size:contain;
	background-position:bottom 30% right 10%;
	background-repeat:no-repeat;
}

ul.prefecture li.link.nagasaki a,
ul.prefecture li.nolink.nagasaki {
	background-image:url(images/nagasaki.svg);
	background-size:contain;
	background-position:bottom 30% right 10%;
	background-repeat:no-repeat;
}

ul.prefecture li.link.kumamoto a,
ul.prefecture li.nolink.kumamoto {
	background-image:url(images/kumamoto.svg);
	background-size:contain;
	background-position:bottom 30% right 10%;
	background-repeat:no-repeat;
}

ul.prefecture li.link.oita a,
ul.prefecture li.nolink.oita {
	background-image:url(images/oita.svg);
	background-size:contain;
	background-position:bottom 30% right 10%;
	background-repeat:no-repeat;
}

ul.prefecture li.link.miyazaki a,
ul.prefecture li.nolink.miyazaki {
	background-image:url(images/miyazaki.svg);
	background-size:contain;
	background-position:bottom 30% right 10%;
	background-repeat:no-repeat;
}

ul.prefecture li.link.kagoshima a,
ul.prefecture li.nolink.kagoshima {
	background-image:url(images/kagoshima.svg);
	background-size:contain;
	background-position:bottom 30% right 10%;
	background-repeat:no-repeat;
}

ul.prefecture li.support a {
	background:#e0edff;
	background-image:url(images/other_window.svg);
	background-size:10%;
	background-position:bottom 45% right 10%;
	background-repeat:no-repeat;
}
ul.prefecture li.support a:hover {
	background:#bad7ff;
	background-image:url(images/other_window.svg);
	background-size:10%;
	background-position:bottom 45% right 10%;
	background-repeat:no-repeat;
}

ul.data_list {
	margin:0 0 30px;
	padding:0;
}

ul.data_list li {
	list-style:none;
	width:100%;
}

ul.data_list li a {
	display:block;
	transition-duration: 0.6s;
	border:1px solid #ff9c3b;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	color:#000;
}

ul.data_list li a h3 {
	font-size:20px;
	font-weight:400;
	margin:0;
}

ul.data_list li a:hover {
	background:#ffe2c6;
}

.swpm-post-not-logged-in-msg {
	color:#ff1800;
}

.login_box {
	margin-top:20px;
	padding:8px 15px;
	background:#fff7ef;
	border-radius:5px;
}

.login_note p {
	margin:3px 0 0;
	font-size:14px;
	font-weight:300;
}

.swpm-login-widget-form {
	vertical-align:bottom;
}

.swpm-login-widget-form .box_01 {
	float:none;
	width:100%;
}
.swpm-login-widget-form .box_02 {
	float:none;
	width:100%;
	margin-left:0;
}

.swpm-login-widget-form .box_03 {
	float:none;
	width:100%;
	margin-left:0;
	padding-top:5px;
}

.swpm-login-widget-form .box_03 button,
.swpm-login-widget-form .box_03 input[type="button"],
.swpm-login-widget-form .box_03 input[type="submit"] {
	padding-top:1.25em;
	padding-bottom:1.25em;
	width:100%;
	background-color:#dd5131;
	color:#fff;
	border-radius:5px;
}

.swpm-login-widget-form .box_03 button:hover,
.swpm-login-widget-form .box_03 input[type="button"]:hover,
.swpm-login-widget-form .box_03 input[type="submit"]:hover {
	background-color:#ac3013;
}
.swpm-login-widget-form .box_04 {
	width:100%;
}

.swpm-login-widget-form .box_04::before,
.swpm-login-widget-form .box_04::after {
	clear:both;
	display:block;
	content:'';
	height:0;
	font-size:0;
	visibility:hidden;
}

.swpm-remember-me {
	float:right;
	margin-right:5px;
	font-size:14px;
}

.swpm-forgot-pass-link {
	float:right;
	margin-right:20px;
	line-height:1.4em;
}

.swpm-forgot-pass-link a {
	font-size:14px;
	margin:0;
}

.swpm-username-label label,
.swpm-password-label label{
	margin-bottom:2px;
	font-size:14px;
}

.swpm-logged-username::after {
	clear:both;
	display:block;
	content:'';
	height:0;
	font-size:0;
	visibility:hidden;
}

.swpm-logged-username-label.swpm-logged-label{
	float:none;
	font-weight:400;
}

.swpm-edit-profile-link {
	float:left;
	margin-right:0;
	font-weight:500;
}

.swpm-logged-logout-link {
	float:right;
	width:100px;
}

.swpm-logged-logout-link a {
	background:#03a9ff;
	padding:3px 10px;
	color:#fff;
	border-radius:4px;
	width:100px;
}

.swpm-logged-logout-link a:hover {
	background:#027fc0;
}

.swpm-login-widget-action-msg {
	color:#ff4200;
}

.content_main {
	margin-top:30px;
	margin-bottom:50px;
}

.content_main h2.news {
	font-size:22px;
	font-weight:300;
	border-bottom:5px solid #FFCEB3;
	padding-bottom:4px;
	margin:0;
	color:#000;
}

.content_main h1.content_title {
	font-size:22px;
	font-weight:300;
	border-bottom:5px solid #FFCEB3;
	padding-bottom:4px;
	margin:0 0 50px;
	color:#000;
}

.top_category {
	margin-top:40px;
}

/* news  */

ul.news_list {
	margin:30px 0 40px;
	padding:0;
}

ul.news_list li {
	list-style:none;
	margin-bottom:1.75rem;
	line-height:1.3em;
}

ul.news_list li dl {
	margin:0;
	padding:0;
}

ul.news_list li dl dt {
	position:relative;
	color:#666666;
}

ul.news_list li dl dt span {
	color:#fff;
	border-radius:3px;
	width:5rem;
	text-align:center;
	display:inline-block;
	margin-left:1.25rem;
	position:absolute;
	top:0;
	right: 30px;
	font-family: "M PLUS 1p";
	font-size:14px;
}

ul.news_list li dl dt span.allpref {
	background:#F46F2C;
}


ul.news_list li dl dt span.fukuoka,
ul.news_list li dl dt span.saga,
ul.news_list li dl dt span.nagasaki,
ul.news_list li dl dt span.kumamoto,
ul.news_list li dl dt span.oita,
ul.news_list li dl dt span.miyazaki,
ul.news_list li dl dt span.kagoshima {
	background:#1C6FC4;
}

ul.news_list li dl dd {
	margin-top:0.5rem;
	font-weight:bold;
}

ul.news_list li dl dd a  {
	color:#386fea;
}

ul.news_list li dl dd a:hover,
ul.news_list li dl dd a:focus {
	text-decoration:none;
	color:#333333;
}

ul.news_list li dl dd a h4 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	font-family: "M PLUS 1p";
}

/*  contact  */

.contact {
	margin:0;
}

.contact a {
	display:block;
	background:#d65761;
	padding-top:18px;
	padding-bottom:18px;
	text-align:center;
	font-size:23px;
	font-weight:300;
	color:#fff;
}

.contact a:hover {
	background:#ba3a4a;
}

.link_area {
	margin-top:28px;
}


.link_area a.support {
	display:block;
	background:#ffe8e9;
	padding-top:26px;
	padding-bottom:26px;
	text-align:center;
	font-size:18px;
	font-weight:300;
	color:#000;
	line-height:1.3em;
}

.link_area a.support:hover {
	background:#ffdae9;
}

/* prefecture */

ul.prefecture {
}

/* footer  */

.footer {
	background:#F2F2F2;
	padding-top:55px;
}

.footer h4.footer_pref {
	text-align:center;
	font-size:17px;
	font-weight:400;
	margin:0;
}

.footer ul.footer_link {
	text-align:center;
	margin:18px 0 0;
	padding:0;
}

.footer ul.footer_link li {
	display:block;
	margin-bottom:8px;
}

.footer ul.footer_link li a {
	text-decoration:underline;
	color:#000;
	font-size:16px;
	font-weight:300;
}

.footer ul.footer_link li {
	color:#666666;
}

.footer .copyright {
	margin-top:50px;
	padding-bottom:7px;
}

.footer .copyright p {
	text-align:center;
	font-size:14px;
	margin:0;
}

.footer .footer_link2 {
	margin-top:40px;
}

.footer .footer_link2 ul {
	text-align:center;
	margin:0;
	padding:0;
}

.footer .footer_link2 ul li {
	display:block;
	margin-bottom:8px;
}

.footer .footer_link2 ul li a {
	text-decoration:underline;
	color:#000;
	font-size:16px;
	font-weight:300;
}

/*  content_main  */

.content_main h1.page_title {
	font-size:18px;
	font-weight:400;
	border-bottom:5px solid #FFCEB3;
	padding-bottom:4px;
	margin:0 0 26px;
	color:#000;
}


/* download */
.download-button {
    text-align: center;
    text-decoration: none !important;
    padding: .75em 1em;
    color: #fff;
    display: block;
    font-size: 1.2em;
    line-height: 1.5em;
    background-color: #e38826;
    background-image:-webkit-linear-gradient(#f7942b,#e38826,#d27614);
    background-image:-moz-linear-gradient(#f7942b,#e38826,#d27614);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .4);
    border: 1px solid #d27614;
    cursor: pointer;
}

.download-button:hover {
    color: #fff;
    background-color: #e38826;
    background-image:-webkit-linear-gradient(#e38826,#d27614);
    background-image:-moz-linear-gradient(#e38826,#d27614);
}

@media (min-width:576px) {

.swpm-logged-username-label.swpm-logged-label{
	float:left;
	font-weight:400;
}

.swpm-edit-profile-link {
	float:right;
	margin-right:15px;
	font-weight:500;
}

.swpm-logged-logout-link {
	float:right;
}
}

@media (min-width:768px) {

	.header h1.site-title {
		font-size:24px;
	}

	.header .site-branding-container p {
		display:block;
		font-size:13px;
		margin:3px 0 0;
		line-height:1.3em;
		color:#4a4a4a;
	}
	ul.category li {
		display:inline-block;
		width:32%;
		margin-right:2%;
		margin-bottom:15px;
	}

	ul.prefecture li {
		display:inline-block;
		width:32%;
		margin-right:2%;
		margin-bottom:15px;
	}

	ul.prefecture li.link a,
	ul.prefecture li.nolink {
		height:120px;
		position:relative;
	}

	ul.category li:nth-child(3n+3) {
		margin-right:0;
	}

	ul.prefecture li:nth-child(3n+3) {
		margin-right:0;
	}

	ul.category li a:hover{
		background:#ffe2c6;
	}

	ul.data_list li {
		display:inline-block;
		width:32%;
		margin-right:2%;
	}

	ul.data_list li:nth-child(3n+3) {
		margin-right:0;
	}

	.swpm-login-widget-form .box_01 {
		float:left;
		width:46%;
	}
	.swpm-login-widget-form .box_02 {
		float:left;
		width:36%;
		margin-left:1%;
	}

	.swpm-login-widget-form .box_03 {
		float:right;
		width:15%;
		margin-left:2%;
		padding-top:22px;
	}

	ul.news_list li dl dt {
		float:left;
		width:14.5rem;
	}

	ul.news_list li dl dd {
		float:left;
		margin:0;
	}

	.footer ul.footer_link li {
		display:inline-block;
		margin-left:10px;
		margin-right:10px;
	}

	.footer .footer_link2 ul li {
		display:inline-block;
		margin-left:10px;
		margin-right:10px;
	}

	.content_main h1.page_title {
		font-size:22px;
		font-weight:300;
	}
/*
#swpm-login-form .swpm-username-input {
	float:left;
	width:30%;
}


#swpm-login-form .swpm-password-label {
	float:left;
	width:30%;
}

#swpm-login-form .swpm-login-submit {
	float:left;
	width:30%;
}*/
}

@media (min-width: 992px) {

	ul.prefecture li {
		display:inline-block;
		width:24%;
		margin-right:1.33%;
		margin-bottom:15px;
	}

	ul.prefecture li:nth-child(3n+3) {
		margin-right:1.33%;
	}

	ul.prefecture li:nth-child(4n+4) {
		margin-right:0;
	}
}