@charset "UTF-8";
/*
Theme Name: metis
Text Domain: metis
Description: A greyscale theme that follows a nice grid system, and keeps typography in top priority.
Version: 1.3
Requires at least: 5.0
Tested up to: 7.4
Requires PHP: 7.0
License: GNU General Public License
License URI: license.txt
Author: metis
Author URI: https://www.metis-s.co.jp
Tags: two-columns, sticky-post
color:rgba(20,17,110,1)
*/
body {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";overflow-y: scroll;}
html {scroll-behavior: smooth;}
@media screen and (min-width:481px){
    html{scroll-padding-top: 100px;}}
.gallery .gallery-caption {}	
.commentlist .bypostauthor {}
/* Begin Settings and Classes */
a:visited {}
a:hover {color:#F00;}
a {}
a:hover img{
	opacity: 0.5;
	-moz-opacity: 0.5;
}	
h1 a, h2 a, h3 a {margin-top: 50px; text-decoration: none; color: #4d4d4d;}
h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: underline;
	color:#000;
	}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: .1em;color: rgba(137,137,137,1); 
	}
#h1_wrap {display: block; background-repeat: no-repeat; background-size: cover;background-position: center;}
#h1_wrap h1{color: white;background-color: rgba(0,0,0,.4);padding: 30vh 10% 10vh 10%;text-align: right;margin:0;  }

#topslider {height: 100vh; background-color: rgba(20,17,110,1);width: 100%;}

@media screen and (min-width: 1000px){
#topslider-box-wrap {display: table;width: 80%;margin: 0 auto;}
#topslider-box {display: table-cell;height: 90vh;width: 100%;vertical-align: bottom; font-weight: bold; color: white;}
.bxslidertxt_wrap {font-size: 240%;}
.bxslidertxt li{margin: 0;padding: 0 0 1em 0  ;line-height: 2.4em;}.bxslidertxt li span{display: inline-block;}
.bxslidertxt ul{margin: 0;padding: 0 ; }
.ookinatitle {font-size: 400%;text-align: right;}
.robot_icon {max-width: 150px;height: auto;}
.robot_pc {display: block!important;max-width: 50px;height: auto;}
.robot_sp {display: none!important;}
	.robot_tabale tr {border-bottom: rgba(0,0,0,.4) solid 1px!important;}
	.waku-icon {border: rgba(240,240,240,1) solid 14px; border-radius: 10px;}
	.naraberu_inner td {} 
}
@media only screen and (max-width:999px)  and (min-width:481px){#topslider {display: block;}
#topslider-box-wrap {display: table;width: 80%;}
#topslider-box {display: table-cell;height: 90vh;width: 100%;vertical-align: bottom; font-weight: bold; color: white;}
	.bxslidertxt_wrap {font-size: 200%;}
.bxslidertxt li{margin: 0;padding: 0 0 1em 0  ;line-height: 180%;}.bxslidertxt li span{display: inline-block;}
.bxslidertxt ul{margin: 0;padding: 0 ; }
.ookinatitle {font-size: 300%;text-align: right;}
.robot_icon {max-width: 80px;height: auto;}
.robot_pc {display: block!important;max-width: 30px;height: auto;}
.robot_sp {display: none!important;}
	.robot_tabale tr {border-bottom: rgba(0,0,0,.4) solid 1px!important;}
	.waku-icon {border: rgba(240,240,240,1) solid 7px; border-radius: 10px;max-width: 60px!important; height: auto;}
	.naraberu_inner td {} 
		}
	
@media screen and (max-width:480px){#topslider {display: block;}
#topslider-box-wrap {display: table;width: 80%;}
#topslider-box {display: table-cell;height: 90vh;width: 100%;vertical-align: bottom; font-weight: bold; color: white;}
.bxslidertxt_wrap {font-size: 140%;}
.bxslidertxt li{margin: 0;padding: 0 0 1em 0  ;line-height: 180%;}.bxslidertxt li span{display: inline-block;}
.bxslidertxt ul{margin: 0;padding: 0 ; }
.ookinatitle {font-size: 200%;text-align: right;}
.robot_pc {display: none!important;}
.robot_sp {display: block!important;max-width:30px!important ;height: auto!important;}
.robot_icon {max-width: 150px!important;height: auto;}
.robot_line {margin-bottom: 50px!important; border-bottom:rgba(0,0,0,.1) dotted 10px!important;padding-bottom: 100px!important;}
.robot_tabale td {text-align: center!important;}
	.waku-icon {border: rgba(240,240,240,1) solid 5px; border-radius: 7px;}
	.naraberu_inner td {text-align: center!important;}
		}	

.breadcrumbs_wrap {display: none;}

.post h2 {
	clear: both;
	margin:2em 0px .5em 0px;
	}

.cat_description {display: block; text-align: center;}

.pagetitle {
	font-size:medium;
	margin-bottom:20px;
	display:block;
	border-bottom:#EDEDED solid 1px;
	padding:5px;

	}
.caps {text-transform:uppercase; margin-bottom:6px; display:block;}
code {font: 1.1em "Courier New", Courier, Fixed;}
pre {font: 1.1em "Courier New", Courier, Fixed; margin:1.5em; padding:10px; background:#fafafa; border:1px solid #eee;}
acronym, abbr {font-size: 0.9em; letter-spacing: .07em;}

hr {clear:both; height:1px; border:none 0; color:#ccc; background-color:#ccc; margin:1.5em 0;}
img {
	border:none;
	max-width:100%;
	height: auto;
	}
blockquote {margin-left:-21px; padding-left:21px; background:url(images/quote.gif) no-repeat 0 6px; color:#343434;}
.entry cite { font-style:italic; font-size:.9em; display:block; margin:0; text-align:right;}
.entry cite:before {content: "\2014 \0020";}
.post ul, .post ol, .post dl {}
.post ul ul , .post ol ol, .post ul ol, .post ol ul, .post dl dl, .post dl ul, .post dl ol {}
.post li {}
.post ul li {}
.post ol li li {}
.post li li {}
.post li h3 {}
.post th {text-align: left;padding: .5em 0;}
.post td {text-align: left;padding: .5em 0;}
.post table {text-align: left;}
.post table tr {border-bottom: #999 solid 1px;}
table p {margin:-0px;padding:0px;}


.post dl {margin:5px 0px;
	border-bottom:#FFF solid 1px;
	clear:both;
}
.post dt {margin:0px;
	padding:15px 3px;
	float:left;
	width:30%;
}
.post dd {margin:0px;
	padding:15px 3px;
	float:left;
	width:50%;
}

.clear { clear:both; height:0; line-height:0;}
.nocomments {clear:both; height:0; line-height:0;}		
.alignleft {
	float:left;
	}
.alignright {
	float:right;
	}
.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* Begin Images */	
img.alignleft, .alignleft img {margin-right:10px;}
img.alignright, .alignright img {margin-left:10px;}
.wp-caption, .attachment img {text-align: center;}
.wp-caption p.wp-caption-text {font-size: .9em; color:#666666; margin: 0;}
.attachment, .caption {text-align:center;}
.attachment img {	}
/* End Images / End Settings and Classes */





/* End Header */





/* End Header */
#searchform {width:200px;}	
#searchsubmit { margin-bottom:-6px; margin-left:-2px;}
		
/* Begin Content */	

body {margin: 0; padding: 0;}

#contents_wrap {
	width: 100%;
	background-color: rgba( 255, 255, 255, .9 );
	margin: 0; padding: 0;
 }
#contents,#contents_page {
	max-width: 1000px;
	margin: 0px auto;
	
 }
#content_arcive .post {
	margin:0px;
	padding:0px;
}

.archive_txt {display: none;}
.archive_photo {display:block;}

.content  {
	width:100%;
	display:block;
	padding:30px 0px}



.content_top_info {
	width: 100%;
	margin: 0 auto;
	}
.content_top_info_line {
	display: block;
	border-bottom:#ccc dotted 1px;
	padding: .5em;
	margin-bottom: .5em;
	}
.content_top_info_date{
	display:block; float: left;
	padding: 0 1em;
	}
.content_top_info_txt{
	display:block; 
	padding: 0 1em;
	}
.content_top_info a:hover{ text-decoration: underline;
	}
.content_top_info a{ color: #333; text-decoration: none;
	}



	

#sideb-r  ul {
	margin:0px 0px 1em 0px;
	padding:0px 0px 5px 0px;
	display:block;
}
#sideb-r  li {
	margin:0px;
	padding:.5em 0;
	list-style:none;
	display:block;
}
#sideb-r  img {
	margin-bottom:10px;
}
.children {
	padding-left:1em !important;
	background-image:url(images/list.gif);
	background-position:center left;
	background-repeat: repeat-y;}
	

	
