.kaisou{
	background-color: #def4ef;
	margin: 20px 10px;
/*	font-style: italic;	*/
	padding: 1px 10px;
}

.f24{ font-size:24px; }
.f20{ font-size:20px; }
.f18{ font-size:18px; }
.f16{ font-size:16px; }
.f14{ font-size:14px; }
.f12{ font-size:12px; }



/* PCのとき */
.yamaya_pc { display: block !important; }
.yamaya_sp { display: none !important; }

/* SPのとき */
.yamaya_pc { display: none !important; }
.yamaya_sp { display: block !important; }

.social-button{
    margin:10px 0 20px 0;
}
.social-button iframe,
.social-button a,
.social-butoon img,
.social-button div {
    vertical-align: top !important;
}

/* WYSIWYGエディターのソースコード補完対応 */
.article-wysiwyg figure > p {
	  margin-top: 0 !important;
	  margin-bottom: 0 !important;
}
/* リンクの長いURL改行 */
.article-wysiwyg a:not([class]) {
  word-break: break-all;
}
/* グレー囲みのh3をboldにする */
.article-single-panel__title {
  font-weight: bold;
}

.icon_photo_left{
    float: left;
    margin-right: 10px;
}
.entry-more-link{
    text-align: center;
}
.top_more_btn{
    display: inline-block;
    width: 200px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    outline: none;
    background-color: #eaca3b;
    color: #000000;
}

ul.asset-meta-list{
    margin-top: 5px;
}
.box_category{
    background-color:#3ca18b;
    padding: 5px 20px;
    text-align: center; 
}
.box_category a{
    color: #fff;
    text-decoration: none;
}
.top_line{
    border-bottom: 1px solid #666;
    clear: both;
    height: 1px;
    line-height: 1px;
    margin-bottom: 20px;
}
.point_box{
    background-color: #c5e8e0;
    padding:10px 10px 10px 0;
    margin-top:10px;
    margin-bottom:10px;
}

.point_mds{
	text-align: center;
	color: #45b4b9;
	font-size:18px;
	font-weight: bold;
	letter-spacing: 0.3em;
	margin:5px 0 0 0;
}
.point_box ul{
    margin: 5px 0;
	margin-left: 2em !important;
}
.point_box ul li{
    margin-bottom: 8px;
    line-height:1.2em;
}
.catch_box {
	position: relative;
	background: #ffffff;
	border: 4px solid #c5e8e0;
	padding: 10px;
	margin-top: 20px;
	margin-bottom:25px;
}
.catch_box p{
    margin: 0;
}
.catch_box_mds{
    text-align: center;
    color: #45b4b9;
    font-size:16px;
    font-weight: bold;
    letter-spacing: 0.3em;
    margin:5px 0 0 0;
}
.catch_box:after, .catch_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.catch_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
}
.catch_box:before {
    border-color: rgba(60, 161, 139, 0);
    border-top-color: #c5e8e0;
    border-width: 21px;
    margin-left: -21px;
}
.lead{
    font-weight: bold;
}


.pt_box{
	background-color: #e3f7f2;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
}

.pt_mds{
	text-align: center;
	color: #000000;
	font-size:18px;
	font-weight: bold;
	letter-spacing: 0.3em;
	margin-bottom:5px;
}
.pt_box ul{
	margin: 5px 0
}
.pt_box ul li{
	margin-bottom: 8px;
	line-height:1.2em;
	margin-left:5px;
}
.pt_box a{
	color: #151515;
}















/*
.prof_mds{
    background-color: #3ca18b;
    color: #fff;
    text-align: center;
    padding:10px;
    margin: 20px 0;
    font-size:18px;
}
.prof_name{
    color: #6e443e;
    font-weight: bold;
}
.prof_img img{
    border: 1px solid #ccc;
    font-size: 16px;
}
.prof_img{
    float: right;
    padding:0 0 5px 10px;
}
.prof_box{
  line-height:1.6em; 
  margin:10px auto;
}
*/


a.btn_amazon{
    display: inline-block;
    width: 200px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    outline: none;
    background-color: #fb9b00;
    color: #ffffff;
    margin: 10px auto;
}
a.btn_rakuten{
    display: inline-block;
    width: 200px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    outline: none;
    background-color: #ae0000;
    color: #ffffff;
    margin: 10px auto;
}

.kakomi_about{
    margin: 20px 0;
    border:1px solid #ccc;
    padding:0 20px;
}
.mds_center{
    text-align: center;
    font-size:16px;
    font-weight: bold;
    color: #6e443e;
    margin: 20px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #6e443e;
}
.inter_a{
    color: #4086b0;
    font-weight:bold;
    padding-right:3px;
}
.inter_b{
    color: #d03349;
    font-weight:bold;
    padding-right:3px;
}
.inter_c{
    color: #9400D3;
    font-weight:bold;
    padding-right:3px;
}
.inter_d{
    color: #008000;
    font-weight:bold;
    padding-right:3px;
}

