@charset "utf-8";
/*Common css*/

* {
	margin: 0px;
	padding: 0px;
}

/* -------------------------------------------------------------------------------- */
/*	Layout
/* -------------------------------------------------------------------------------- */


html * {
	box-sizing: border-box;
	font-size: 14px;
}

body {
	font-family: sans-serif;
	color: #000000;
	/*選択不可*/
	-moz-user-select: none; 
	-ms-user-select: none;
	-khtml-user-select: none; 
	-webkit-user-select: none; 
	-webkit-touch-callout: none; 
}


/* -------------------------------------------------------------------------------- */
/*	Header
/* -------------------------------------------------------------------------------- */


header {
	padding-top: 30px;
	position: relative;
	background: top 5px center no-repeat url("../img/machikane_logo_min.svg");
	background-size: 70px;
	border: none;
}

header :after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
   	height: 25px;
	background: linear-gradient(180deg,#fdd000 0%,#fdd000 25px,#fff 25px,#fff 100%) ;
	z-index: -1;
}

header h1{
	width: 90%;
	margin: 0px auto;
	color: #000;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.4;
}

@media screen and (max-width: 480px) {
	header h1{
		width: 90%;
	}
}
#post-content{
	margin: 0 auto 20px;
	border-bottom:solid #000 3px;
	width: 100%;
	color:#aaa;
	padding:0 0 20px;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
}

#post-content div{
	font-size: 10px !important;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 500;
}

#post-content div img{
	width:10px;
	height:10px;
	margin-right:5px;
	color: #000;
}


/* -------------------------------------------------------------------------------- */
/*	Layout
/* -------------------------------------------------------------------------------- */


#wrapper{
	width: 90%;
	margin: 20px auto 30px;
}

@media screen and (max-width: 480px) {
	#wrapper{
		width: 100%;
		margin: 0 auto 30px;
	}
}

#primary div{
	margin:30px auto 30px;
	line-height:1.6;
	width: 90%;
	color: #333;
}


#primary img{
	width: 100%;
	margin:30px 0 0 0;
}


@media screen and (max-width: 480px) {
	#primary img{
		width: 100%;
		margin:0px 0 0 0;
	}
}

figure img{
	margin:0; 
}
figcaption a{
/*	padding: 0 20px;*/
	color: #555;
	font-size: 12px;
	line-height: 1.5;
}
figcaption{
	padding: 0 20px;
	color: #555;
	font-size: 12px;
	line-height: 1.5;
}


@media screen and (max-width: 480px) {
	.pad-lft{
		padding-left:15px;
	}
}

.align_atem_img{
	height: 20px;
	width: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
}



/* -------------------------------------------------------------------------------- */
/*	htag
/* -------------------------------------------------------------------------------- */


h3{
	font-size: 1.4rem;
	color: #2d287f;
	line-height: 1.5;
	font-weight: 600;
}