.sticky, .byuser {display:none;}
.byuser {display:none;}
.bubble  {display:none;}
	


.entry {
	line-height: 200%;
	min-height: 500px;
	}
.entry p {
clear:both;
width:100%;
display:block;
			}
.entry a {
	padding: 0 .1em;
			}
.breadcrumbs_wrap {padding: 50px 0px 10px 0;}
.breadcrumbs {
	max-width: 1000px;
	margin: 1em auto;
	display:block;
	padding:0;
	border-top:#EDEDED solid 1px;
	border-bottom:#EDEDED solid 1px;
	}
	
.navigation {
	margin:10px 0px;
	text-transform:uppercase;
		}
.post .navigation {
	border:solid #e6e6e6;
	border-width:1px 0px 0px 0px;
	padding:30px 0;
	}
.attachment .navigation {
		height:150px;
	}
.navigation .alignleft a {
			background:url(images/icons.gif) no-repeat 0 -60px;
			padding-left:22px;
			padding-right:22px;
			display:block;
			float:left;
			height:22px;
			overflow:hidden;
		}
.navigation .alignright a {
			background:url(images/icons.gif) no-repeat 100% -30px;
			padding-right:22px;
			padding-left:22px;
			display:block;
			float:right;
			height:22px;
			overflow:hidden;

		}