/* 線が半分のマーカー */
.half-marker {
	background: linear-gradient(#fff 50%, #FFFF9B 0%);
}


.kaisou{
	background-color: #def4ef;
	margin: 20px 10px;
/*	font-style: italic;	*/
	padding: 1px 10px;
}

/* 旧キャプション～2023
.caps{
  font-size:14px;
  line-height:1.2em;
  color:#800000;
  margin:-5px 0 0 0;
  text-align:center;
} */
.caps{
  font-size: 12rem;
  line-height:1.45;
  color:#777777;
  margin:-9px 0 0 0;
  text-align:center;
}

.caps2{
  font-size:14px;
  line-height:1.4em;
  color:#800000;
  margin:-5px 3% 0 3%;
  text-align:left;
}

/*---- 田中カスタマイズ ----*/

.clear_box{
 margin:15px auto;
}
.clear_box:after{
	content: '';
	display: block;
	clear: both;
}
.resp_box{
 width:30%;
 float:left;
 padding:1%;
 text-align:center;
}
.resp_box img{
 width:98%;
}
.resp_box_txt{
 margin:10px auto;;
 width:94%;
 padding:15px 3%;
 background:#f5f5f5;
 text-align:left;
}
.resp_box2{
 width:70%;
 padding:1%;
 text-align:center;
 margin:0 auto;
}
.resp_box2 img{
 width:98%;
}


.book_box{
 border:1px #cccccc solid;
	width: 100%;
	padding: 20px 4% 3px 4%;
 font-size:14px;
 margin:15px auto;
 background:#ffffff;
}
.book_box:after{
	content: '';
	display: block;
	clear: both;
}
.book_box_title{
 font-weight:bold;
 margin-bottom:10px;
 font-size:16px;
}
.book_img{
	border:1px #cccccc solid;
}

.you_tube{
 width:560px;
 margin:10px auto;
}
@media screen and (max-width:640px) {
	.resp_box{
	  width:96%;
	  clear: left;
	  padding:2%;
	 }
	 .resp_box2{
	  width:96%;
	  clear: left;
	  padding:2%;
	 }
	 .book_box{
	  border:1px #cccccc solid;
	  width: 100%;
	  padding: 15px 4% 5px 4%;
	 }
	.you_tube{
	  width:100%;
	  margin:10px auto;
	}

	a.btn_amazon{
		display: block;
		width: 200px;
		height: 40px;
		text-align: center;
		text-decoration: none;
		line-height: 40px;
		outline: none;
		background-color: #fb9b00;
		color: #ffffff;
		margin: 10px auto;
	}
	a.btn_rakuten{
		display: block;
		width: 200px;
		height: 40px;
		text-align: center;
		text-decoration: none;
		line-height: 40px;
		outline: none;
		background-color: #ae0000;
		color: #ffffff;
		margin: 10px auto;
	}

}


/*---- ジップロック ----*/

table.tbl{
	border-collapse:collapse;
	font-size:14px;
}
table.tbl td,th{
	padding:5px;
	border:1px #cccccc solid;
}









/*---- ジップロック ----*/
.dot_line{
 height:15px;line-height:15px;
 margin-bottom:15px;
 border-bottom:1px #696969 dotted;
}
.zip_prof{
 width:90%;
 margin:15px auto 20px auto;
 padding:15px;
 font-size:14px;
 line-height:1.6em;
}
.zip_prof p{
 font-size:16px;
 margin:0;
 padding:0 0 10px 0;
}
.zip_syurui{
 width:90%;
 margin:15px auto 20px auto;
 padding:5px;
}
.zip_syurui p{
  margin:0;
  padding:0;
  padding-bottom:8px;
}
.zip_comment{
  border:2px #cccccc solid;
  border-radius:8px;
  padding:10px;
  width:85%;
  margin:15px auto 30px auto;
}
.zip_comment:after{
	content: '';
	display: block;
	clear: both;
}
.zip_comment p{
  font-size:16px;
  margin:0;
  padding:0;
  padding-bottom:5px;
  line-height:1.6em;
}
.zip_column{
  padding:10px;
  width:80%;
  margin:15px auto 30px auto;
  background:#FDF5E6;
}
.zip_column:after{
	content: '';
	display: block;
	clear: both;
}
.zip_column p{
  font-size:16px;
  margin:0;
  padding:0;
  padding-bottom:5px;
  line-height:1.6em;
}
.zip_box_sml{
  padding:10px;
  width:84%;
  margin:15px auto 30px auto;
}
.zip_caps{
  width:80%;
  padding:15px;
  line-height:1.4em;
  font-size:14px;
  background:#f5f5f5;
  border-radius:10px;
  margin:-5px auto 10px auto
}

.zip_cts_list_area{
  width:90%;
  margin:20px auto;
  font-size:14px;
}
.zip_cts_list_area:after{
	content: '';
	display: block;
	clear: both;
}
.zip_cts_list{
  float:left;
  width:46%;
  margin:10px 1%;
  border:1px #cccccc solid;
  height:320px;
}
.zip_cts_list_c{
  padding:15px;
  font-size:14px;  
}
.zip_cts_list_img{
  text-align:center;
  margin-bottom:10px;
}
.zip_cts_list_img img{
  width:98%;
  display:block;
  margin:0 auto;
}
.zip_cts_list_title{
  font-size:14px;
  font-weight:bold;
  margin-bottom:5px;
  line-height:1.2em;
}
.zip_cts_list_title a{
  color:#300000;
  text-decoration:none;
}
.zip_cts_list_txt{
  text-align:left;
  font-size:14px;
  line-height:1.4em;
}
.zip_cts_list_txt a{
    color:#696969;
  text-decoration:none;
}
.nemo_mame {
    padding: 20px;
    line-height: 1.6em;
    font-size: 16px;
    background: #f5f5f5;
    border-radius: 10px;
    margin: -5px auto 10px auto;
}

.zip_column2{
  padding:10px;
  width:98%;
  margin:15px auto 30px auto;
  background:#FDF5E6;
}
.zip_column2:after{
	content: '';
	display: block;
	clear: both;
}
.zip_column2 p{
  font-size:16px;
  margin:0;
  padding:0;
  padding-bottom:5px;
  line-height:1.6em;
}

/* .img_half{
	
}
.img_75{
	
} */




/*--- 英語 ---*/
.en_box{
	background:#f5f5f5;
	padding: 20px 30px 5px 30px;
	width: 100%;
	margin:5px auto;
}
.en_box em{
	font-size:20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	color:#000000;
}
h2{
	background-color:none;
}
.p_credit{
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	color:#000000;
	padding-left:10px;
}




/*--- 写真をPCでは横に。SPでは縦に ---*/
.ph_box_clr{
	margin:10px auto;
}
.ph_box_clr:after{
	content: '';
	display: block;
	clear: both;
}
.ph_box_lft{
	float:left;
	width:48%;
	text-align:center;
}
.ph_box_rgt{
	float:right;
	width:48%;
	text-align:center;
}

/*--- 本を３つ並べる（SPはたて）2018/06/13 ---*/

.book_one_third{
	width:30%;
	padding:5px;
	float:left;
	font-size:14px;
	line-height:1.5em;
	text-align:center;
}



/*------ 2018.02.16 ------*/
	.catch_box_mds2 {
	text-align: center;
	color: #45b4b9;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0 0;
}

/*------ 2019.01.21 ------*/
.item_surround{
	background:#f8f8ff;
	border:#dddddd 1px solid;
	margin:10px auto 18px auto;
	padding:15px 15px 4px 15px;
	border-radius:5px;
}


.grad-wrap{
	position: relative;
}
.grad-wrap {
	margin-top: 40px;
}

.grad-btn{
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 240px;
	margin: auto;
	border-radius: 4px;
	background: #dddddd;
	color: #000000;
	text-align: center;
	cursor: pointer;
	display:block;
	height:32px;
	line-height:33px;
}

.grad-btn::before {
  content: "続きを読む"
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 200px; /*隠した状態の高さ*/
  top:-50px;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}

.grad-trigger {  display: none; /*チェックボックスは常に非表示*/ }

.grad-trigger:checked ~ .grad-btn::before { content: "閉じる" /*チェックされていたら、文言を変更する*/ }

.grad-trigger:checked ~ .grad-item { height: auto; /*チェックされていたら、高さを戻す*/ }

.grad-trigger:checked ~ .grad-item::before { display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/ }



/*------ 高橋庄太郎　2018.02.28 ------*/

.mono_top_box1{
	width:95%;
	margin:-15px auto 10px auto;
	padding:10px 2%;
	border:1px #cccccc solid;
}
.mono_top_box1:after{
	content: '';
	display: block;
	clear: both;
}
.mono_top_box1 img{
	float:right;
	margin-left:15px;
}
.mono_top_box1 p{
	font-size:14px;
	line-height:1.5em;
}
.mono_top_box1 .summary{
	font-size:16px;
	color:#000000;
}
.mono_top_box1 .data{
	color:#454545;
	font-size:12px;
}
.mono_photo_box1{
	width:350px;
	margin:5px auto 15px auto;
	font-size:14px;
	color:#800000;
	line-height:1.4em;
	text-align:left;
}
.mono_photo_box1 img{
	display:block;
	margin:0 auto 5px auto;
}
.mono_dot_line{
	height:15px;line-height:15px;
	width:85%;
	margin:5px auto 35px auto;
	border-bottom:1px #696969 dotted;
}
.blogContainer{
	margin-top:40px;
}
.blogPhoto{
	text-align:center;
	margin-bottom:25px;
}
h4 span{
	font-size:14px;
	font-weight:normal;
	color:#008080;
}





@media screen and (max-width:640px) {
  .zip_prof{
    width:98%;
    margin:15px auto 20px auto;
    font-size:14px;
    line-height:1.5em;
  }
  .zip_syurui{
    width:98%;
    margin:15px auto 20px auto;
  }
  .zip_comment{
    border:2px #cccccc solid;
    border-radius:4px;
    padding:10px 2%;
    width:94%;
    margin:15px auto 30px auto;
  }
  .zip_column{
    width:90%;
    padding:12px 3%;
    margin:15px auto 30px auto;
    background:#FDF5E6;
  }
  .zip_column2{
    width:95%;
    padding:12px 2%;
    margin:15px auto 30px auto;
    background:#FDF5E6;
  }
  .zip_box_sml{
    width:90%;
    padding:12px 3%;
    margin:15px auto 30px auto;
  }
  .zip_caps{
    width:90%;
    padding:15px 2%;
  }

  .zip_cts_list_area{
    width:100%;
    margin:20px auto;
    font-size:14px;
  }
  .zip_cts_list{
    height:265px;
    overflow:hidden;
  }
  .zip_cts_list_c{
    padding:8px;
    font-size:14px;  
  }

	#yamaya_cts iframe{
		width:99%;
		margin:10px auto;
	}

	#yamaya_cts table{
		width:100%;
	}
	#yamaya_cts table td,th{
		border:1px #cccccc solid;
		padding:3px;
		line-height:1.5em
	}

	.en_box{
		background:#f5f5f5;
		padding: 20px 5% 5px 5%;
		width: 100%;
		margin:5px auto;
	}

	img.img_half{
		display:block;
		max-width:50%;
		margin:0 auto;
		padding-bottom:5px;
	}
	img.img_75{
		display:block;
		max-width:75%;
		margin:0 auto;
		padding-bottom:5px;
	}
	img.img_sml{
		max-width:20px;
	}



	/*--- 写真をPCでは横に。SPでは縦に ---*/
	.ph_box_clr{
		margin:10px auto;
	}
	.ph_box_clr:after{
		content: '';
		display: block;
		clear: both;
	}
	.ph_box_lft{
		clear:left;
		width:98%;
	}
	.ph_box_rgt{
		clear:right;
		width:98%;
	}

	.book_one_third{
		width:90%;
		margin:15px auto;
		border:1px #cccccc solid;
		padding:10px 2%;
		clear:left;
		float:none;
		border-radius:5px;
	}


	/*------ 高橋庄太郎SP　2018.02.28 ------*/

	.mono_top_box1{
		width:91%;
		margin:-15px auto 10px auto;
		padding:10px 4%;
		border:1px #cccccc solid;
		line-height:1.5em;
	}
	.mono_top_box1 img{
		float:none;
	}
	.mono_top_box1 p{
		font-size:14px;
		line-height:1.5em;
	}
	.mono_top_box1 .top_class{
		width:240px;
		margin:0 auto 10px auto;
		display:block;
	}

	.mono_photo_box1{
		width:84%;
		margin:5px auto 15px auto;
		font-size:14px;
		color:#800000;
		line-height:1.4em;
		text-align:left;
	}
	.mono_photo_box1 img{
		display:block;
		margin:0 auto 15px auto;
		width:80%;
	}
	.mono_dot_line{
		height:15px;line-height:15px;
		width:95%;
		margin:5px auto 35px auto;
		border-bottom:1px #696969 dotted;
	}

}







