/*
Theme Name:Base Theme
Theme URI: http://www.www.www/
Description:BASE THEME.
*/

@import url("style.css");
@import url("margin.css");
@import url("link.css");


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article,section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
	font-size:15px;
	line-height: 1.5;
	vertical-align: baseline;
	background: transparent;
	color:#202020;
	letter-spacing: 1px;
}

	@media screen and (max-width : 500px){
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article,section {
		font-size:14px;
	}
	}

html *,
::before,
::after {
 box-sizing: border-box;
}
body {
	background: #fff;
}
html.noscroll,
body.noscroll {
	overflow: hidden;
}
a {
	text-decoration:none;
}
li {
	list-style-type:none;
}
address {
	font-style: normal;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border:0;
	display:block;
}

/* コンテナ */
.container {
	max-width: 1140px;
	margin: 100px auto;
	padding: 0 25px;
}
.container.about-container {
	margin-top: 0;
}

	@media screen and (max-width: 1000px) {
		.container.about-container {
			margin-top: 60px;
		}
	}
	@media screen and (max-width: 500px) {
		.container {
			margin: 40px auto;
			padding: 0 6%;
		}
		.container.about-container {
			margin-top: 40px;
		}
	}


/* フォント */
.bello {
	font-family: bello-pro,sans-serif;
	font-weight: 400;
	font-style: normal;
}


/* 文字色・背景色 */


/* 文字サイズ・揃え */
.font12 {
	font-size: 12px;
	line-height: 21px;
}
.font14 {
	font-size: 14px;
	line-height: 23px;
}
.font16 {
	font-size: 16px;
	line-height: 25px;
}
.font18 {
	font-size: 18px;
	line-height: 27px;
}
.font20 {
	font-size: 20px;
	line-height: 29px;
}
.font22 {
	font-size: 22px;
	line-height: 31px;
}
.font24 {
	font-size: 24px;
	line-height: 33px;
}
.font26 {
	font-size: 26px;
	line-height: 41px;
}
.btxt {
	font-weight: bold;
}
.ctxt {
	text-align: center;
}
.ltxt {
	text-align: left;
}

/* 改行 */
.pc-br{
	display: block;
}
.sp-br{
	display: none;
}
	@media screen and (max-width: 768px){
	.sp-none{
		display: none;
	}
	.pc-br{
		display: none;
	}
	}
	@media screen and (max-width : 500px){
	.sp-br {
		display: block;
	}
	}

/* テキスト選択カラー */
::selection {
    background: #ccc; /* Safari */
}
::-moz-selection {
    background: #ccc; /* Firefox */
}

/* お問合せ
----------------------------------------------------------------------------------------------*/
.form-width {
	max-width: 100%;
}
.wpcf7 {
	max-width:700px;
	width:100%;
	margin:30px auto !important;
}
.wpcf7 p {
  padding: 15px 0;
}
.wpcf7-list-item{
	  display: block;
	  padding: 5px 0;
}
input[type=submit] {
  padding: 10px 20px;
}
input, textarea {
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
}
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="tel-248"],
.wpcf7 input[name="text-409"] {
	width:100%;
	height: 40px !important;
}
.wpcf7-list-item {
display: block !important;
}
.wpcf7 textarea[name="your-message"] {
	width:100%;
	height: 250px !important;
}
.wpcf7-submit{
	background: #f9fcf3;
	border: 2px solid #202020;
	color: #202020 !important;
	font-weight: bold;
}

	/* 768px以下 タブレット*/
	@media screen and (max-width : 768px){
	.tentext,
	.wpcf7 {
		width:90%;
	}
	}