/* Begin Comments */		
.commentlist {}
.commentlist li {}
.commentlist li.alt {}
.commentmetadata, .comment-author {}
.comment-author {}
.avatar {}
#commentform {}
#commentform input, #commentform textarea {}
#commentform textarea {}
#commentform #submit {}
/* End Comments / End Content */


/* Begin Calendar */
#wp-calendar {empty-cells: show; margin: 5px auto; width:100%;}
#wp-calendar th {text-align:center;}
#wp-calendar caption {text-decoration: none; font-size: x-small; text-align: center; width: 100%;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {text-decoration: none; display: block;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
.businessday {background-color:#EDEDED !important;}
/* End Calendar */



.widgettitle {
	display: block;
	float: left;
	width: 100%;
	margin:0px;
	padding:0px 0px 5px 0px;
	}

.textwidgetbox {
	width:100%;
	display:block;
	padding: 0px 0px 10px 0px;
}
.error_message {
	color:#F20B0F;
	font-size:medium;
	text-decoration:underline;
	font-weight:bold;
	background-color:#F7F5E4;}
.item_info {
	border-top:#EDEDED dotted 3px;
	margin-top:20px;
	display:block;
	}
.field li {
	list-style:none;}

.ucart_search_body div  {
	display:none !important;}
.ucart_search_body #searchsubmit  {
	display:block;
	float: none;
	width:77%;
	margin-bottom:2em;}
input#submit_cart_input_btn { color:#FFFFFF;
background-color:#00BF60;
padding:5px 10px;
font-size:1.4em;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */}
input#submit_cart_input_btn:hover{ 
background-color:#009449;}


/* ナビゲーション */
.tablenav {
    color: #4d4d4d;
	font-size:1.1em;
    background:white;
    margin: 1em auto;
    line-height:1.2em;
    text-align: center;
	}
 a.page-numbers, .tablenav .current {
    color: #4d4d4d;
    padding: 0px .3em;
    border:solid 1px #4d4d4d;
    text-decoration:none;
    font-size:smaller;
	font-weight:bold;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
}
 a.page-numbers:hover {
    color:white;
    background: #4d4d4d;
}
 .tablenav .current {
    color: white;
    background: #4d4d4d;
    border-color: #4d4d4d;
    font-weight:bold;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
}
 .tablenav .next, .tablenav .prev {
    border:0 none;
    background:transparent;
    text-decoration:underline;
    font-size:smaller;
    font-weight:bold;
}
#form {
	display:block;
	padding:1em;
	padding-top:5em;
	}
		