h4{
	background: linear-gradient(transparent 60%, #fff001 0%);
	font-weight:600;
	display: inline;
/*	font-size: 1.2rem;*//*a タグ有無でサイズ変動*/
	font-size: 16px;
	color: #000;
}

.col_hy_h4{
	background: linear-gradient(transparent 60%, #fdd000 0%);
	font-weight:600;
	display: inline;
	font-size: 1.2rem;
	color: #000;
}

h5{
	color: #2d287f;
	font-size: 1.0rem;
	font-weight:700;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#fff 3px, #fff 7px);
	background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#fff 3px, #fff 7px);
	display: inline;
}

h6{
	font-size: 1.0rem;
	padding: 2px 10px;
	border-left:5px solid #2d287f;
	margin:10px 0;
	color: #000;
	font-weight: 600;
}


/* -------------------------------------------------------------------------------- */
/*	Space
/* -------------------------------------------------------------------------------- */

.url-long{
	word-break: break-all;
}
.pad10-15{
	padding: 10px 20px 0 20px;
}
.pad-tb10{
	padding:10px 0;
}
.pad-tb20{
	padding:20px 0;
}
.pad-top10{
	padding-top:10px;
}
.pad-top20{
	padding-top:20px;
}
.pad-top40{
	padding-top:40px;
}
.mag-top20{
	margin-top: 20px;
}
.pad-rl20{
	padding:0 20px;
}
.w120{
	width:120px;
}
.w85p{
	margin:0 auto;
	width:85%;
}
.w95p{
	margin:0 auto;
	width:95%;
}
.w100p{
	width:100%;
}



/* -------------------------------------------------------------------------------- */
/*	Color
/* -------------------------------------------------------------------------------- */


.cl_white{
	color:#FFFFFF;
}
.cl_red{
	color:#FF0000;
}
.cl_yl{
	color:#fdd000;
}
.cl_ore{
	color:#f39800;
}
.cl_cha{
	color:#660000;
}
.cl_blue{
	color:#2d287f;
}
.cl_black{
	color:#000;
}
.cl_l_blue{
	color:#06b2cd;
}
.cl_green{
	color:#067600;
}

.bg_b{
	background-color: #2d287f;
}
.bg_y{
	background-color: #fdd000;
}

.bg_blue{
	background-color: #e5f5ff;
	padding: 20px;
	color: #333;
}
.bg_gr{
	background-color: #f6f6f6;
	padding: 20px;
	color: #000;
}
.bg_yl{
	background-color: #fdd000;
	padding: 20px;
	color: #333;
}
.bg_yl_r{
	background-color: #fff8d8;
	padding: 20px;
	color: #333;
}
.bg_yl_b{
	background-color: #fdd000;
	color: #333;
	font-size:1.1em;
	font-weight:600;
}

.border_bk_s2{
	border: solid 2px #000;
	padding: 15px;
}

.border_b_s2{
	border: solid 2px #2d287f;
	padding: 15px;
}

.border_y_s2{
	border: solid 2px #fdd000;
	padding: 15px;
}

hr{
	height: 1px;
	background-color: #2d287f;
	border: none;
	color: #2d287f;
}



/* -------------------------------------------------------------------------------- */
/*	Text
/* -------------------------------------------------------------------------------- */


.txt_minc{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho";
}
.txt_rgt{
	text-align:right;
}
.txt_lft{
	text-align:left;
}
.txt_cent{
	text-align:center;
}
.txt_big1{
	font-size: 1.2em;
}
.txt_big{
	font-size: 1.3em;
}
.txt_big2{
	font-size: 2.0em;
}
.txt_min{
	font-size: 0.8em;
	line-height:1.5;
}
.txt_min2{
	font-size: 1.0em;
	line-height:1.6;
}
.txt_min_rb{
	font-size: 0.5em;
}
.font_serif{
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
}
.font_w800{
	font-weight:800;
}

.txt_left_line{
	padding: 2px 20px;
	border-left:5px solid #fff;
	margin:10px 0 20px 0;
}
.txt_left_line_yl{
	padding: 2px 20px;
	border-left:5px solid #fdd000;
	margin:10px 0 10px 0;
	font-weight:600;
}
.line_short{
	border-bottom:5px solid #fdd000;
	height:5px;
	margin:0 0 10px 0;
	width:30px;
}
strong{
	color:#000000;
}

/* text_deco　------------------------ */

.text_left_yl{
	font-size: 1.0rem;
	padding: 2px 10px;
	border-left:5px solid #fdd000;
	margin:10px 0;
	color: #000;
	font-weight:800;
}

.text_marker{
	background-color: #d5f3ff;
	padding: 0 10px;
	color: #666;
	display: inline;
}
.text_marker_yl_light{
	background-color: #fff001;
	padding: 0px 1px;
	margin: 0 1px;
	display: inline;
}
.text_marker_yl{
	background-color: #fdd000;
	padding: 4px;
	margin-left:1px;
	color:#2d287f;
	display: inline;
}
.text_marker_ul_yl{
	background: linear-gradient(transparent 65%, #fdd000 0%);
	display: inline;
	color: #000;
	font-weight: 600;
}
.text_deco_bar{
	margin:20px 0;
	width:100%;
	color: #2d287f;
	font-weight:600;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff001, #fff001 3px,#fff 3px, #fff 7px);
	background: repeating-linear-gradient(-45deg, #fff001, #fff001 3px,#fff 3px, #fff 7px);
}
.text_deco_bar_y{
	margin:20px 0;
	width:100%;
	color: #000;
	font-weight:600;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff001, #fff001 3px,#fff 3px, #fff 7px);
	background: repeating-linear-gradient(-45deg, #fff001, #fff001 3px,#fff 3px, #fff 7px);
}
.text_deco_bar_o{
	margin:20px 0;
	width:100%;

	color: #000;
	font-weight:600;
	text-shadow: 0 0 5px white;
	padding: 0.3em 0.5em;
	background: -webkit-repeating-linear-gradient(-45deg, #ff9f00, #ff9f00 3px,#fff 3px, #fff 7px);
	background: repeating-linear-gradient(-45deg, #ff9f00, #ff9f00 3px,#fff 3px, #fff 7px);
}
.text_fukidashi{
	padding: 10px;
	display: inline;
	color:#FFF;
	background: #fdd000;
	position: relative;
	font-weight:700;
	margin:20px 0;
}
.text_fukidashi:after {
	content: "";
	display: inline;
	position: absolute;
	top: 80%;
	left: 5%;
	border: 0.5em solid transparent;
	border-top: 1.3em solid #fdd000;
}
.text_fukidashi-left{
	padding: 5px;
	display: inline-block;
	color:#FFF;
	background: #fdd000;
	position: relative;
	font-weight:700;
	margin:0px 10px;
	border-radius: 5px;
}
.text_fukidashi-left:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -15px;
 	margin-top: -10px;
	border: 10px solid transparent;
	border-right: 10px solid #fdd000;
}

.text_fukidashi-top{
	display: inline-block;
	color:#FFF;
	background: #fdd000;
	position: relative;
	font-weight:700;
 	margin: 10px 0;
	padding: 7px 10px;
	border-radius: 5px;
}
.text_fukidashi-top:after {
	content: "";
	position: absolute;
	top: -15px;
	left: 30px;
 	margin-left: -15px;
	border: 5px solid transparent;
	border-bottom: 10px solid #fdd000;
}


.text_fukidashi-top-b{
	display: inline-block;
	color:#2d287f;
	background: #fdd000;
	position: relative;
	font-weight:700;
 	margin: 10px 0;
	padding: 7px 10px;
	border-radius: 5px;
}
.text_fukidashi-top-b:after {
	content: "";
	position: absolute;
	top: -15px;
	left: 30px;
 	margin-left: -15px;
	border: 5px solid transparent;
	border-bottom: 10px solid #fdd000;
}




.text_fukidashi-bt{
	display: inline-block;
	color:#FFF;
	background: #fdd000;
	position: relative;
	font-weight:700;
 	margin: 10px 0;
	padding: 7px 10px;
	border-radius: 5px;
}
.text_fukidashi-bt:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 30px;
 	margin-left: -15px;
	border: 5px solid transparent;
	border-top: 10px solid #fdd000;
}

.text_fukidashi_b-bt{
	display: inline-block;
	color:#FFF;
	background: #2d287f;
	position: relative;
	font-weight:700;
 	margin: 10px 0;
	padding: 7px 10px;
	border-radius: 5px;
}
.text_fukidashi_b-bt:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 30px;
 	margin-left: -15px;
	border: 5px solid transparent;
	border-top: 10px solid #2d287f;
}
.text_fukidashi_by-bt{
	display: inline-block;
	color:#2d287f;
	background: #fdd000;
	position: relative;
	font-weight:700;
 	margin: 5px 0;
	padding: 7px 10px;
	border-radius: 5px;
}
.text_fukidashi_by-bt:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 30px;
 	margin-left: -15px;
	border: 5px solid transparent;
	border-top: 10px solid #fdd000;
}


.text_fukidashi-top{
	display: inline-block;
	color:#FFF;
	background: #fdd000;
	position: relative;
	font-weight:700;
 	margin: 10px 0;
	padding: 7px 10px;
	border-radius: 5px;
}
.text_fukidashi-top:after {
	content: "";
	position: absolute;
	top: -15px;
	left: 30px;
 	margin-left: -15px;
	border: 5px solid transparent;
	border-bottom: 10px solid #fdd000;
}



/* -------------------------------------------------------------------------------- */
/*	Table
/* -------------------------------------------------------------------------------- */


table.table01 {
	width:100%;
	border-right:#3EB1C6 solid 1px;
	border-collapse: collapse;
}
table.table01 thead th {
	background:#3EB1C6;
	color:#FFF;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
table.table01 thead th:last-child {
	border-right:#3EB1C6 solid 1px;
}
table.table01 tbody th {
	background:#3EB1C6;
	color:#FFF;
	padding:10px 15px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
}
table.table01 tbody tr:last-child th {
	border-bottom:#3EB1C6 solid 1px;
}
table.table01 tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#3EB1C6 solid 1px;
	border-bottom:#3EB1C6 solid 1px;
	vertical-align:top;
}
 
@media screen and (max-width: 640px) {
	table.table01 thead {
		display:none;
	}
	table.table01 tbody th {
		display:block;
	}
	table.table01 tbody td {
		display:block;
	}
	table.table01 tbody td::before {
		content: attr(label);
		float: left;
		clear:both;
		font-weight:bold;
	}
	table.table01 tbody td p {
		padding-left:6em;
	}
}
@media screen and (min-width: 640px) {
	.table_topline {
		border-top:#3EB1C6 solid 1px;
	}
}


/* 02　------------------------ */

	table.table02 {
		width: 100%;
		border-top: solid 2px #333;
		border-bottom: solid 2px #333;
	}


	table.table02 thead {
		display:none;
	}
	table.table02 tbody{
		font-size: 0.9em;
	}
	table.table02 tbody th {
		display:block;
		text-align:left;
	}
	table.table02 tbody td {
		display:block;
	border-bottom:none;
			padding:10px 0px 10px;
		
	}
	table.table02 tbody th {
		color:#2d287f;
		padding:10px 0px;
		border-bottom:dotted #aaa 1px;
		border-top:#2d287f solid 1px;
		border-top:none;
		vertical-align:top;
	}

/* 03　------------------------ */

	table.table03 {
		width: 100%;		
	}
	table.table03 thead {
		display:none;
	}
	table.table03 tbody{
		font-size: 0.9em;
	}
	table.table03 tbody tr {
		display:block;
		text-align:left;
		border-bottom:dotted #aaa 1px;
		padding:10px 0px;
	}
	table.table03 tbody th {
		display:block;
		text-align:left;
		color:#2d287f;
		padding:5px 0px;
		border-top:none;
		vertical-align:top;
	}
	table.table03 tbody td {
		display:block;
		border-bottom:none;
		padding:0 0 10px;
	}
	table.table03 tbody tr:last-child {
		border-bottom:none;
	}



/* -------------------------------------------------------------------------------- */
/*	List
/* -------------------------------------------------------------------------------- */


#list-content01 ul {
	margin:20px auto;
	width: 90%;
}
#list-content01 ul li {
	position: relative;
	display: block;
}
#list-content01 ul li::after {
	display: block;

	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

.list-content01 ul {
	margin:20px auto;
	width: 90%;
}
.list-content01 ul li {
	position: relative;

	display: block;
}
.list-content01 ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

/* List number　------------------------ */

.list-nom ol{
	counter-reset:number; 
	list-style-type: none!important;
	padding:0.5em;
}
.list-nom ol li{
	position: relative;
	line-height: 1.5em;
	padding: 0 0.5em 0.5em 35px;
}
.list-nom ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background: #660000;
	color: white;
	font-weight:bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align:center;
	text-align:top;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.list-nom ol li a{
		display:inline;
		text-decoration:underline;
}


/* -------------------------------------------------------------------------------- */
/*	Next page
/* -------------------------------------------------------------------------------- */


#nextpage{
	font-size: .9em;
	background: #2d287f;
}
#nextpage a{
	color: #fff;
	font-weight:800;
	width:100%;
	text-decoration: none;
}