/*--- 自治体定型2018/03/08 ---*/
.loco_img_top img {
	width: 670px;
}
.loco_img img {
	width: 670px;
}
.loco_titile {
	color: #800000;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
}
.loco_green {
	color: #3da18b;
	font-size: 20px;
	line-height: 1.4em;
	margin: 5px 0 15px;
	font-family: "Times New Roman";
}
hr.loco_line01 {
	border-top: 1px dashed #3da18b;
}
.loco_entry-title {
	font-weight: bold;
	font-size: 20px;
	padding: 10px 10px;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}
.loco_entry-title::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3da18b;
}
.loco_cap_f {
	color: #808080;
	font-size: 12px;
	line-height: 1.4em;
	width: 90%;
	margin: 8px auto 10px auto;
}
.loco_s_title {
	color: #3da18b;
	font-size: 18px;
	line-height: 1.4em;
	margin: 10px 0 5px 10px;
	font-weight: bold;
}
.loco_scon_txt {
	font-size: 14px;
	line-height: 1.4em;
	width: 95%;
	margin: 15px auto 20px auto;
}
.loco_btn_g {
	width:320px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:#3da18b;
	border:1px solid #3da18b;
	float: right;
	border-radius: 4px;
}
.loco_moni-title {
	font-weight: bold;
	font-size: 20px;
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #000;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin-bottom: 15px;
}
.loco_fuki-title {
	font-weight: bold;
	font-size: 20px;
	position: relative;
	padding: .5em .75em;
	background-color: #ffd700;
	border-radius: 6px;
	margin-bottom: 20px;
}
.loco_fuki-title::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #ffd700;
}
.loco_box {
	border: 1px #cccccc solid;
	width: 90%;
	padding: 15px 3% 0;
	font-size: 14px;
	margin: 15px auto;
}
.loco_moni-stitle {
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #000000;
	font-size: 18px;
	border-left: 10px #2a6258 solid;
	line-height: 1.2em;
	margin-bottom: 15px;
	padding: 3px 10px;
	font-weight: bold;
}
.loco_btn_b {
	width:320px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:#000;
	border:2px solid #000;
	float: right;
	border-radius: 4px;
	background-color: #ffffff;
}
.loco_info {
	border: 1px solid #938f90;
	margin: 20px 0 0 0;
	overflow: hidden;
	clear: both;
}
.loco_info_mds {
	background-color: #938f90;
	color: #fff;
	text-align: center;
	padding: 5px;
}
/* .loco_info p{
} */