.must {color: red;padding-right: 1em}

.updated { text-align:right; font-size:x-small; display:block; width:100%; line-height:1em; float:left; padding-top:30px;}
.post-author{ text-align:right; font-size:x-small; display:block; width:100%; line-height:1em; float:left; padding-bottom:30px;}
.hcard, .vcard, .author { text-align:right; font-size:x-small; display:block; width:100%; line-height:1em; float:left; padding-bottom:30px;}
.top_updated { text-align:right; font-size:x-small; display:block; width: auto; line-height:1em; float: inherit; padding:0;}
.widgettitle {display:none;}
.author {display:none;}
.updated {display:none;}

/* Begin Header */
#header_wrrap {padding: 1em;}
#header {position: fixed; top:0; z-index:100;width: 100%;text-align: right;
border-bottom: white solid 2px;background-color:rgba(20,17,110,1);transition-duration:300ms;}
#header {background-color:rgba(20,17,110,0);transition-duration:300ms;}
#header.scroll {background-color:rgba(20,17,110,1);transition-duration:300ms;}
#header_logo {width:100%; max-width:620px; float:left;text-align: left; }
#logo_e{width:100%; max-width:100px; height:auto;display: inline-block;vertical-align: middle;margin-right:20px;}
#logo_j{width:100%; max-width:18em; height:auto;display: inline-block;vertical-align: middle; padding: 1em 0 0 0;}



#header_menu {display: inline-block;vertical-align: bottom;padding: .5em 0 0 0;
}

#header_menu a:hover{text-decoration: underline;
}
#header_menu a{color: white;display: inline-block; vertical-align: bottom; margin: 1em 1em 0 0;text-decoration: none;
	
}


/* Begin Footer */


.calen{
	width: 200px;
	height: 200px;
	display: block;
	float: right;
}
#footer_wrap {
	background-color: rgba( 137,137,137,1 );
	color: #FFF;padding: 0px 30px; margin-top: 50px;
}
#footer_inner {
	padding: 1em;
}
#footer_shikaku {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
	text-align: left;
	padding-bottom: 1.5em;
}
#footer_menu {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding-bottom: 1.5em;
}
#footer_menu a:hover{
	text-decoration:none;
}
#footer_menu a{
	margin: .5em;
	color: white;
	display: inline-block;
}


#footer {
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
#footer_corp {
	font-weight: bold; padding-bottom: .5em; letter-spacing: .1em;
}
#footer_info {}
#footer_copyright {padding-top: 2em;}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}



	
	