/* ブログ
----------------------------------------------------------------------------------------------*/
.value_left {
	width:82%;
	margin:0 3% 40px 0;
	float:left;
}
.value_left > ul {
   display: flex;
   flex-wrap: wrap;
	box-sizing: border-box;
}
li.blog_tmp {
	width: 29.333%;
   position: relative;
   margin: 2%;
   text-align: left;
}
.value_left p a{
	color:#202020 !important;
	text-decoration:underline;
}
.value_left p a:link,
.value_left p a:visited,
.value_left p a:active {
	color:#202020 !important;
}
.value_left p a:hover {
	color:#404040 !important;
}
.value_left h1 {
	margin: 0 0 1em 0 !important;
	font-size:22px;
	line-height: 31px;
}
.value_left h2 {
	margin: 2em 0 !important;
	padding: 1em !important;
	border-bottom: double 3px #202020 !important;
	border-top: double 3px #202020 !important;
	font-size:18px;
}
.value_left h3 {
	margin: 2em 0 !important;
	padding: 1em !important;
  border: 1px solid #e3dbd2;
	font-size:16px;
}
.value_left strong {
	font-weight:bold;
}
.value_left em {
	border-bottom: 2px #f9fcf3 solid;
	padding-bottom: 3px;
	font-weight:bold;
}
.value_right{
	width:15%;
	font-size:12px;
	float:left;
}
.value_right h3{
	margin:0 0 10px 0;
	padding:10px;
	background:#202020;
	color:#fff;
	font-weight:bold;
}
.value_right ul{
	margin:0 0 20px 0;
}
.value_right ul li{
	font-size:13px;
	list-style:none;
}
.value_right ul li a{
	color:#404040 !important;
}
.value_right ul li a:link,
.value_right ul li a:visited,
.value_right ul li a:active {
	color:#404040 !important;
}
.value_right ul li a:hover {
	color:#202020 !important;
}
.blog_ttl{
	margin:10px 0 0 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.value_left .blog_ttl a{
	color:#404040 !important;
	text-decoration:none;
}
.value_left .blog_ttl a:link,
.value_left .blog_ttl a:visited,
.value_left .blog_ttl a:active {
	color:#404040 !important;
}
.value_left .blog_ttl a:hover {
	color:#202020 !important;
}
.blogdetail ,
.blogdetail a {
	font-size: 12px;
	color:#202020 ;
}
.blogdetail a:link,
.blogdetail a:visited,
.blogdetail a:active {
	color:#202020 !important;
}
.blogdetail a:hover {
	color:#404040 !important;
}
.bdtc{
	margin:0 0 30px 0;
}
.bdtc a{
	color:#202020 !important;
}
.bdtc a:link,
.bdtc a:visited,
.bdtc a:active {
	color:#202020 !important;
}
.bdtc a:hover {
	color:#404040 !important;
}

	@media screen and (max-width : 1000px){
	li.blog_tmp {
		width: 46%;
	}
	}

	@media screen and (max-width : 768px){
	.value_left,
	.value_right {
		float:none;
	}
	.value_left {
		width:100%;
	}
	.value_right{
		width:100%;
	}
	}

	@media screen and (max-width : 500px){
	.value_left h1 {
		font-size:18px;
		line-height: 31px;
	}
	}

#toc_container {
	width:100% !important;
	padding:30px !important;
	box-sizing: border-box;
}
#toc_container p.toc_title {
	text-align:left !important;
}

	@media screen and (max-width : 500px){
	#toc_container {
	padding:20px !important;
	}
	}

.alignnone rectimg{
	max-width:100%\9;
	max-height:100%\9;
}
.alignnone rectimg:not(:target) {
	max-width:100%\9;
	max-height:100%\9;
}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.alignnone{
		max-width:100% !important;
		max-height:100% !important;
	}
	}

	body:first-of-type .alignnone{
	max-width:100% !important;
	/* max-height:100% !important; */
	}
	}

	@media not screen and (1){
	.alignnone{
		max-width:100%;
		max-height:100%;
	}
	}

	@media (min-resolution: .001dpcm) { /* opera12 */
	_:-o-prefocus,.alignnone{
		max-width:100%;
		max-height:100%;
	}
	}

	.top-blog-wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.top-blog-wrap > li {
	   width:70%;
		margin:0 auto;
	}
	.blog-ct2 {
		padding: 2px;
	}
	.top-blog-wrap > li > a {
		color:#404040 !important;
	}
	.top-blog-wrap > li > a:link,
	.top-blog-wrap > li > a:visited,
	.top-blog-wrap > li > a:active {
		color:#404040 !important;
	}
	.top-blog-wrap > li > a:hover {
		color:#202020 !important;
	}

		@media screen and (max-width : 768px){
		.top-blog-wrap > li {
		   width:100%;
		}
		}

		@media screen and (max-width : 500px){
		.top-blog-ttl,
		.top-blog-txt {
			font-size:12px;
		}
		.top-blog-day {
			font-size:10px;
		}
		.top-blog-ttl,
		.top-blog-txt {
			line-height:18px;
		}
		.blogdetail ,
		.blogdetail a  {
			font-size: 11px;
	    	line-height: 18px;
		}
		}