@media screen and (max-width:640px) {
.loco_img_top img {
	width: 100% !important;
}
.loco_titile {
	color: #800000;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
}
.loco_green {
	color: #3da18b;
	font-size: 20px;
	line-height: 1.4em;
	margin: 5px 0 15px;
	font-family: "Times New Roman";
}
hr.loco_line01 {
	border-top: 1px dashed #3da18b;
}
.loco_entry-title {
	font-weight: bold;
	font-size: 20px;
	padding: 10px 10px;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}
.loco_entry-title::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #3da18b;
}
.loco_cap_f {
	color: #808080;
	font-size: 12px;
	line-height: 1.4em;
	width: 90%;
	margin: 8px auto 10px auto;
}
.loco_s_title {
	color: #3da18b;
	font-size: 18px;
	line-height: 1.4em;
	margin: 10px 0 5px 10px;
	font-weight: bold;
}
.loco_scon_txt {
	font-size: 14px;
	line-height: 1.4em;
	width: 95%;
	margin: 15px auto 20px auto;
}
.loco_btn_g {
	width:320px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:#3da18b;
	border:1px solid #3da18b;
	float: right;
	border-radius: 4px;
	margin-bottom: 40px;
}

.loco_moni-title {
	font-weight: bold;
	font-size: 20px;
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #000;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin-bottom: 15px;
}
.loco_fuki-title {
	font-weight: bold;
	font-size: 20px;
	position: relative;
	padding: .5em .75em;
	background-color: #ffd700;
	border-radius: 6px;
	margin-bottom: 20px;
}
.loco_fuki-title::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #ffd700;
}
.loco_box {
	border: 1px #cccccc solid;
	width: 95%;
	padding: 15px 3% 0;
	font-size: 14px;
	margin: 15px auto;
}
.loco_box img{
width: 50% !important;
border-width: 0px;
border-style: solid;

margin: 0 auto 20px;
}
.loco_moni-stitle {
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #000000;
	font-size: 18px;
	border-left: 10px #2a6258 solid;
	line-height: 1.2em;
	margin-bottom: 15px;
	padding: 3px 10px;
	font-weight: bold;
}
.loco_btn_b {
	width:320px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:#000;
	border:2px solid #000;
	float: right;
	border-radius: 4px;
}
.loco_info {
	border: 1px solid #938f90;
	margin: 20px 0 0 0;
	overflow: hidden;
	clear: both;
}
.loco_info_mds {
	background-color: #938f90;
	color: #fff;
	text-align: center;
	padding: 5px;
}
.loco_info p{
	margin: 5px 0 0 20px;
}
.loco_clear {
	clear: both;
}
.loco_img80 img{
	width:80% !important;
}








}