.content_top_info_txt {display: block;}
.content_top_info_txt a:hover {text-decoration: underline; color: #000;}
.content_top_info_txt a {text-decoration: none; color: #4d4d4d;}

.content_w25 {display: inline-block;width: 20%; margin: 0 10px; vertical-align: text-top;}
.content_w25 a {text-decoration: none; color: #4d4d4d;}




.architect_img {}
.architect_img a:hover img  {opacity: 1.0}

	
	

.content_top_wrap {
	max-width: 80%;
	margin: 0 auto;
	padding-bottom: 100px;
	}

.content_top {
	padding: 50px;
	}
	



.mottomiru {display: block;text-align: right; margin-bottom: -3em;font-size: small; width: 100%;}	
.mottomiru a:hover {text-decoration: underline; color: #000;}	
.mottomiru a {text-decoration: none; color: #4d4d4d;}	


.choice_img {display: block; float: left; width: 300px; height: 300px; padding: 0px; text-align: center; }
.choice_img img {width: 250px; height: 188px;}



.font70 {font-size: 70%;}
.font80 {font-size: 80%;}
.kakunin {font-size: 140%;}
.center {text-align: center}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

.kakunin {display: block; padding: 1em 0; text-align: center;}
label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

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 {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 90%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 90%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

.div_pad {padding: 1em;}
.yomaseru span{ display: inline-block;}
.otoiawase_link {width: 100%;padding: 5em 0;}
.otoiawase_link a{display: block; width: 14em; padding: 10px 10px 5px 10px;border-radius: 10px; margin: 0 auto;
text-align: center;font-weight: bold; color: white;background-color: rgba(20,17,110,1);text-decoration: none;font-size: 180%;}
.otoiawase_link a:hover{text-decoration: underline;}



@media screen and (min-width: 1000px){

#mailform dl {
	display: block;
	width: 100%;
}	
#mailform dt {
	display: inline-block;
	font-weight:bold;
	width: 12em;vertical-align: text-top;
}

#mailform dd {
	display: inline-block;
	vertical-align: text-top;
}
.wide_50 {
	width: 50%;
	display: inline-block;
	vertical-align: text-top;
}
.wide_50 span{
	display: inline-block;
}
	
	
	

#nav_sp {display: none;}
	
#top_title {color: rgba(137,137,137,1); font-size: 350%;text-align: left;font-weight: bold; margin: 0; padding: 20px 0 0 0;}
#top_subtitle {font-size: 154%;text-align: left;width: 100%; max-width: 900px; margin: 0 auto 1em auto;}
#top_txt {text-align: left;width: 100%; max-width: 900px; margin: 1em auto;}
.post h1 {font-size: 350%;}
.midashi_title {font-size: 300%;line-height: 140%; text-align: left;font-weight: bold; margin: 0; padding: 1em 0;letter-spacing: 0;color: rgba(137,137,137,1); }
.midashi_subtitle {font-size: 154%;text-align: left;width: 100%; max-width: 900px; margin: 0 auto 1em auto;}
.midashi_txt {text-align: left;width: 100%; max-width: 900px; margin: 1em auto;}
.midashi_title span {display: inline-block;}
.wide_three {display: inline-block; vertical-align: top; width: 100%; max-width: 32%;aspect-ratio: 1 / 1;}	
.wide_three_aida {width: 2%; height: 20px; display: inline-block; vertical-align: top;}
	
	.haikeigazou {display: block; width: 100%;height: 100%;}
	.haikeigazou a{display: block; background-repeat: no-repeat; background-size: cover;background-position: center; color: white;border-radius: 15px;text-decoration: none;height: 100%;}
	.haikeigazou a:hover {text-decoration: underline;}
	
	.haikeigazou_title {display: block;font-size: 200%;font-weight: bold;padding-top: 50%;width: 100%;}
	.haikeigazou_txt {display: block;font-size: 100%;padding-top: 1em;width: 100%;}
	.haikeigazou_pad {display: block;padding: 30px;}
	.haikeigazou_flex {display: flex;height: 100%;align-items: center;}
.haikeigazou_filter {display: block; background-color: rgba(0,0,0,.4); width: 100%;height: 100%; border-radius: 15px;}
	
#slider {width:100%;max-width: 1000px; margin: 0 auto;}
	.bxslider li {padding-bottom: 30px;}
.wide_four {padding:0;width: 100%;aspect-ratio: 16 / 9;}
.four_haikeigazou {display: block; width: 100%;height: 100%;}
	.four_haikeigazou a{display: block; background-repeat: no-repeat; background-size: cover;background-position: center; color: white;text-decoration: none;height: 100%;border-radius: 15px;aspect-ratio: 16 / 9;}
	.four_haikeigazou a:hover {text-decoration: underline;}
	.four_haikeigazou_title {display: block;font-size: 350%;font-weight: bold;padding-top: 20%;width: 100%;}
	.four_haikeigazou_txt {display: block;font-size: 100%;padding-top: 1em;width: 100%;}
	.four_haikeigazou_pad {display: block;padding: 50px;}
	.four_haikeigazou_flex {display: flex;height: 100%;align-items: center;}
.four_haikeigazou_filter {display: block; background-color: rgba(0,0,0,.4); width: 100%;height: 100%; border-radius: 15px;}

}





@media only screen and (max-width:999px)  and (min-width:481px) {

	#mailform dl {
	display: block;
	width: 100%;
}	
#mailform dt {
	font-weight:bold;
	display: block;
	width: 90%;
}

#mailform dd {
	display: block;
	width: 90%;
}
.wide_50 {
	width: 100%;
	display: block;
	vertical-align: text-top;
}
.wide_50 span{
	display: inline-block;
}
#nav_sp {display: none;}
	
#top_title {color: rgba(137,137,137,1); font-size: 250%;text-align: left;font-weight: bold; margin: 0; padding: 20px 0 0 0;}
#top_subtitle {font-size: 154%;text-align: left;width: 100%; max-width: 900px; margin: 0 auto 1em auto;}
#top_txt {text-align: left;width: 100%; max-width: 900px; margin: 1em auto;}
#contents_page {padding: 1em;width: inherit!important;}
.content_top_wrap {
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
	padding-bottom: 100px;
	}
.post h1 {font-size: 250%;}	
.midashi_title {font-size: 250%;line-height: 140%; text-align: left;font-weight: bold; margin: 0; padding: 1em 0;letter-spacing: 0;color: rgba(137,137,137,1); }
.midashi_subtitle {font-size: 124%;text-align: left;width: 100%; max-width: 900px; margin: 0 auto 1em auto;}
.midashi_txt {text-align: left;width: 100%; max-width: 900px; margin: 1em auto;}
.midashi_title span {display: inline-block;}
.wide_three {display: inline-block; vertical-align: top; width: 100%; max-width: 48%;aspect-ratio: 3 / 2;margin: 10px 0;}	
.wide_three_aida {width: 2%; height: 20px; display: inline-block; vertical-align: top;}
	.haikeigazou a{display: block; background-repeat: no-repeat; background-size: cover; color: white;aspect-ratio: 3 / 2; border-radius: 15px;text-decoration: none;}
	.haikeigazou a:hover {text-decoration: underline;}
	.haikeigazou_title {display: block;font-size: 200%;font-weight: bold;padding-top: 20%;}
	.haikeigazou_txt {display: block;font-size: 100%;padding-top: 1em;}
	.haikeigazou_pad {display: block;padding: 15px;}
.haikeigazou_filter {display: block; background-color: rgba(0,0,0,.4); width: 100%;height: 100%; border-radius: 15px;}
.wide_four {display: inline-block; vertical-align: top; width: 100%; aspect-ratio: 1 / 1;}

.yomaseru {padding:15px 0!important;background-position: left center!important;}
	
#slider {padding: 30px;}
	.bxslider li {padding-bottom: 30px;}
.wide_four {padding:0;width: 100%;aspect-ratio: 1 / 1;}
.four_haikeigazou {display: block; width: 100%;height: 100%;}
	.four_haikeigazou a{display: block; background-repeat: no-repeat; background-size: cover;background-position: center; color: white;text-decoration: none;height: 100%;border-radius: 15px;aspect-ratio: 1 / 1;}
	.four_haikeigazou a:hover {text-decoration: underline;}
	.four_haikeigazou_title {display: block;font-size: 300%;font-weight: bold;padding-top: 20%;}
	.four_haikeigazou_txt {display: block;font-size: 100%;padding-top: 1em;}
	.four_haikeigazou_pad {display: block;padding: 50px;}
	.four_haikeigazou_flex {display: flex;height: 100%;align-items: center;}
.four_haikeigazou_filter {display: block; background-color: rgba(0,0,0,.4); width: 100%;height: 100%; border-radius: 15px;}
}	