#nextpage li div img{
	width:20px;
	height:20px;
	padding:0;
	margin:0;
}
#next_rgt{
	text-align:right;
	width:100%;
	display: flex;
	justify-content: flex-end;
	align-items: right;
	text-align: right;
}
.nex_icon_r{
	width:30px;
	margin: auto 0;
	height:100%;
}

#next_lft{
	display: flex;
	text-align:left;
}
.nex_icon_l{
	width:30px;
	height:100%;
	margin: auto 0;
}

.next_line{
	border-right: 1px solid #fff;
	margin: 0 10px;
}


/* prev_next_page　------------------------ */

.prev_next_page{
	width: 100%;
	padding: 10px 10px 7px;
	margin: 0 auto;
	text-align: center;
	background: #fdd000;
	display: -webkit-flex;
   	display: flex;
	justify-content: center;
}
.prev_page{
	width: 80px;	
}
.p_n_page_ttl{
	color: #2d287f;
	padding: 5px 0 0 0;
	font-weight:800;
	font-size: 0.8rem;
	text-decoration: none;
	width:60%;
}
.prev_next_page img{
	width: 80px;
	height: auto;
}


/* Top TOP　------------------------ */

#page_top{
  width: 80px;
  height: 80px;
  position: fixed;
  right: 10px;
  top: -100px;
  z-index: 100;