/*--- tanaka_Tool　2018/12/05 ---*/

.ym_tool_box{
	width:600px;
	margin:10px auto;
	border-bottom:1px #cccccc dotted;
	padding:10px;
	font-size:14px;
	line-height:1.5em;
}
.ym_tool_box:after{
	content: '';
	display: block;
	clear: both;
}
.ym_tool_img{
	width:120px;
	float:left;
	text-align:center;
}
.img_tool{
	width:110px;
	height:110px;
	padding:2px;
	border:1px #cccccc solid;
	float:left;
}
.ym_tool_txt{
	padding-top:10px;
	float:right;
	width:460px;
}
.ym_tool_star{
	color:#FF7F50;
	font-size:16px;
	margin-bottom:5px;
	display:inline-block;
	width:100px;
}
.ym_tool_user{
	color:#000000;
	margin-bottom:5px;
	display:inline-block;
	font-weight:bold;
	letter-spacing:1px;
}
.ym_tool_name{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	letter-spacing:1px;
}
.ym_tool_make{
	color:#008000;
	letter-spacing:1px;
}

.ym_tool_mt{
	font-weight:bold;
	color:#000000;
	padding-right:20px;
}

.ym_tool_date{
	color:#800000;
}


#yamaya_cts dl{
	margin:5px auto 20px auto;
	font-size:14px;
	background:#dddddd;
	width:85%;
}

#yamaya_cts dl:after {
 display: block;
 clear: both;
 content: '';
}

#yamaya_cts dt,#yamaya_cts dd {
 margin-bottom: 1px;
 padding: 4px 5px;
}

#yamaya_cts dt {
 float: left;
 clear: both;
 width: 20%;
 text-align: center;
}
#yamaya_cts dd {
	margin-left:21%;
	background-color:#ffffff;
	text-align: left;
}
#yamaya_cts dd dt,#yamaya_cts dd dd {
 margin: 0;
 padding: 0;
 display: inline;
 float: none;
 width: auto;
 background: none;
}
#yamaya_cts dd dt:after {
 content: ":"
}

