@charset "UTF-8";
body{
	font-family:
		"Helvetica Neue",
	  Arial,
	  "Hiragino Kaku Gothic ProN",
	  "Hiragino Sans",
	  Meiryo,
	  sans-serif;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 16px;
	min-height: 100vh;
	position: relative;
	box-sizing: border-box;
	background-color:rgba(100,100,100,0.1);
	color:#444;
}
h1,h2,h3,h4{
	font-size:1rem;
	line-height: 1rem;
	padding:0;
	margin:0;
	color:#444;
}
img.ofit{
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.sp-only{
	display: none;
}
.content-box{
	position: relative;
	background-color:#FFF;
	border-radius:10px;
	padding:20px;
	margin-bottom:50px!important;
}
.wdt{
	width:1024px;
	margin:0 auto;
}
.global-headline{
	padding:30px 10px;
	padding-bottom:0px;
	text-align: center;
}
.global-headline-text{
	font-weight: 700;
	font-size:1.1rem;
}
.global-headline-text a{
	text-decoration: none;
	color:#444;
	line-height: 1rem;
}
.global-headline-en{
	font-size:0.8rem;
	padding-bottom:20px;
}
.global-search{
	margin-bottom:10px;
}
.global-info{
	margin-top:7px;
	margin-bottom:20px;
	font-size:0.8rem;
	text-align: center;
	color:#B1221A;
}
.global-category{
	text-align: center;
}
.global-category-item{
	display: inline-block;
	width:150px;
	margin-bottom:6px;
	transition: 0.2;
}
.global-category-item a{
	display: block;
	padding:5px;
	border:2px solid #555;
	color:#555;
	text-decoration: none;
	transition: 0.2s;
	background-color:#FFF;
	font-weight: 700;
}
.global-category-item a:hover{
	background-color:#555;
	color:#FFF;
}
.content-box-round{
	background-color: #FFF;
	border-radius: 5px;
	padding: 20px;
	margin: 0px 10px 20px 10px;
	box-shadow: 2px 2px 4px rgba(100,100,100,0.2);
}
.content-box-headline{
	font-size: 1.2rem;
	font-weight: 700;
	color: #444;
	position: relative;
	padding-bottom: 10px;
}
.content-box-section{
	margin-bottom:40px;
}
.content-box-section-headline{
	text-align: center;
	font-size:1.3rem;
	font-weight: 700;
	padding-bottom:40px;
	position: relative;
}
.content-box-section-headline:after{
	position: absolute;
	content:"";
    bottom: 25px;
    left: 47.5%;
	width:50px;
	height: 4px;
	background-color:#ccc;
}
.content-box-section-list ul,
.content-box-section-list li{
	list-style: none;
	margin:0;
	padding:0;
}
.check{
  display: none;
}

/* 通常時表示されるテキスト */
.label{
	position: relative;
  background-color: #FFF;
  display: block;
  align-items: center;
  height: auto;
  padding: 10px;
  padding-left:40px;
  border:1px solid #CCC;
  cursor: pointer;
  transition: 0.2s;
}
.label:hover{
	background-color:rgba(129 , 204, 145,0.1);
}

/* クリック時に表示されるテキスト */
.text{
  background-color:rgba(120,120,120,0.1);
  align-items: center;
  margin-bottom: 10px;
  overflow: hidden;
  height: 0;
  transition: 0.2s;
  padding-left:30px;

}
.check:checked + .label + .text{
  padding: 20px;
  padding-left:30px;
  height: auto;
}
input{
	width: 418px;
	padding: 8px;
	border-width: 2px;
}
.search-button{
	height: 35px;
	vertical-align: top;
	cursor: pointer;
	border-width: 2px;
}
button:hover{
	background-color:#DDD;
}
.search-box-result-match{
	text-align: center;
}
.fixed-login-button{
	position: fixed;
	top:0;
	left:0;
	background-color:rgba(120,120,120,1);
}
.fixed-login-button a{
	text-decoration: none;
	color:#FFF;
	font-size:0.8rem;
	padding:0px 9px;
}
.fixed-login-button a:hover{
	opacity: 0.9;
}
.fixed-top-scroll{
	position: fixed;
	bottom:30px;
	right:30px;
	z-index: 5;
}
.fixed-top-scroll a{
	padding:20px 20px;
	background-color:rgba(100,100,100,0.5);
	text-decoration: none;
	color:#FFF;
	font-size:0.8rem;
}
.tag-box{
	margin-bottom:2px;
}
.tag-box-item{
	display: inline-block;
	font-size:0.7rem;
	padding:2px 6px;
	background-color:#ddd;
}
.tag-bg-tatami{
	background-color:#2e8b57;
	color:#FFF;
}
.tag-bg-shoji{
	background-color:#deb887;
}
.tag-bg-fusuma{
	background-color:#faf0e6;
}
.tag-bg-amido{
	background-color:#87ceeb;
}
.text p{
	margin:0;
	padding:10px 0px;
	line-height: 1.4rem;
}
.text img{
	max-width: 100%;
	height: auto;
	margin:10px 0px;
}
.edit-post{
	position: absolute;
	right:20px;
	top:20px;
}
.edit-post a{
	color:#CCC;
	text-decoration: none;
}
.edit-post a:hover{
	color:red;
}
.label-head{
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	padding:0px 3px;
	width:20px;
}
.label-head span{
	position: relative;
	top: 30%;
	-webkit-transform: translateY(-30%); /* Safari用 */
	transform: translateY(-30%);
	writing-mode: vertical-rl;
}
.label-shoji{
	 background:url(
	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAEdJREFUKFNjZCAAehJE/jPC1Fy7du2/lpYWnA8ThyvCpQCkEMUkXLYSVASyYVuXHQOGG5BNJKgIpACkAadJMAVwRSCHEQorABQ1JgE9Na4hAAAAAElFTkSuQmCC
	   ) repeat;
}
.label-tatami{
	 background:url(
	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAB5JREFUGFdjZGhg+M8AAg0MjFD6P4QBEYRLMlKmEgDpmQ6De1rGtAAAAABJRU5ErkJggg==
	   ) repeat;
}
.label-fusuma{
	 background:url(
	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAC1JREFUGFdj/P/rwX8GJPDx0SwGRnRBkDzjhztV//nl0pAVQwRBIsgScEFkCQBShhWrauDWcAAAAABJRU5ErkJggg==
	   ) repeat;
}
.label-amido{
   background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAACRJREFUGFdjZGBgYGipmva/pi2LEcQGATADQxAkAFOBXyU27QAOBxKZ7AZqogAAAABJRU5ErkJggg==
   ) repeat;
}
.label-other{
	
}
.flex-col-1{
	width: 10%;
}
.flex-col-2{
	width: 20%;
}
.flex-col-3{
	width: 30%;
}
.flex-col-4{
	width: 40%;
}
.flex-col-5{
	width: 50%;
}
.flex-col-6{
	width: 60%;
}
.flex-col-7{
	width: 70%;
}
.flex-col-8{
	width: 80%;
}
.flex-col-9{
	width: 90%;
}
.flex-col-10{
	width: 100%;
}
.flex-wrap{
	flex-wrap: wrap;
}
.global-menu-pc{
	padding: 5px 0px;
}