/*テキストや画像を選択不可するCSS Tips*/
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

.to_top a{
/*テキストや画像を選択不可するCSS Tips*/
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

.to_top a img{
/*テキストや画像を選択不可するCSS Tips*/
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

/* -------------------------------------------------------------------------------- */
/*	book
/* -------------------------------------------------------------------------------- */

#book_photo{
	width:100%;
	margin:0 auto;
	text-align:center;
	}
#book_photo img{
	width:50%;
	height:50%;
	}


/* table　------------------------ */

.book_table{
	border-collapse: collapse;
	width: 270px;
	margin: 0 auto;
}

.book_table th{
border-bottom: #FFF solid 15px;
}

.book_table_t{
	background: #2d287f;
	color: #fdd000;
	width: 120px;
	padding: 5px 0 2px;
}
.book_table_v{
	background: #aaa;
	color: #000;
	width: 30px;
	padding: 5px 5px 2px;
}
.book_table_s{
	background: #fdd000;
	color: #2d287f;
	width: 120px;
	padding: 5px 0 2px;
}


/* tooltip　------------------------ */

.tooltip{
    position: relative;
    cursor: pointer;
	padding: 0;
	margin: 0;
    display: inline-block;
}
.tooltip p{
 	margin:0;
    padding:0;
}