.ymy_h3 {
  font-size: 20rem;
  line-height: 1.45;
  position: relative;
  padding-left: 12rem;
  font-weight: 600;
  margin-bottom: 15rem !important;
  margin-top: 50rem !important;
}
.ymy_h3:before {
  content: "";
  display: block;
  width: 3rem;
  height: calc(100% - 10rem);
  background: #343434;
  position: absolute;
  left: 0;
  top: 5rem;
}
.ymy_h3_noline {
  font-size: 20rem;
  line-height: 1.45;
  position: relative;
  padding-left: 0;
  font-weight: 600;
  margin-bottom: 15rem !important;
  margin-top: 50rem !important;
}
.ymy_h3_noline-1st {
  font-size: 20rem;
  line-height: 1.45;
  position: relative;
  padding-left: 0;
  font-weight: 600;
  margin-bottom: 15rem !important;
  margin-top: 20rem !important;
}
.ymy_h3_nomt {
    margin-top: 0;
    line-height: 1.45;
    font-weight: bold;
    font-size: 20rem;
    position: relative;
    padding-left: 12rem;
}
.ymy_h3_nomt:before {
    content: "";
    display: block;
    width: 3rem;
    height: calc(100% - 0.4em);
    background: #000;
    margin-bottom: 12rem;
    position: absolute;
    left: 0;
    top: 5rem;
}
.ymy_caps {
    font-size: 12rem;
    line-height: 1.45;
    color: #777777;
    text-align: left;
    margin-top: -12rem;
}
.ymy_amazon {
    color: #FF9900;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: var(--colorBg1);
    font-weight: bold;
    width: 100%;
    height: 48rem;
    font-size: 14rem;
    line-height: 1.3;
    text-align: center;
    position: relative;
}
.ymy_amazon:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.ymy_amazon:hover::before {
	opacity: 1;
}
.ymy_rakuten {
    color: #bf0000;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: var(--colorBg1);
    font-weight: bold;
    width: 100%;
    height: 48rem;
    font-size: 14rem;
    line-height: 1.3;
    text-align: center;
    position: relative;
}
.ymy_rakuten:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.ymy_rakuten:hover::before {
	opacity: 1;
}
.ymy_exbtn_icon {
    width: 12rem;
    height: 12rem;
    margin-left: 5rem;
	font-size: 0;
    display: block;
    margin-right: 8rem;
}

@media (min-width: 768px) {
	.ymy_amazon {
		cursor: pointer;
	}
}

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

	#yamaya_cts h2 {
		font-size:20rem;
	}
	#yamaya_cts h3 {
		font-size: 18rem;
	}

	.ym_tool_box{
		width:94%;
		margin:0 auto;
		border-bottom:1px #cccccc dotted;
		padding:5px 2%;
		font-size:14px;
		line-height:1.2em;
	}
	.ym_tool_box:after{
		content: '';
		display: block;
		clear: both;
	}
	.ym_tool_img{
		width:20%;
		float:left;
		text-align:center;
	}
	.img_tool{
		width:98%;
		height:auto;
		padding:2px;
		border:1px #cccccc solid;
		float:left;
	}
	.ym_tool_txt{
		padding-top:5px;
		float:right;
		width:75%;
	}
	.ym_tool_make{
		color:#008000;
		letter-spacing:0;
	}
	.ym_tool_mt{
		font-weight:bold;
		color:#000000;
		padding-right:10px;
	}

	#yamaya_cts dl{
		margin:5px auto 10px auto;
		font-size:14px;
		background:#dddddd;
		width:96%;
	}
	#yamaya_cts dt {
	 float: left;
	 clear: both;
	 width: 25%;
	 text-align: center;
	}
	#yamaya_cts dd {
		margin-left:26%;
		background-color:#ffffff;
		text-align: left;
	}

	.book_img{
		border:1px #cccccc solid;
		padding:0;
		display:block;
		margin-bottom:8px;
	}


	#journal_text p{
		padding-left:3%;
		padding-right:3%;
	}

	#yamaya_cts img{

		width:100%;
		display:block;
		margin:0 auto;
	}

	.ymy_h3 {
	margin-bottom: 15rem !important;
	margin-top: 25rem !important;
	}
	.ymy_h3_noline {
	margin-bottom: 15rem !important;
	margin-top: 25rem !important;
	}
	.ymy_h3_noline-1st {
	margin-bottom: 15rem !important;
	margin-top: 25rem !important;
	}
	.ymy_caps {
		margin-top: -7rem;
	}

}

/* 本文一行目に見出しが入らない場合のアキ調整 */
.mgn-1st {
  margin-top:40rem;
}
@media only screen and (max-width: 767px) {	
.mgn-1st {
  margin-top:0;
}
}

/*--- tanaka_ガイドまとめ連携　2023/9/11 ---*/