.global-menu-pc a{
	text-decoration: none;
	color: #FFF;
}
.answer-box-sub-headline{
	font-size:14px;
	font-weight: 700;
	margin-top:10px;
	left:10px;
}
.answer-box-sub{
	background-color:#FFF;
	padding:10px;
	margin-bottom:10px;
	font-size:14px;
}
.color-aeon{
	color:#b60081;
}
.color-cainz{
	color:#046434;
}
footer{
		width: 100%;
		color: #333;
		padding: 30px 0;
		position: absolute;
		bottom: 0;
	background-color: #9fa0a0;
}
.footer-box{
	color: #FFF;
	text-align: center;
	font-size: 0.9rem;
}
.footer-box span{
	color: rgba(255, 255, 255, 0.3);
}
.keyword-box{
	margin:5px;
}
.keyword-box a{
	color:#555;
	padding:1px 3px;
}
.keyword-box a:hover{
	background-color:#CCC;
}
/* ================================= */
@media screen and (max-width: 1024px) {
	.wdt{
		width:95%;
		margin:0 auto;
	}
	.global-info{
		padding-bottom:10px;
	}
}
/* ================================= */
@media screen and (max-width: 768px) {
	body{
		font-size: 15px;
	}
	.sp-only{
		display: block;
	}
	.wdt{
		width:95%;
		margin:0 auto;
	}
	.global-headline {
	    padding: 30px 10px;
	    padding-bottom:0px;
	    text-align: center;
	}
	.global-info{
		padding-bottom:10px;
	}
	input {
	    width: 85%;
	    padding: 8px;
	    border-width: 2px;
	}
	.global-category-item {
	    display: inline-block;
	    width: 48%;
	    margin-bottom: 6px;
	}
	.content-box-section-headline:after {
	    left: 42.5%;
	}
	.content-box {
	    padding: 15px;
	}
	.content-box-section-headline {
	    text-align: center;
	    font-size: 1rem;
	    font-weight: 700;
	    padding-bottom: 40px;
	    position: relative;
	    padding-top: 5px;
	}
	.check:checked + .label + .text {
	    padding: 15px;
	    padding-left: 15px;
	    height: auto;
	}
}
/* ================================= */
@media screen and (max-width: 480px) {

}
/* ================================= */
@media screen and (max-width: 320px) {

}