@media screen and (max-width:480px){

	#mailform dl {
	display: block;
	width: 90%;
}	
#mailform dt {
	display: block;
	font-weight:bold;
	width: 90%;
}

#mailform dd {
	display: block;
	width: 90%;
}
.wide_50 {clear: both;
	width: 100%!important;
	display: block;margin-bottom: 2em;
}
.wide_50 span{
	display: block;
}
.post .alignright {display: block;width: 90%!important; text-align: center!important;float: inherit!important;}
.post .alignright img{ }
#contents_page {padding: 1em;width: inherit!important;}
.content_top_wrap {
	max-width: 90%;
	margin: 0 auto;
	padding-bottom: 100px;
	}
.otoiawase_link a{font-size: 100%;}
#header {background-color:rgba(20,17,110,1);position: inherit;}
	#header_menu {display: none;}
#top_title {color: rgba(137,137,137,1); font-size: 180%;text-align: left;font-weight: bold; margin: 0; padding: 20px 0;}
#top_subtitle {font-size: 104%;text-align: left;width: 100%; max-width: 900px; margin: 0 auto 1em auto;font-weight: bold;}
#top_txt {text-align: left;width: 100%; max-width: 900px; margin: 1em auto;}
.post h1 {font-size: 180%;}	
.midashi_title {font-size: 150%;line-height: 140%; text-align: left;font-weight: bold; margin: 0; padding: 1em 0;letter-spacing: 0;color: rgba(137,137,137,1); }
.midashi_subtitle {font-size: 114%;text-align: left;width: 100%; max-width: 900px; margin: 0 auto 1em auto;}
.midashi_txt {text-align: left;width: 100%; max-width: 900px; margin: 1em auto;}
.midashi_title span {display: inline-block;}
.wide_three {display: block;  width: 100%;aspect-ratio: 3 / 2;}	
.wide_three_aida {width: 2%; height: 20px; display: block; }
	.haikeigazou a{display: block; background-repeat: no-repeat; background-size: cover; color: white;aspect-ratio: 3 / 2; border-radius: 15px;text-decoration: none;}
	.haikeigazou a:hover {text-decoration: underline;}
	.haikeigazou_title {display: block;font-size: 180%;font-weight: bold;padding-top: 20%;}
	.haikeigazou_txt {display: block;font-size: 120%;padding-top: 1em;}
	.haikeigazou_pad {display: block;padding: 15px;}