ul.ym_k_area{
	width: 100%;
	margin:10px auto;
	font-size:14px;
	padding:5px 0;
}
ul.ym_k_area:after{
	content: '';
	display: block;
	clear: both;
}
ul.ym_k_area li.ym_k_box{
	display:block;
	width:18%;
	margin:0 0 0 12px;
	text-align:left;
	float:left;
}
a .ym_k_img{
	margin-bottom:10px;
	text-align:center;
}
a .ym_k_img img{
	width:96%;
	margin:0;padding:0;
}
a .ym_k_user{
	margin:0;padding:0;
	font-size:12px;
	text-align:left;
	margin-bottom:5px;
	color:#008000;
}
.ym_k_user:after{
	content: '';
	display: block;
	clear: both;
}
.ym_k_user img.ym_k_uimg{
	width:32px;
	margin:0;padding:0;
	border-radius:16px;
	display:inline-block;
	vertical-align:middle;
}
.ym_k_uname{
	display:inline-block;
	width:93px;
	padding-left:3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ym_k_title{
	font-size:14px;
	height:40px;
	margin-bottom:5px;
	font-weight:bold;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color:#454545;
}
a .ym_k_date{
	text-align:left;
	color:#454545;
	font-size:12px;
}
.ym_k_uname_sp{
	display:none;
}


.ym_r_area{
	width: 100%;
	margin:10px auto 15px auto;
}
.ym_r_data{
	border-bottom:1px #aaaaaa solid;
	margin-bottom:5px;
	padding:5px 0 5px 5px;
	line-height:1.5em;
	font-size:16px;
}
.ym_r_data:after{
	content: '';
	display: block;
	clear: both;
}
.ym_r_th{
	display:block;
	width:22%;
	float:left;
	font-weight:bold;
	font-size:16px;
	padding-bottom:5px;
}
.ym_r_td{
	display:block;
	float:right;
	width:78%;
}
.ym_r_td img {
	vertical-align: -3px;
}
.ym_r_map{
	width:100%;
	margin:5px auto 10px auto;
}
.ym_r_graph{
	width:100%;
	margin:5px auto 10px auto;
}
.ym_graph{
	width:100%;
	height:265px;
	border:0
}
a.ym_r_btn{
	display:block;
	margin:0 auto;
	width:180px;
	color:#ffffff;
	height:34px;
	line-height:36px;
	background:#343434;
	text-align:center;
}


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

ul.ym_k_area{
	width:100%;
}
ul.ym_k_area li.ym_k_box{
	width:100%;
	padding:3px;
	margin:0 0 3px 0;
	float: none;
	border-bottom:1px #cccccc dotted;
}
ul.ym_k_area li.ym_k_box:after{
	content: '';
	display: block;
	clear: both;
}

a .ym_k_img{
	margin:0 5px 0 0;
	text-align:center;
	float:left;
	width:18%;
}
a .ym_k_img img{
	width:96%;
	margin:0;padding:0;
}
.ym_k_txt{
	float:right;
	width:80%;
}
a .ym_k_user{
	display:none;
}
.ym_k_user img{
	display:none;
}
.ym_k_uname{
	display:none;
}
.ym_k_uname_sp{
	display:block;
	color:#008000;
}

.ym_k_title{
	font-size:14px;
	line-height:1.4em;
	height:auto;
	margin-bottom:3px;
	font-weight:bold;
	color:#454545;
}
a .ym_k_date{
	text-align:left;
	color:#454545;
	font-size:12px;
}

.ym_r_area{
	width:100%;
	margin:10px auto 15px auto;
}
.ym_r_data{
	border-bottom:1px #aaaaaa solid;
	padding:5px 0 5px 5px;
	margin-bottom:5px;
	line-height:1.5em;
	font-size:16px;
}
.ym_r_th{
	display:block;
	float:none;
	font-weight:bold;
	font-size:16px;
	margin-bottom:0;
	padding-bottom:0;
	width:100%;
}
.ym_r_td{
	display:block;
	float:none;
	margin-bottom:0;
	font-size:14px;
	width:100%;
}
.ym_r_td img {
	width: 18px !important;
	display: inline !important;
}
}


/*--- 2024/08 ---*/

/* map&data */
.ym_cd_2buttons {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
}
.ym_cd_map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
  margin-bottom: 20rem;
}
.ym_cd_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ymy_h3_noline_mgt0 {
  font-size: 20rem;
  line-height: 1.45;
  position: relative;
  padding-left: 0;
  font-weight: 600;
  margin-bottom: 15rem;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {	
	.ym_cd_2buttons {
		flex-direction: column;
		gap: 10rem;
	}
	.ym_cd_map {
		height: 400px;
		padding-top: 75%;
		margin-bottom: 40rem;
	}
}

/* book */
.ymy_bookpanel {
  background: var(--colorBg2);
  padding: 20rem;
  font-size: 16rem;
  line-height: 1.45;
  position: relative;
}
.ymy_bookpanel__image {
  right: -10rem;
  margin-bottom: 20rem;
}
.ymy_bookpanel__image img {
  width: 71% !important;
  border: 1px solid #dddddd;
}
.ymy_bookpanel__body {
  font-size: 16rem;
  line-height: 1.45;
}
.ymy_bookpanel__title {
  font-size: 18rem;
  font-weight: bold;
  margin-bottom: 8rem;
}
.ymy_bookpanel__table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid var(--colorBorder1);
}
.ymy_bookpanel__table__head {
  font-weight: 600;
  padding-right: 10rem;
  white-space: nowrap;
  vertical-align: top;
  width: 52rem;
}
.ymy_bookpanel__table__head, .ymy_bookpanel__table__body {
  text-align: left;
  border-bottom: 1px solid var(--colorBorder1);
  padding-top: 6rem;
  padding-bottom: 5rem;
}
#ymy_bookpanel table td, th {
  border-left: none;
  border-right: none;
}
@media (min-width: 768px) {
.ymy_bookpanel {
  padding-right: calc(36.616% + 45rem);
  min-height: 278rem;
}
.ymy_bookpanel__image {
  width: 36.616%;
  position: absolute;
  top: 20rem;
}
.ymy_bookpanel__image img {
  position: absolute;
  left: 0;
  top: 0;
}
}
@media only screen and (max-width: 767px) {
.ymy_bookpanel__image {
  right: 0rem;
}
}