.tooltip img{
	padding: 0 !important;
	margin: 0 !important;
	width: 120px !important;
	height: auto;
} 


/* description_b　------------------------ */


.description_b {
/*    display: none;*/
	visibility:hidden;
    position: absolute;
    padding: 5px 10px 10px;
    font-size: 10px;
	line-height: 1.4em;
    border-radius: 15px;
    width: 140px;
	top: 0px;
	left: 146px;
	background-color: #2d287f;
	z-index: 10;
}
.description_b dt{
	font-size: 12px;
	line-height: 1.4em;
	font-weight: 600;
	margin-bottom: 5px;
	color: #fdd000;
}

.description_b dd{
	font-size: 10px;
	line-height: 1.4em;
	margin: 0 auto;
	color: #fff;
}
.description_b dd a{
	display: block;
	border-radius: 20px;
	background-color: rgba(255,255,255,1.00);
	margin: 10px auto 5px;
	padding: 5px 10px;
	text-align: center;
	width: 80%;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #2d287f;
}
/*--▼--*/
.description_b:before {
    content: "";
    position: absolute;
    top: 45%;
    right: 100%;
    border: 8px solid transparent;
    border-top: 10px solid #2d287f;
    margin-left: -15px;
    transform: rotateZ(90deg);
}
.tooltip:hover .description_b{
    display: inline-block;
}

/* description_y　------------------------ */