.haikeigazou_filter {display: block; background-color: rgba(0,0,0,.4); width: 100%; aspect-ratio: 3 / 2;border-radius: 15px;}
.wide_four {display: block;  width: 100%; aspect-ratio: 3 / 2;margin: 10px 0;}
.wide_four_aida {width: 2%; height: 20px; display: block; }	
	.yomaseru {padding:15px 0!important;background-position: left center!important;}
	
#slider {padding: 30px;}
	.bxslider li {padding-bottom: 30px;}
.wide_four {padding:0;width: 100%;aspect-ratio: 1 / 1;}
.four_haikeigazou {display: block; width: 100%;height: 100%;}
	.four_haikeigazou a{display: block; background-repeat: no-repeat; background-size: cover;background-position: center; color: white;text-decoration: none;width: 100% ;border-radius: 15px;aspect-ratio: 1 / 1;}
	.four_haikeigazou a:hover {text-decoration: underline;}
	.four_haikeigazou_title {display: block;font-size: 180%;font-weight: bold;padding-top: 40%;}
	.four_haikeigazou_txt {display: block;font-size: 100%;padding-top: 1em;}
	.four_haikeigazou_pad {display: block;padding: 20px;}
	.four_haikeigazou_flex {display: flex;height: 100%;align-items: center;}
.four_haikeigazou_filter {display: block; background-color: rgba(0,0,0,.4); width: 100%;height: 100%; border-radius: 15px;}

.naraberu {width: 90%!important;}
.naraberu th,.naraberu td{margin: 0!important; width: 100%!important;
display: block;
	  word-wrap : break-word;
  overflow-wrap : break-word;
}
	

	

.post th {font-weight: bold;}	
.post td {padding: 0;}
	




#contents_wrap {padding: 10px;width: inherit;}

	#nav_sp {display: inline-block;padding: 1em 2em;
}

	/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}
/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 50px;
  height: 50px;
 margin-top: 7px;
  vertical-align: middle;
	
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 7px;/*線の太さ*/
  width: 60px;/*長さ*/
  border-radius: 5px;
  background: rgba(255,255,255,1);
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -16px;
}
#nav-open span:after {
  bottom: -32px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
	padding-left: 2em;
    text-align: left;
  z-index: 9999;/*最前面に*/
  width: 70%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}
#nav-content li{
  padding: .7em 0;
}
#nav-content ul{
  padding: 0; margin: 0;
}
#nav-content {
	list-style: none;
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#footer_info,#footer_copyright {font-size: medium;}
#footer_info span,#footer_copyright span{display: inline-block;}
}
/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/