/* book 2nd*/
.book_box + .ymy_bookpanel,
.book_box + .ymy_bookpanel_2nd,
.ymy_bookpanel + .ymy_bookpanel_2nd,
.ymy_bookpanel_2nd + .ymy_bookpanel_2nd,
.ymy_bookpanel_2nd + .ymy_bookpanel,
.ymy_bookpanel + .book_box,
.ymy_bookpanel_2nd + .book_box  {
  margin-top: 30rem;
}
.ymy_itempanel__notitle {
  font-size: 18rem;
  font-weight: 500;
  margin-bottom: 8rem;
}
.ymy_bookpanel_2nd {
	background: var(--colorBg2);
	padding: 20rem;
	font-size: 16rem;
	line-height: 1.45;
	position: relative;
	padding-right: 20rem;
	min-height: 1rem;
}

/* item */
.ymy_itempanel {
  background: var(--colorBg2);
  padding: 20rem;
  font-size: 16rem;
  line-height: 1.45;
  position: relative;
}
.ymy_itempanel__image {
  margin-bottom: 20rem;
  width: 35%;
}
.ymy_itempanel__body {
  font-size: 16rem;
  line-height: 1.45;
}
.ymy_itempanel__title {
  font-size: 18rem;
  font-weight: bold;
  margin-bottom: 8rem;
}
.ymy_itempanel__title__sub {
  font-size: 14rem;
  display: inline-block;
}
.ymy_itempanel__table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid var(--colorBorder1);
}
.ymy_itempanel__table__head {
  font-weight: 600;
  padding-right: 10rem;
  white-space: nowrap;
  vertical-align: top;
  width: 52rem;
}
.ymy_itempanel__table__head, .ymy_itempanel__table__body {
  text-align: left;
  border-bottom: 1px solid var(--colorBorder1);
  padding-top: 6rem;
  padding-bottom: 5rem;
}
#ymy_itempanel table td, th {
  border-left: none;
  border-right: none;
}
@media (min-width: 768px) {
.ymy_itempanel {
  padding-right: calc(36.616% + 45rem);
  min-height: 278rem;
}
.ymy_itempanel__image {
  width: 36.616%;
  position: absolute;
  right: 20rem;
  top: 20rem;
}
.ymy_itempanel__image img {
  position: absolute;
  left: 0;
  top: 0;
}
}
@media only screen and (max-width: 767px) {
.ymy_itempanel__image {
  width: 100%;
}
}

/* prof */
.book_box + .ymy_profpanel,
.ymy_bookpanel + .ymy_profpanel,
.ymy_bookpanel_2nd + .ymy_profpanel {
  margin-top: 30rem;
}
.ymy_profpanel {
  background: var(--colorBg2);
  padding: 20rem;
  font-size: 16rem;
  line-height: 1.45;
  position: relative;
}
.ymy_profpanel p {
  margin-bottom: 0;
}
.ymy_profpanel__image {
  margin-bottom: 20rem;
  width: 100%;
}

.ymy_profpanel__body {
  font-size: 16rem;
  line-height: 1.45;
}
.ymy_profpanel__title {
  font-size: 18rem;
  font-weight: bold;
  margin-bottom: 8rem;
}
.ymy_profpanel__title__sub {
  font-size: 14rem;
  display: inline-block;
}
.ymy_profpanel__table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid var(--colorBorder1);
}
.ymy_profpanel__table__head {
  font-weight: 600;
  padding-right: 10rem;
  white-space: nowrap;
  vertical-align: top;
  width: 52rem;
}
.ymy_profpanel__table__head, .ymy_profpanel__table__body {
  text-align: left;
  border-bottom: 1px solid var(--colorBorder1);
  padding-top: 6rem;
  padding-bottom: 5rem;
}
#ymy_profpanel table td, th {
  border-left: none;
  border-right: none;
}
@media (min-width: 768px) {
.ymy_profpanel {
  padding-right: calc(28% + 60rem);
  min-height: 220rem;
}
.ymy_profpanel__image {
  width: 28%;
  position: absolute;
  right: 20rem;
  top: 20rem;
}
.ymy_profpanel__image img {
  position: absolute;
  left: 0;
  top: 0;
}
}
@media only screen and (max-width: 767px) {
.ymy_profpanel__image {
  width: 100%;
}
.ymy_profpanel__image img {
  width: 45% !important;
}
.ymy_profpanel__image {
  text-align: center;
}
}

/*--- コース定数アイコン表示　2025/08/28 ---*/
.link_icon_q {
  display: inline-block; 
  width: 18px;           
  height: 18px;
  background-image: url('/assets/img/common/icon_question.svg');
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  position: relative;
  margin-left: 0.15em;	
  top: -1px;	
}