.description_y {
/*    display: none;*/
	visibility:hidden;
    position: absolute;
    padding: 5px 10px 10px;
    font-size: 10px;
	line-height: 1.4em;
    border-radius: 15px;
    width: 140px;
	top: 0px;
	right: 140px;
	background-color: #fdd000;
	z-index: 10;
}
.description_y dt{
	font-size: 12px;
	line-height: 1.4em;
	font-weight: 600;
	margin-bottom: 5px;
	color: #2d287f;
}
.description_y dd{
	font-size: 10px;
	line-height: 1.4em;
	margin: 0 auto;
	color: #000;
}
.description_y dd a{
	display: block;
	border-radius: 20px;
	background-color: rgba(255,255,255,1.00);
	margin: 10px auto 5px;
	padding: 5px 10px;
	text-align: center;
	width: 80%;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #2d287f;
}
/*--▼--*/
.description_y:before {
    content: "";
    position: absolute;
    top: 45%;
    left: 155px;
    border: 8px solid transparent;
    border-top: 10px solid #fdd000;
    margin-left: -15px;
    transform: rotateZ(270deg);
}
.tooltip:hover .description_y{
    display: inline-block;
}

.descri_close{
	text-align:right;
	font-size:20px !important;
}


/*--------------------------------*/

div.tooltip1{
    color: #555;
    display: inline-block;             /* インライン要素化 */
    border-bottom:dashed 1px #555;    /* 下線を引く */
}
 
/* ツールチップ部分を隠す */
div.tooltip1 span {
    display: none;
}
 
/* マウスオーバー */
div.tooltip1:hover {
    position: relative;
    color: #333;
}
 
/* マウスオーバー時にツールチップを表示 */
div.tooltip1:hover span {
    display: block;                  /* ボックス要素にする */
    position: absolute;            /* relativeからの絶対位置 */
    top: 25px;
    font-size: 90%;
    color: #fff;
    background-color: #51A2C1;
    width: 205px;
    padding: 5px;
    border-radius:3px;
    z-index:100;
}
 
/* フキダシ部分を作成 */
div.tooltip1 span:before{
    content:''; 
    display:block; 
    position:absolute;                         /* relativeからの絶対位置 */
    height:0; 
    width:0; 
    top:-13px; 
    left:15px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:#51A2C1; 
    transform:rotate(270deg);            /* 傾きをつける */
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
}

/* -------------------------------------------------------------------------------- */
/*	storyz
/* -------------------------------------------------------------------------------- */

.container_bl{
	background-color: #2d287f;
	padding: 20px;
	color: #fff;
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',serif;
	font-weight:600;
	line-height: 1.6;
	margin-top: 50px;
}


/* -------------------------------------------------------------------------------- */
/*	drwani
/* -------------------------------------------------------------------------------- */

.gif_ani img{
	width: 24px !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}
.gif_ani_02{
	text-align: center;
}
.gif_ani_02 img{
	width: 50% !important;
	height: auto !important;
	padding: 0 auto !important;
	margin: 0 auto !important;
}


/* -------------------------------------------------------------------------------- */
/*	editor
/* -------------------------------------------------------------------------------- */

.dictionary dl{
	margin-left: 1em;
	text-indent: -1em;
}
.dictionary dt{
	background-color: #fff001;
	padding: 10px 5px 0 5px;
	color: #000;
	display: inline;
	font-size: 1.2em;
	font-weight: 800;
}
.dictionary dd{
	margin-bottom:30px;
}
.text_b{
	font-size: 1.4em;
}
.min_img {
	margin-top: -30px!important;
}
.min_img_fl{
	display: flex;
	align-items: flex-start;
}
.min_img_min img{
	width: 90px !important;
	height: auto;
	padding-left: 10px;
}
.min_img_mid img{
	width: 80px !important;
	height: auto;
	padding-left: 5px;
}



/* -------------------------------------------------------------------------------- */
/*	oulife
/* -------------------------------------------------------------------------------- */



.img_mid_left{
	border:solid 1px #000;
	border-width: thin;
	display: flex;
}
.img_mid_left img{
	width:120px !important;
	height:60px !important;
	margin-top: 0  !important;
}
.img_mid_left a{
	font-size:0.6rem;
	padding: 5px 2px 0 5px;
	line-height: 1.4;
}