@charset "utf-8";
/*
Theme Name: theme_site
Version: 0.0
Theme URI: http://www.metalrats.co.jp/
Author: metalrats
Author URI: http://www.metalrats.co.jp/
Description: metalrats
*/
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
responsible
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	@media only screen and (min-width:	992px) {
		div.wrapPC , .forPC{	display:		block !important;	}
		div.wrapPT , .forPT{	display:		block !important;	}
		div.wrapTS , .forTS{	display:		none !important;	}
		div.wrapSP , .forSP{	display:		none !important;	}
		.inlinePC	{	display:		inline-block !important;	}
		.inlinePT	{	display:		inline-block !important;	}
		.inlineTS	{	display:		none !important;	}
		.inlineSP	{	display:		none !important;	}
	}
	@media only screen and (max-width:	991px) {
		div.wrapPC , .forPC{	display:		none !important;	}
		div.wrapPT , .forPT{	display:		block !important;	}
		div.wrapTS , .forTS{	display:		block !important;	}
		div.wrapSP , .forSP{	display:		none !important;	}
		.inlinePC	{	display:		none !important;	}
		.inlinePT	{	display:		inline-block !important;	}
		.inlineTS	{	display:		inline-block !important;	}
		.inlineSP	{	display:		none !important;	}
	}
	@media only screen and (max-width:	767px) {
		div.wrapPC , .forPC{	display:		none !important;	}
		div.wrapPT , .forPT{	display:		none !important;	}
		div.wrapTS , .forTS{	display:		block !important;	}
		div.wrapSP , .forSP{	display:		block !important;	}
		.inlinePC	{	display:		none !important;	}
		.inlinePT	{	display:		none !important;	}
		.inlineTS	{	display:		inline-block !important;	}
		.inlineSP	{	display:		inline-block !important;	}
	}
	*{
		margin:					0;
		padding:				0;
	}

	div{
		display:				block;
	}

	.test{
		border:1px solid red;
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
body
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	body  {
		margin:					0;
		padding:				0;

/*
		font-family:			'Noto Serif JP','Noto Sans Japanese' , "メイリオ" , Meiryo , Osaka ,
								"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,
								"Segoe UI" , Lustria , sans-serif ,
								"ＭＳ Ｐゴシック" , "MS PGothic";
/**/
		font-family:			-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue,
								YuGothic, "Yu Gothic Medium", "Yu Gothic", 'Noto Sans Japanese', Verdana, Meiryo, sans-serif;

		line-height:			1.5;
		color:					#111;
		word-wrap:				normal;
	}
@media (min-width:	992px) 							{body{	font-size:16.0px;}	}
@media (min-width:	768px) and (max-width:	991px)	{body{	font-size:18.0px;}	}
@media (min-width:	640px) and (max-width:	767px)	{body{	font-size:18.0px;}	}
@media (max-width:	639px)							{body{	font-size:14.0px;}	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
<h>
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	h2 , h3 , h4, h5, h6 {word-break:				break-all;	}
	h2{	font-weight:	700;	}
	h3{	font-weight:	400;	}
	h4{	font-weight:	400;	}
	h5{	font-weight:	400;	}
	h6{	font-weight:	400;	}

	h1 , h2 , h3 , h4 ,h5 , h6 {
		word-break:				break-all;
	}
	h1{
		display:				inline-block;
	}
	h2 , h3 , h4 ,h5 , h6 {
		display:				block;
	}

	h1{font-size:	12px;	line-height:	1;		font-weight:normal !important;}
	h2{font-size:	1em;	line-height:	1;	}
	h3{font-size:	1em;	line-height:	1;	}
	h4{font-size:	1em;	line-height:	1;	}
	h5{font-size:	1em;	line-height:	1;	}
	h6{font-size:	1em;	line-height:	1;	}

	.plane	{
		background-image:		none !important;
		text-align:				left !important;
		padding-left:			0px !important;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
フォント
■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	.fntXXS{	font-size:	0.7em !important;	}
	.fntXS	{	font-size:	0.8em !important;	}
	.fntS	{	font-size:	0.9em !important;	}
	.fntM	{	font-size:	1.0em !important;	}
	.fntL	{	font-size:	1.25em !important;	}
	.fntXL	{	font-size:	1.50em !important;	}
	.fntXXL	{	font-size:	1.75em !important;	}
	.fnt2X	{	font-size:	2.00em !important;line-height:	1.1 !important;	}
	.fnt3X	{	font-size:	3.00em !important;line-height:	1.1 !important;	}
	.fnt4X	{	font-size:	4.00em !important;line-height:	1.1 !important;	}
	.fnt5X	{	font-size:	5.00em !important;line-height:	1.1 !important;	}

	.textcenter{text-align:	center !important;	}
	ul.textcenter li p ,
	ul.textcenter li a {
		text-align:				center !important;
	}

	.textright {text-align:	right !important;	}
	.textleft  {text-align:	left !important;	}

	.thin{		font-weight:100;}
	.normal{	font-weight:400 !important;	}
	.bold{		font-weight:700 !important;	}
	.heavy{		font-weight:900 !important;	}


	.GOCHIC	{font-family: 'Noto Sans JP', sans-serif; }
	.MINCHO	{font-family: 'Noto Serif JP', Meiryo , Osaka ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Segoe UI" , serif; }
 	.MEIRYO	{font-family: "メイリオ" , Meiryo , Osaka ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Segoe UI"; serif; }
 	.DELA_G	{font-family: 'Dela Gothic One', cursive; }

	.roboto	{font-family: 'Roboto', sans-serif; }
	.oswald	{font-family: 'Oswald', sans-serif; }
	.lobster{font-family: 'Lobster', cursive; }
	.archivo{font-family: 'Archivo Black', sans-serif; }
	.racing	{font-family: 'Racing Sans One', cursive; }

	.sans	{font-family: sans-serif;	}
	.curs	{font-family: cursive;	}

	.shadow ,
	.textshadow{	text-shadow:	1px 0px 0px #111;	}
	.clearshadow{	text-shadow:	0 !important;	}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■
<p>
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	p{
		display:				block;
		margin:					0;
		word-break:				break-all;
	}
	div.nopad ,
	h2.nopad ,
	h3.nopad ,
	h4.nopad ,
	p.nopad{
		padding-left:			0 !important;
		padding-right:			0 !important;
		padding-top:			0 !important;
		padding-bottom:			0 !important;
	}

	.nomargin {
		margin-top	:			0 !important;
		margin-bottom:			0 !important;
		margin-right:			0 !important;
		margin-left:			0 !important;
	}
	p.underline{
		border-bottom:			1px dotted #ccc;
		padding:				0;
	}

	p:after {
		content: 				"";
		display: 				block;
		clear: 					both;
	}
	p.wp-caption-text{
		display:				block;
		padding-right:			10px;
		padding-top:			5px;
		padding-bottom:			10px;
		line-height:			1.2;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
<a>
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	a{			display:			inline-block;	}
	a:link{		text-decoration:	none;			}
	a:visited {	text-decoration:	none;			}
	a:hover{	text-decoration:	underline;		}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
画像 img
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	img{
		display:				block;
		margin:					0;
		padding:				0;
		max-width: 				100%;
		height: 				auto;
		width:					auto;
	}
	img.resizeimg ,
	li.resizeimg img	,
	p.resizeimg img	,
	div.resizeimg img {
		width:					100%;
		height:					auto;
	}

	img.size50 {
		width:					50%;
		height:					auto;
	}
	img.size40 {
		width:					40%;
		height:					auto;
	}


	@media (min-width:	768px) {
		img.imgleft ,	.alignleft {
			float:					left;
			margin-right:			20px;
		}
/*
		img.alignleft{
			margin-bottom:			10px;
		}
*/
		img.imgright ,	.alignright {
			float:					right;
			margin-left:			20px;
		}
/*
		img.alignright {
			margin-bottom:			10px;
		}
*/
		img.imgright ,	img.imgleft {
			display:				block;
			width:					-webkit-calc(40% - 20px);
			width:					calc(40% - 20px);
			max-width:				300px;
			height:					auto;
		}
		img.alignleft ,	img.alignright{
			display:				block;
			width:					auto;
			height:					auto;
		}
	}

	@media (max-width:	767px) {
		img.imgleft ,	.alignleft ,
		img.imgright ,	.alignright{
			margin-left:			auto;
			margin-right:			auto;
		}
		.alignleft ,
		.alignright{
			margin-bottom:			10px;
		}

		img.imgleft ,	img.alignleft ,
		img.imgright ,	img.alignright{
			display:				block;
			width:					98%;
			height:					auto;
		}
	}

	img.imgcenter ,
	.aligncenter{
		display:				block;
		margin: 				0 auto 0 auto;
	}
	.alignnone{
		display:				block;
		margin-bottom:			0px;
	}

	a img  {
		border:					none;
		background:				none;
	}
	a img:hover{				opacity:				0.5;
		filter:					alpha(opacity=50);
		-ms-filter:				"alpha( opacity=50 )";
		background:				none;
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
position
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	.anytime_left {	float:	left;}
	.anytime_right {float:	right;}


	@media only screen and (min-width:	1080px)	{
		.left1080 {		float:	left;}
		.right1080 {	float:	right;}
	}
	@media only screen and (max-width:	1079px)	{
		.left1080 ,	.right1080{
			margin-left:		auto;
			margin-right:		auto;
		}
	}

	@media only screen and (min-width:	992px)	{
		.tbleft {		float:	left;}
		.tbright {		float:	right;}
	}
	@media only screen and (max-width:	991px)	{
		.tbleft ,	.tbright{
			margin-left:		auto;
			margin-right:		auto;
		}
	}

	@media only screen and (min-width:	768px)	{
		.left {			float:	left;}
		.right {		float:	right;}
	}
	@media only screen and (max-width:	767px)	{
		.left ,	.right{
			margin-left:		auto;
			margin-right:		auto;
		}
	}

	@media only screen and (min-width:	480px)	{
		.boxleft {		float:	left;}
		.boxright {		float:	right;}
	}
	@media only screen and (max-width:	479px)	{
		.boxleft ,	.boxright{
			margin-left:		auto;
			margin-right:		auto;
		}
	}

	.obj_left{
		display:				block;
		margin-right:			auto;
		margin-left:			0;
	}
	.obj_right{
		display:				block;
		margin-right:			0px;
		margin-left:			auto;
	}
	.obj_center{
		display:				block;
		margin-left:			auto !important;
		margin-right:			auto !important;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
clear
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.clear {		clear:			both; }
	.clearfix {		min-height:		1px;  }
	.clearfix:after {
		content: 				"";
		display: 				block;
		clear: 					both;
	}
	br.clear {
		clear:					both;
		display:				none;
	}
	hr.clear {
		clear:					both;
		display:				block;
		border-top:				1px dotted #ccc;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
wrap/container
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.wrap ,
	#wrap ,
	#wrap_inner	,
	#wrap_head	,
	#wrap_navi ,
	#wrap_desc ,
	#wrap_copy	,
	#wrap_title , 
	#wrap_footer ,
	#wrap_bottom {
		display:				block;
		word-break:				break-all;
		width:					100%;
		margin-left:			auto;
		margin-right:			auto;
	}

	#wrap_copy	{
		position:				relative;
	}
	.front_wrap	{
		display:				block;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
inner
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.inner ,
	.inner_copy ,
	.inner_navi ,
	#inner ,
	#inner_head ,
	#inner_desc ,
	#inner_copy ,
	#inner_navi ,
	#inner_title ,
	#inner_footer ,
	#inner_bottom {
		display:				block;
		width:					98%;
		margin-left:			auto;
		margin-right:			auto;
		padding:				0;
		word-break:				break-all;
	}

	.front_inner ,
	.inner_this {
		display:				block;
		width:					96%;
		padding-left:			2%;
		padding-right:			2%;
		margin-left:			auto;
		margin-right:			auto;
		word-break:				break-all;
	}

	.inner_full {
		display:				block;
		width:					100%;
		padding:				0;
		word-break:				break-all;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
main-side
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#inner_main ,
	#inner_side {
		display:				block;
		word-break:				break-all;
		padding:				0 !important;
	}

	@media (min-width: 1080px) {
		#inner_side	{	width:	28%;		}
		#inner_main	{	width:	70%;		}
	}

	@media (max-width: 1079px) {
		#inner_main		,
		#inner_side		{
			width:					96%;
			padding-left:			2%;
			padding-right:			2%;
			margin-left:			auto;
			margin-right:			auto;
		}
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
block
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	.block  {	display:		block !important;		}
	.inblock{	display:		inline-block !important;}
	.tblcell{	display:		table-cell !important;	}
	.is_block{	display:		block !important;			}
	.is_inline{	display:		inline-block !important;	}

	div.fix90 	,div.fix80 ,div.fix75 	,div.fix70 ,div.fix65 ,div.fix60	,div.fix45 ,div.fix33 ,
	div.fix10 	,div.fix20 ,div.fix25 	,div.fix30 ,div.fix35 ,div.fix40	,div.fix55 ,div.fix50 ,
	div.wrap90 ,div.wrap80 ,div.wrap75 ,div.wrap70 ,div.wrap60 ,div.wrap45 ,div.wrap35 ,div.wrap33 ,
	div.wrap10 ,div.wrap20 ,div.wrap25 ,div.wrap30 ,div.wrap40 ,div.wrap55 ,div.wrap65 ,div.wrap50 ,
	div.wrapPC90 ,div.wrapPC80 ,div.wrapPC75 ,div.wrapPC70 ,div.wrapPC60 ,div.wrapPC45 ,div.wrapPC33 ,
	div.wrapPC10 ,div.wrapPC20 ,div.wrapPC25 ,div.wrapPC30 ,div.wrapPC40 ,div.wrapPC55 ,div.wrapPC50 ,
	div.wrapL , div.wrapR
	{
		display:			inline-block;
	}
	div.wrapL ,
	div.wrapR {width:		49%;	}
	div.harf {width:		50%;	}

	div.fix90 , div.wrap90 , div.wrapPC90 	{width:		88%;	}
	div.fix85 , div.wrap85 , div.wrapPC85 	{width:		83%;	}
	div.fix80 , div.wrap80 , div.wrapPC80 	{width:		78%;	}
	div.fix75 , div.wrap75 , div.wrapPC75 	{width:		73%;	}
	div.fix70 , div.wrap70 , div.wrapPC70 	{width:		69%;	}
	div.fix65 , div.wrap65 , div.wrapPC65 	{width:		63%;	}
	div.fix60 , div.wrap60 , div.wrapPC60 	{width:		58%;	}
	div.fix55 , div.wrap55 , div.wrapPC55 	{width:		53%;	}
	div.fix50 , div.wrap50 , div.wrapPC50 	{width:		48%;	}
	div.fix45 , div.wrap45 , div.wrapPC45 	{width:		45%;	}
	div.fix40 , div.wrap40 , div.wrapPC40 	{width:		38%;	}
	div.fix35 , div.wrap35 , div.wrapPC35 	{width:		33%;	}
	div.fix33 , div.wrap33 , div.wrapPC33 	{width:		31%;	}
	div.fix30 , div.wrap30 , div.wrapPC30 	{width:		29%;	}
	div.fix25 , div.wrap25 , div.wrapPC25 	{width:		23%;	}
	div.fix20 , div.wrap20 , div.wrapPC20 	{width:		18%;	}
	div.fix15 , div.wrap15 , div.wrapPC15 	{width:		13%;	}
	div.fix10 , div.wrap10 , div.wrapPC10 	{width:		8%;		}
	div.fix05 , div.wrap05 , div.wrapPC05 	{width:		5%;		}

	@media (max-width:	767px) {
		div.harf ,
		div.wrap90 ,div.wrap80 ,div.wrap75 ,div.wrap70 ,div.wrap60 ,div.wrap55 ,div.wrap85 ,div.wrap65 ,div.wrap50 ,
		div.wrap10 ,div.wrap20 ,div.wrap25 ,div.wrap30 ,div.wrap40 ,div.wrap45 ,div.wrap15 ,div.wrap35 ,div.wrap33 
		{
			display:			block;
			width:				98% !important;
			padding:			0;
			margin-left:		auto;
			margin-right:		auto;
		}
	}

	@media (max-width:	991px) {
		div.wrapPC90 ,div.wrapPC80 ,div.wrapPC75 ,div.wrapPC70 ,div.wrapPC60 ,div.wrapPC55 ,div.wrapPC65 ,div.wrapPC85 ,div.wrapPC50 ,
		div.wrapPC10 ,div.wrapPC20 ,div.wrapPC25 ,div.wrapPC30 ,div.wrapPC40 ,div.wrapPC45 ,div.wrapPC35 ,div.wrapPC15 ,div.wrapPC33 
		{
			display:			block;
			width:				99% !important;
			padding:			0;
			margin-left:		auto;
			margin-right:		auto;
		}
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
枠
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	div.waku ,
	div.wrap_full ,
	div.wrap_category_sub ,
	div.wrap_category{
		display:			block;
		border:				1px solid transparent;
		background: 		rgb(255, 255, 255) ;
		background: 		rgba(255, 255, 255, 0.75) ;
	}

	.waku  ,
	.wrap_full {
		display:				block;
		padding:				10px 20px;
		margin-left:			auto;
		margin-right:			auto;
	}

	div.wrap_category_sub ,
	div.wrap_category{
		padding-top:		20px;
		padding-bottom:		20px;
		margin-bottom:		40px;
	}

	div.wrap_category{
		padding-left:		20px;
		padding-right:		20px;
	}
	div.wrap_category_sub{
		padding-left:		10px;
		padding-right:		10px;
	}


/*●●●●●●●●●●●●●●●●●●●●●●●●●●
wrap clear
●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
	.theblock:after ,
	.wrap:after ,
	#wrap:after ,
	#wrap_head:after ,
	#wrap_navi:after ,
	#wrap_desc:after ,
	#wrap_copy:after ,
	#wrap_title:after ,
	#wrap_inner:after ,
	#wrap_footer:after ,
	#wrap_bottom:after , 
	#inner_head:after ,
	#inner_navi:after ,
	#inner_desc:after ,	#inner_copy:after ,
	.inner:after ,
	#inner:after ,
	#inner:before ,
	#inner_footer:after ,
	#inner_bottom:after {
		content:				""; 
		display:				block;
		clear:					both;
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
width
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.youtube iframe{width:		100%;	}

	.max1440 {	width:96%;	max-width:1440px !important;}
	.max1320 {	width:96%;	max-width:1320px !important;}
	.max1280 {	width:96%;	max-width:1280px !important;}
	.max1240 {	width:96%;	max-width:1240px !important;}
	.max1200 {	width:96%;	max-width:1200px !important;}
	.max1160 {	width:96%;	max-width:1160px !important;}
	.max1140 {	width:96%;	max-width:1140px !important;}
	.max1120 {	width:96%;	max-width:1120px !important;}
	.max1080 {	width:96%;	max-width:1080px !important;}
	.max1040 {	width:96%;	max-width:1040px !important;}
	.max1020 {	width:96%;	max-width:1020px !important;}
	.max1000 {	width:96%;	max-width:1000px !important;}
	.max960 {	width:96%;	max-width:960px !important;}
	.max920 {	width:96%;	max-width:920px !important;}
	.max900 {	width:96%;	max-width:900px !important;}
	.max880 {	width:96%;	max-width:880px !important;}
	.max840 {	width:96%;	max-width:840px !important;}
	.max800 {	width:96%;	max-width:800px !important;}
	.max760 {	width:96%;	max-width:760px !important;}
	.max720 {	width:96%;	max-width:720px !important;}
	.max680 {	width:96%;	max-width:680px !important;}
	.max640 {	width:96%;	max-width:640px ;}
	.max600 {	width:96%;	max-width:600px ;}
	.max560 {	width:96%;	max-width:560px ;}
	.max520 {	width:96%;	max-width:520px ;}
	.max480 {	width:96%;	max-width:480px ;}
	.max440 {	width:96%;	max-width:440px ;}
	.max400 {	width:96%;	max-width:400px ;}
	.max360 {	width:96%;	max-width:360px ;}
	.max350 {	width:96%;	max-width:350px ;}
	.max340 {	width:96%;	max-width:340px ;}
	.max320 {	width:96%;	max-width:320px ;}
	.max280 {	width:96%;	max-width:280px ;}
	.max240 {	width:96%;	max-width:240px ;}
	.max200 {	width:96%;	max-width:200px ;}
	.max180 {	width:96%;	max-width:180px ;}
	.max160 {	width:96%;	max-width:160px ;}

	.wide80p {	width:80% ;}
	.wide70p {	width:70% ;}
	.wide60p {	width:60% ;}
	.wide50p {	width:50% ;}
	.wide40p {	width:40% ;}
	.wide30p {	width:30% ;}
	.wide20p {	width:20% ;}
	/*	DIV */
	.blockHED ,	.blocktbl ,
	.blockEND ,	.blockform ,
	.blockCol ,	.blockRow {
		display:				block;
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■
blockRow/blockCol/front_UL 
■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	/*	BLOCKROW */
	ul.front_UL ,
	ul.blockRow {
		position:				relative;
		display:				flex;
		list-style:				none;
		background-color:		transparent;
		padding:				0;
		-webkit-flex-wrap: 		wrap; /* Safari */
		flex-wrap:		 		wrap;
		-webkit-align-content:	flex-start; /* Safari */
		align-content:			flex-start;
		-webkit-flex-direction:	row;
		flex-direction:			row;
	}
	/*	BLOCKCOL */
	ul.blockCol {
		display:				block;
		list-style:				none;
	}
	ul.blockCol li{
		border:					1px solid transparent;
	}

	ul.front_UL li ,
	ul.blockCol li ,
	ul.blockRow li {
		position:				relative;
		display:				block;
		background-color:		transparent;
		overflow:				hidden;
		transition: 			all 0.1s ease;
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■
UL-setting
■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	/*	DIV ul li 内要素  */
	ul li a ,
	ul li p ,
	ul li a p ,
	ul li div {
		display:				block;
	}
	ul li a img 	,
	ul li p img 	,
	ul li a p img	,
	ul li div img	{
		display:				block;
		width:					100%;
		height:					auto;
	}
	ul li a img.auto 	,
	ul li p img.auto 	,
	ul li a p img.auto	,
	ul li div img.auto	{
		display:				block;
		width:					auto !important;
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■
blockRow flex-width
■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*----------------
w
----------------*/
	ul.W1 li , ul.W2 li , ul.W3 li , ul.W4 li ,	ul.W5 li , ul.W6 li , ul.W7 li , ul.W8 li ,	ul.W li ,
	ul.w1 li , ul.w2 li , ul.w3 li , ul.w4 li ,	ul.w5 li , ul.w6 li , ul.w7 li , ul.w8 li ,	ul.w li {
		border:					0px;
	}

	ul.W li p ,	ul.w li p {
		padding-left:			0.5%;
		padding-right:			0.5%;
		padding-top:			3px;
		padding-bottom:			3px;
	}

	ul.w1 li , ul.W1 li {width:	100%;	}
	ul.w2 li , ul.W2 li {width:	50%;	}
	ul.w3 li , ul.W3 li {width:	33.333%;}
	ul.w4 li , ul.W4 li {width:	25%;	}
	ul.w5 li , ul.W5 li {width:	20%;	}
	ul.w6 li , ul.W6 li {width:	16.666%;}
	ul.w7 li , ul.W7 li {width:	14.285%;}
	ul.w8 li , ul.W8 li {width:	12.5%;	}
	ul.w li.w80{width:	80%;	}
	ul.w li.w75{width:	75%;	}
	ul.w li.w70{width:	70%;	}
	ul.w li.w60{width:	60%;	}
	ul.w li.w50{width:	50%;	}
	ul.w li.w40{width:	40%;	}
	ul.w li.w30{width:	30%;	}
	ul.w li.w25{width:	25%;	}
	ul.w li.w20{width:	20%;	}
	ul.w li.w15{width:	15%;	}
	ul.w li.w10{width:	10%;	}
	ul.w li.w05{width:	5%;	}

	ul.W2 li {width:	50%;	}
	ul.W3 li {width:	33.333%;}
	ul.W4 li {width:	25%;	}
	ul.W5 li {width:	20%;	}
	ul.W6 li {width:	16.666%;}

/*----------------
s
----------------*/

	ul.S1 li , ul.S2 li , ul.S3 li , ul.S4 li ,	ul.S5 li , ul.S6 li , ul.S7 li , ul.S8 li ,	ul.S li ,
	ul.s1 li , ul.s2 li , ul.s3 li , ul.s4 li ,	ul.s5 li , ul.s6 li , ul.s7 li , ul.s8 li ,	ul.s li {
		margin-left:			0.25%;
		margin-right:			0.25%;
		border:					1px solid transparent;
	}

	ul.s1 li , ul.S1 li	{width: 99.2%;		width:-webkit-calc(99.5% - 2px)		;	width: calc(99.5% - 2px)	;	}
	ul.s2 li , ul.S2 li	{width: 49.2%;		width:-webkit-calc(49.45% - 2px)	;	width: calc(49.45% - 2px)	;	}
	ul.s3 li , ul.S3 li	{width: 32.533%;	width:-webkit-calc(32.833% - 2px)	;	width: calc(32.833% -2px)	;	}
	ul.s4 li , ul.S4 li	{width: 24.2%;		width:-webkit-calc(24.45% - 2px)	;	width: calc(24.45% - 2px)	;	}
	ul.s5 li , ul.S5 li	{width: 19.2%;		width:-webkit-calc(19.45% - 2px)	;	width: calc(19.45% - 2px)	;	}
	ul.s6 li , ul.S6 li	{width: 15.866%;	width:-webkit-calc(16.166%- 2px)	;	width: calc(16.166% -2px)	;	}
	ul.s7 li , ul.S7 li	{width: 13.485%;	width:-webkit-calc(13.785%- 2px)	;	width: calc(13.785% -2px)	;	}
	ul.s8 li , ul.S8 li	{width: 11.7%;		width:-webkit-calc(11.95% - 2px)	;	width: calc(11.95% - 2px)	;	}
	ul.s li.s80	{width:	79.2%;		width:-webkit-calc(79.5% - 2px)		;	width: calc(79.5% - 2px)	;	}
	ul.s li.s75	{width:	74.2%;		width:-webkit-calc(74.5% - 2px)		;	width: calc(74.5% - 2px)	;	}
	ul.s li.s70	{width:	69.2%;		width:-webkit-calc(69.5% - 2px)		;	width: calc(69.5% - 2px)	;	}
	ul.s li.s60	{width:	59.2%;		width:-webkit-calc(59.5% - 2px)		;	width: calc(59.5% - 2px)	;	}
	ul.s li.s50	{width:	49.2%;		width:-webkit-calc(49.5% - 2px)		;	width: calc(49.5% - 2px)	;	}
	ul.s li.s40	{width:	39.2%;		width:-webkit-calc(39.5% - 2px)		;	width: calc(39.5% - 2px)	;	}
	ul.s li.s30	{width:	29.2%;		width:-webkit-calc(29.5% - 2px)		;	width: calc(29.5% - 2px)	;	}
	ul.s li.s25	{width:	24.2%;		width:-webkit-calc(24.5% - 2px)		;	width: calc(24.5% - 2px)	;	}
	ul.s li.s20	{width:	19.2%;		width:-webkit-calc(19.5% - 2px)		;	width: calc(19.5% - 2px)	;	}

/*----------------
x
----------------*/
	ul.X1 li , ul.X2 li , ul.X3 li , ul.X4 li ,	ul.X5 li , ul.X6 li , ul.X7 li , ul.X8 li ,	ul.X li ,
	ul.x1 li , ul.x2 li , ul.x3 li , ul.x4 li ,	ul.x5 li , ul.x6 li , ul.x7 li , ul.x8 li ,	ul.x li {
		margin-left:			2%;
		margin-right:			2%;
		border:					1px solid transparent;
	}

	ul.x li p ,	ul.X li p {
		padding-left:			3px !important;
		padding-right:			3px !important;
		padding-top:			3px !important;
		padding-bottom:			3px !important;
	}
	ul.x1 li , ul.X1 li	{width:	95.7%;	width:-webkit-calc(96% - 2px)	;	width:calc(96% - 2px)	;	}
	ul.x2 li , ul.X2 li	{width:	45.5%;	width:-webkit-calc(45.9% - 2px)	;	width:calc(45.9% - 2px)	;	}
	ul.x3 li , ul.X3 li	{width:	29.033%;width:-webkit-calc(29.333%-2px)	;	width:calc(29.333%-2px)	;	}
	ul.x4 li , ul.X4 li	{width:	20.5%;	width:-webkit-calc(20.95% - 2px);	width:calc(20.95% - 2px);	}
	ul.x5 li , ul.X5 li	{width:	15.7%;	width:-webkit-calc(15.95% - 2px);	width:calc(15.95% - 2px);	}
	ul.x6 li , ul.X6 li	{width:	12.366%;width:-webkit-calc(12.666%-2px)	;	width:calc(12.666%-2px)	;	}
	ul.x7 li , ul.X7 li	{width:	9.985%;width:-webkit-calc(10.285%-2px)	;	width:calc(10.285%-2px)	;	}
	ul.x8 li , ul.X8 li	{width:	8.2%;	width:-webkit-calc(8.45% - 2px)	;	width:calc(8.45% - 2px)	;	}
	ul.x li.x80	{width:	75.7%;	width:-webkit-calc(76% - 2px)	;	width:calc(76% - 2px)	;	}
	ul.x li.x75	{width:	70.7%;	width:-webkit-calc(71% - 2px)	;	width:calc(71% - 2px)	;	}
	ul.x li.x70	{width:	65.7%;	width:-webkit-calc(66% - 2px)	;	width:calc(66% - 2px)	;	}
	ul.x li.x60	{width:	55.7%;	width:-webkit-calc(56% - 2px)	;	width:calc(56% - 2px)	;	}
	ul.x li.x50	{width:	45.7%;	width:-webkit-calc(46% - 2px)	;	width:calc(46% - 2px)	;	}
	ul.x li.x40	{width:	35.7%;	width:-webkit-calc(36% - 2px)	;	width:calc(36% - 2px)	;	}
	ul.x li.x30	{width:	25.7%;	width:-webkit-calc(26% - 2px)	;	width:calc(26% - 2px)	;	}
	ul.x li.x25	{width:	20.7%;	width:-webkit-calc(21% - 2px)	;	width:calc(21% - 2px)	;	}
	ul.x li.x20	{width:	15.7%;	width:-webkit-calc(16% - 2px)	;	width:calc(16% - 2px)	;	}

/*====================
Responsible
=====================*/


	@media (max-width:	991px) {

		ul.w3 li ,	ul.w4 li ,	ul.w5 li ,	ul.w6 li ,	ul.w7 li ,	ul.w8 li {
			width:				33.333%;
		}
		ul.s3 li ,	ul.s4 li ,	ul.s5 li ,	ul.s6 li ,	ul.s7 li ,	ul.s8 li {
			width: 				32.533%;
			width:		-webkit-calc(32.833%- 2px);
			width:		   -moz-calc(32.833%- 2px);
			width:				calc(32.833%- 2px);
		}
		ul.x3 li ,	ul.x4 li ,	ul.x5 li ,	ul.x6 li ,	ul.x7 li ,	ul.x8 li {
			width: 				29.033%;
			width:		-webkit-calc(31.333%- 2px);
			width:		   -moz-calc(31.333%- 2px);
			width:				calc(31.333%- 2px);
		}
	}
	@media (max-width:	767px) {

		ul.w3 li ,	ul.w4 li ,	ul.w5 li ,	ul.w6 li ,	ul.w7 li ,	ul.w8 li {
			width:				50%;
		}
		ul.s3 li ,	ul.s4 li ,	ul.s5 li ,	ul.s6 li ,	ul.s7 li ,	ul.s8 li {
			width: 				49.0%;
			width:		-webkit-calc(49.3%- 2px);
			width:		   -moz-calc(49.3%- 2px);
			width:				calc(49.3%- 2px);
			margin-left:		0.25%;
			margin-right:		0.25%;
			border:				1px solid transparent;
		}
		ul.x3 li ,	ul.x4 li ,	ul.x5 li ,	ul.x6 li ,	ul.x7 li ,	ul.x8 li {
			width: 				45.2%;
			width:		-webkit-calc(45.5%- 2px);
			width:		   -moz-calc(45.5%- 2px);
			width:				calc(45.5%- 2px);
			margin-left:		2%;
			margin-right:		2%;
			border:				1px solid transparent;
		}

		ul.w li.w80 ,	ul.w li.w75 ,	ul.w li.w70 ,	ul.w li.w60 ,	ul.w li.w50 ,	ul.w li.w40 ,
		ul.w li.w30 ,	ul.w li.w25 ,	ul.w li.w20 ,	ul.w li.w15 ,	ul.w li.w10 ,	ul.w li.w05 ,
		ul.x li.x80 ,	ul.x li.x75 ,	ul.x li.x70 ,	ul.x li.x60 ,	ul.x li.x50 ,	ul.x li.x40 ,
		ul.x li.x30 ,	ul.x li.x25 ,	ul.x li.x20 ,	ul.x li.x15 ,	ul.x li.x10 ,	ul.x li.x05 ,
		ul.s li.s80 ,	ul.s li.s75 ,	ul.s li.s70 ,	ul.s li.s60 ,	ul.s li.s50 ,	ul.s li.s40 ,
		ul.s li.s30 ,	ul.s li.s25 ,	ul.s li.s20 ,	ul.s li.s15 ,	ul.s li.s10 ,	ul.s li.s05 {
			width: 				96%;	
			margin-left: 		auto;
			margin-right: 		auto;
		}

	}

	@media (max-width:	599px) {

		ul.w2 li ,	ul.w3 li ,	ul.w4 li ,	ul.w5 li ,	ul.w6 li ,	ul.w7 li ,	ul.w8 li ,
		ul.s2 li ,	ul.s3 li ,	ul.s4 li ,	ul.s5 li ,	ul.s6 li ,	ul.s7 li ,	ul.s8 li ,
		ul.x2 li ,	ul.x3 li ,	ul.x4 li ,	ul.x5 li ,	ul.x6 li ,	ul.x7 li ,	ul.x8 li {
			width: 				96%;	
			margin-left: 		auto;
			margin-right: 		auto;
		}
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■
front_UL Setting
■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

	ul.front_UL {
		width:					100%;
		margin-left:			auto;
		margin-right:			auto;
		margin-top:				auto;
		margin-bottom:			auto;
		padding:				0;
	}

	@media (min-width:	1280px) {
		ul.front_UL li.clmL {	width:20%;	}
		ul.front_UL li.clmC {	width:60%;	}
		ul.front_UL li.clmR {	width:20%;	}
	}

	@media (max-width:	1279px) {
		ul.front_UL li.clmL {	width:0%;	display:		none !important;	}
		ul.front_UL li.clmC {	width:100%;	display:		block !important;	}
		ul.front_UL li.clmR {	width:0%;	display:		none !important;	}
	}

	ul.front_UL li.c100 ,
	ul.front_UL li.c50 ,
	ul.front_UL li.c33 ,
	ul.front_UL li.c25 ,
	ul.front_UL li.c20 {
 		border:					1px solid transparent;
		margin-left:			1%;
		margin-right:			1%;
		padding-left:			1%;
		padding-right:			1%;
		padding-top:			0.6em;
		padding-bottom:			0.6em;
	}

	ul.front_UL li.c100{	width:					94.3%; 	}
	ul.front_UL li.c50 {	width:					45%; 	}
	ul.front_UL li.c33 {	width:					28.6%; 	}
	ul.front_UL li.c25 {	width:					20.4%; 	}
	ul.front_UL li.c20 {	width:					15.45%; 	}

	@media (max-width:	1199px) {
		ul.front_UL li.c33 {	width:					45% !important; 	}
		ul.front_UL li.c25 {	width:					45% !important; 	}
		ul.front_UL li.c20 {	width:					45% !important; 	}
	}

	@media (max-width:	800px) {
		ul.front_UL li.c50 {	width:					95% !important; 	}
		ul.front_UL li.c33 {	width:					95% !important; 	}
		ul.front_UL li.c25 {	width:					95% !important; 	}
		ul.front_UL li.c20 {	width:					95% !important; 	}
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■
blockHED (1)←右詰め・左詰め→(2)(3)(4)(5)
blockEND (1)(2)(3)(4)←右詰め・左詰め→(5)
■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	/*	BLOCKHED */
	ul.blockHED , ul.blockEND {
		display:				flex;
		list-style:				none;
	 	-webkit-flex-wrap: 		wrap; /* Safari */
		flex-wrap:		 		wrap;
		-webkit-align-content:	flex-end; /* Safari */
		align-content:			flex-end;
		-webkit-flex-direction:	row;
		flex-direction:			row;
		justify-content: 		flex-start;
		padding:				0;
		margin:					0 !important;
	}

	ul.blockHED li , ul.blockEND li {
		position:				relative;
		display:				block;
		background-color:		transparent;
		overflow:				hidden;
		-webkit-transition: 	all 0.3s ease;
		-moz-transition:		all 0.3s ease;
	}

	ul.blockHED li:first-child	 {
		margin-right: 			auto;
	}
	ul.blockEND li:last-child	 {
		margin-left: 			auto;
	}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■
blocktbl/blockform 罫線つき
■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	ul.blockform ,
	ul.blocktbl {
		position:				relative;
		display:				flex;
		list-style:				none;
		background-color:		transparent;
		padding:				0;
		-webkit-flex-wrap: 		wrap; /* Safari */
		flex-wrap:		 		wrap;
		-webkit-align-content:	flex-start; /* Safari */
		align-content:			flex-start;
		-webkit-flex-direction:	row;
		flex-direction:			row;
	}
	ul.blockform li ,
	ul.blocktbl li  {
		position:				relative;
		display:				block;
		background-color:		transparent;
		overflow:				hidden;
		-webkit-transition: 	all 0.1s ease;
		-moz-transition:		all 0.1s ease;
	}
	ul.blockform ,
	ul.blocktbl {
		border-top:				1px solid #ccc;
		border-right:			1px solid #ccc;	
	}
	ul.blockform li ,
	ul.blocktbl li{
		border-bottom:			1px solid #ccc;
		border-left:			1px solid #ccc;
	}
/*----------------
k　blocktbl
----------------*/
	ul.blockform li p ,
	ul.blocktbl li p{
		display:				block;
/**/
		padding-top:			0.6em;
		padding-bottom:			0.6em;
/**/
		padding-left:			0.3em;
		padding-right:			0.3em;
		padding-top:			0.3em;
		padding-bottom:			0.3em !important;

	}
	ul.blockform li.HED ,
	ul.blocktbl li.HED {
		background:				#eee;
	}

	ul.k1 li	{width: 99.7%;		width:-webkit-calc(100% - 3px)		;	width:calc(100% - 3px)	;	}
	ul.k2 li	{width: 49.7%;		width:-webkit-calc(50% - 2px)		;	width:calc(50% - 2px)	;	}
	ul.k3 li	{width: 33.033%;	width:-webkit-calc(33.333% - 2px)	;	width:calc(33.333% -2px);	}
	ul.k4 li	{width: 24.7%;		width:-webkit-calc(25%  - 2px)		;	width:calc(25% - 2px)	;	}
	ul.k5 li	{width: 19.7%;		width:-webkit-calc(20%  - 2px)		;	width:calc(20% - 2px)	;	}
	ul.k6 li	{width: 16.366%;	width:-webkit-calc(16.666% - 2px)	;	width:calc(16.666% -2px);	}
	ul.k7 li	{width: 13.985%;	width:-webkit-calc(14.285% - 2px)	;	width:calc(14.285% -2px);	}
	ul.k8 li	{width: 12.2%;		width:-webkit-calc(12.5% - 2px)		;	width:calc(12.5% - 2px)	;	}
	ul.k li.k80	{width:	79.7%;	width:-webkit-calc(80% - 2px)	;	width:calc(80% - 2px)	;	}
	ul.k li.k75	{width:	74.7%;	width:-webkit-calc(75% - 2px)	;	width:calc(75% - 2px)	;	}
	ul.k li.k70	{width:	69.7%;	width:-webkit-calc(70% - 2px)	;	width:calc(70% - 2px)	;	}
	ul.k li.k60	{width:	59.7%;	width:-webkit-calc(60% - 2px)	;	width:calc(60% - 2px)	;	}
	ul.k li.k50	{width:	49.7%;	width:-webkit-calc(50% - 2px)	;	width:calc(50% - 2px)	;	}
	ul.k li.k40	{width:	39.7%;	width:-webkit-calc(40% - 2px)	;	width:calc(40% - 2px)	;	}
	ul.k li.k30	{width:	29.7%;	width:-webkit-calc(30% - 2px)	;	width:calc(30% - 2px)	;	}
	ul.k li.k25	{width:	24.7%;	width:-webkit-calc(25% - 2px)	;	width:calc(25% - 2px)	;	}
	ul.k li.k20	{width:	19.7%;	width:-webkit-calc(20% - 2px)	;	width:calc(20% - 2px)	;	}

/*----------------
blockform
----------------*/


	@media (min-width:	768px) {

		ul.blockform li:nth-child(odd)  {
			width:				19.5%;
			text-align:			center;
			background-color:	#eee;
		}
		ul.blockform li:nth-child(even) {
			width:				79.5%;
		}
	}

	@media (max-width:	767px) {

		ul.blockform {
			display:			block;
			list-style:			none;
			border:				0 !important;
		}
		ul.blockform li {
			border-bottom:		0px ;
			border-left:		0px ;
		}
		ul.blockform li:nth-child(odd){
			width:				99%;
			background-color:	#eee;
			text-align:			left !important;
			padding-top:		0.3em !important;
			padding-top:		0.3em !important;
			padding-left:		0.3em !important;
			padding-right:		0.3em !important;
		}
		ul.blockform li:nth-child(even) {
			width:				99%;
			padding-bottom:		0.6em !important;
			padding-top:		0.6em !important;
			padding-left:		0.3em !important;
			padding-right:		0.3em !important;
		}
	}

	@media (min-width:	768px) {
		ul.tbl19 li:nth-child(odd)  {width:		9.5% !important;	}
		ul.tbl19 li:nth-child(even) {width:		89.5% !important;	}
		ul.tbl28 li:nth-child(odd)  {width:		19.5% !important;	}
		ul.tbl28 li:nth-child(even) {width:		79.5% !important;	}
		ul.tbl37 li:nth-child(odd)  {width:		29.5% !important;	}
		ul.tbl37 li:nth-child(even) {width:		69.5% !important;	}
		ul.tbl46 li:nth-child(odd)  {width:		39.5% !important;	}
		ul.tbl46 li:nth-child(even) {width:		59.5% !important;	}
		ul.tbl55 li:nth-child(odd)  {width:		49.5% !important	}
		ul.tbl55 li:nth-child(even) {width:		49.5% !important;	}
		ul.tbl64 li:nth-child(odd)  {width:		59.5% !important;	}
		ul.tbl64 li:nth-child(even) {width:		39.5% !important;	}
		ul.tbl73 li:nth-child(odd)  {width:		69.5% !important;	}
		ul.tbl73 li:nth-child(even) {width:		29.5% !important;	}
		ul.tbl82 li:nth-child(odd)  {width:		79.5% !important;	}
		ul.tbl82 li:nth-child(even) {width:		19.5% !important;	}
	}
	@media (max-width:	767px) {
		ul.tbl19 li:nth-child(odd)  {width:		24.5% !important;	}
		ul.tbl19 li:nth-child(even) {width:		74.5% !important;	}
		ul.tbl28 li:nth-child(odd)  {width:		24.5% !important;	}
		ul.tbl28 li:nth-child(even) {width:		74.5% !important;	}
		ul.tbl37 li:nth-child(odd)  {width:		29.5% !important;	}
		ul.tbl37 li:nth-child(even) {width:		69.5% !important;	}
		ul.tbl46 li:nth-child(odd)  {width:		39.5% !important;	}
		ul.tbl46 li:nth-child(even) {width:		59.5% !important;	}
		ul.tbl55 li:nth-child(odd)  {width:		49.5% !important	}
		ul.tbl55 li:nth-child(even) {width:		49.5% !important;	}
		ul.tbl64 li:nth-child(odd)  {width:		59.5% !important;	}
		ul.tbl64 li:nth-child(even) {width:		39.5% !important;	}
		ul.tbl73 li:nth-child(odd)  {width:		69.5% !important;	}
		ul.tbl73 li:nth-child(even) {width:		29.5% !important;	}
		ul.tbl82 li:nth-child(odd)  {width:		74.5% !important;	}
		ul.tbl82 li:nth-child(even) {width:		24.5% !important;	}
	}


/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■
ul blockCol li-setting 箇条書き
■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/************************
Kajo 標準箇条書き
************************/

	div.list , div.list_thick , div.list_thin , div.list_plane ,
	ul.list li , ul.list_thick li , ul.list_thin li , ul.list_plane li {
		display:				block;
		border:					1px solid transparent;
		margin-bottom:			 0.3em;
	}
	div.list:after , div.list_thick:after , div.list_thin:after , div.list_plane:after
	ul.list li:after , ul.list_thick li:after , ul.list_thin li:after , ul.list_plane li:after {
		content:				""; 
		display:				block;
		clear:					both;
	}
	div.list p , div.list_thick p , div.list_thin p , div.list_plane p ,
	ul.list li p , ul.list_thick li p , ul.list_thin li p , ul.list_plane li p {
		display:				block;
		line-height:			1.1em;
		padding-right:			 0.6em;
		padding-left:			 0.3em;
	}
	div.list p ,		ul.list li p {			padding-top: 0.6em;	padding-bottom: 0.6em;	}
	div.list_thick p ,	ul.list_thick li p {	padding-top: 0.9em;	padding-bottom: 0.9em;	}
	div.list_thin p ,	ul.list_thin li p {		padding-top: 0.3em;	padding-bottom: 0.3em;	}
	div.list_plane p ,	ul.list_plane li p {	padding-top: 0.1em;	padding-bottom: 0.1em;	}


	div.arr p	, ul.arr li p	, ul li.arr p ,
	div.chk p	, ul.chk li p	, ul li.chk p ,
	div.numb p	, ul.numb li p	, ul li.numb p ,
	div.point p	, ul.point li p	, ul li.point p ,
	div.step p	, ul.step li p	, ul li.step p {
		background-repeat:		no-repeat;
		background-position:	left center;
		padding-left:			3em !important;
	}
	div.arr p	, ul.arr li p	, ul li.arr p {		background-image:	url("image/arrowR32wht.png");	}
	div.chk p	, ul.chk li p	, ul li.chk p {		background-image:	url("image/arrowS32wht.png");	}
	div.numb p	, ul.numb li p	, ul li.numb p {	background-image:	url("image/no.png");			}
	div.point p	, ul.point li p	, ul li.point p {	background-image:	url("image/point.png");			}
	div.step p	, ul.step li p	, ul li.step p {	background-image:	url("image/step.png");			}

	div.blockCol MK,	ul li.blockCol MK ,	ul.blockCol li MK ,
	div.blockCol TX,	ul li.blockCol TX ,	ul.blockCol li TX , {
		display:			inline-block;
		line-height:		1.1;
		padding-top: 		0.6em;
		padding-bottom: 	0.6em;
	}

	div.blockCol MK,	ul li.blockCol MK ,	ul.blockCol li MK  {
		float:				left;
		width:				9%;
		padding-left: 		0.6em;
	}
	div.blockCol TX,	ul li.blockCol TX ,	ul.blockCol li TX  {
		float:				right;
		width:				90%;
		padding-right: 		0.6em;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
ol
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	ol {
		margin:					0;
		padding:				0;/* paddingキャンセル */
		list-style:				none;/* olがはき出す数字を消す */
	}
	ol {counter-reset:			olcount;/* 数字のカウントをリセットする */}
	ol li{
		margin:					0;
		padding:				0;
		padding-bottom:			0;
	}
	ol li:before {
		counter-increment:		olcount;/* 任意の名前を付ける */
		content: 				counter(olcount);/* 名前を付けたカウンターをcontentで発動！ */
	}
	ol li:before {
		float: 					left;
		width: 					1.6em;
		height: 				1.6em;
		font-size:				1em;
		text-align: 			center;
		line-height: 			1.6;
		margin-top:				0px;
		margin-right:			5px;
	}

	ol.maru li:before {
		float: 					left;
		width: 					1.6em;
		height: 				1.6em;
		border-radius: 			50%;
		font-size:				1em;
		line-height: 			1.6;
		margin-top:				0px;
		margin-right:			5px;
		background-color:		#ccc;
	}

	ol.no li:before ,
	ol.step li:before {
		float: 					left;
		width: 					24px;
		height: 				32px;
		border-radius: 			0 !important;
		font-size:				1.5em;
		font-weight:			400;
		line-height: 			1;
		text-align: 			left;
		padding-left:			40px;
		margin-top:				0px;
		margin-right:			5px;
		background-position:	left top;
		background-repeat:		no-repeat;
		background-color:		transparent !important;
	}

	ol.no li:after ,
	ol.step li:after {
		content:				""; 
		display:				block;
		clear:					both;
	}
	ol.no li:before {	background-image:	url("image/no.png");	}
	ol.step li:before {	background-image:	url("image/step.png");	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
widget
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	ul.widget {
		display:				block;
		background-color:		#fff;
		border:					1px solid transparent;
		margin-bottom:			20px;
	}

	ul.widget li {
		display:				block;
		list-style:				none;
	}
	ul.widget li.widget ul{
		display:				block;
		background-color:		transparent;
		padding:				10px;
	}

	div.widgettitle{
		display:				block;
		background-color:		transparent;
		margin-top:				5px;
		margin-left:			5px;
		margin-right:			5px;
		padding-left:			5px;
		border-left:			5px solid #222;
		border-bottom:			1px solid #ccc;
		font-weight:			400;

	}
	ul.widget li.widget_archive ul li a{
		display:				inline-block;
		background-image:		url("image/arrowS16blk.png");
		background-repeat:		no-repeat;
		background-position:	left 2px;
		padding-left:			20px;
		border-bottom:			1px dotted transparent;
	}
	ul.widget li.widget_archive ul li a:hover{
		border-bottom-color:	#222 !important;
	}
	div.textwidget{
		display:				block;
		padding:				10px;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
WP Sitemap Page 
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* 投稿 */
	ul.wsp-posts-list li strong.wsp-category-title a{
		display:				inline-block;
		color:					#222;
	}
	ul.wsp-posts-list li strong.wsp-category-title {
		display:				block;
		color:					#777;
		margin:					10px 0 5px 0;
	}
	ul.wsp-posts-list li.wsp-post a {
		color:					#222;
		padding-left:40px;
	}
	ul.wsp-posts-list li.wsp-post a:hover {
		text-decoration:		underline	!important;
	}

	ul.wsp-posts-list li.wsp-post {
		display:				block;
	}

/* 固定ページ */

	ul.wsp-pages-list li.page_item a{
		color:					#222;
		padding-left:			40px;
	}
	ul.wsp-pages-list li.page_item a:hover {
		text-decoration:		underline	!important;
	}
	ul.wsp-pages-list li.page_item {
		display:				block;
	}

/* カスタム投稿ページ */

	ul.wsp-productss-list li a{
		color:					#222;
		padding-left:			40px;
	}
	ul.wsp-productss-list li a:hover {
		text-decoration:		underline	!important;
	}
	ul.wsp-productss-list li {
		display:				block;
	}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■
formObject
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	/*******************************************
	ラベル
	********************************************/
	#theContent form p.hissu ,
	#theContent form p.label
	{
		display:				block;
		margin:					0;
		padding-bottom:			2px;
	}

	#theContent form  p
	{
		line-height:			1.2;
	}

	#theContent form  span.hissu ,
	#theContent form  span.label ,
	#theContent form  p.hissu ,
	#theContent form  p.label
	{
		font-size:				0.88em;
		line-height:			0.88em;
		margin-top:				2px;
	}

	#theContent form p.hissu:after
	{
		display:				inline-block;
		content:				"(必須)";
		color:					crimson;
	}
	/********************************************
	text
	********************************************/
	#theContent form textarea ,
	#theContent form select ,
	#theContent form input[type="email"] ,
	#theContent form input[type="text"] {
		padding:				5px;
		border:					1px solid #ccc;
		font-size:				1em !important;
	}

	.size-max ,
	#theContent form .size-max textarea,
	#theContent form .size-max input[type="email"] ,
	#theContent form .size-max input[type="text"] {
		width:					98% !important;
	}

	.size-full ,
	#theContent form .size-full textarea,
	#theContent form .size-full input[type="email"] ,
	#theContent form .size-full input[type="text"] {
		width:					90% !important;
	}
	.size-half ,
	#theContent form .size-half textarea,
	#theContent form .size-half input[type=text]{
		width:					50% !important;
	}
	.size-mini ,
	#theContent form .size-mini textarea,
	#theContent form .size-mini input[type=text]{
		width:					30% !important;
	}

	#theContent form .mwform-tel-field input[type=text] ,
	#theContent form .mwform-zip-field input[type=text]{
		width:auto;
	}
	
	.hankaku {
		ime-mode:				disabled;
	}

	#theContent form input[name="submitConfirm"] {
		display:				inline-block;
		text-align:				center;
		min-width:				320px !important;
		font-size:				1em;
		padding:				10px ;
		margin-top:				10px;
		margin-bottom:			10px;
	}

	#theContent form input[type="submit"] ,
	#theContent form input[name="submitBack"] {
		display:				inline-block;
		text-align:				center;
		min-width:				160px;
		font-size:				1em;
		padding:				10px;
		margin-top:				10px;
		margin-bottom:			10px;
	}

	#theContent form input[name="submitConfirm"] ,
	#theContent form input[type="submit"] ,
	#theContent form input[name="submitBack"] {
		background-color:		#777;
		color:					#fff;
		border:					1px solid #ccc;
	}



	#theContent form input[type="submit"]:hover {
		color:					#fff;
		background-color:		#111;
		text-decoration:		none;
	}

	/********************************************
	特定画面のみ表示
	********************************************/
	/*入力画面のみ*/
	div.mw_wp_form_input p.onlyinput{		font-size:1em;	}/* 入力画面 */
	div.mw_wp_form_confirm  p.onlyinput{	display: none;	}/*確認画面*/

	/*確認画面のみ*/
	div.mw_wp_form_input p.onlyconfirm{		display:none;	}/* 入力画面 */
	div.mw_wp_form_confirm  p.onlyconfirm{	font-size:1em;	}/*確認画面*/
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
formObject
■■■■■■■■■■■■■■■■■■■■■■■■■
*/

	.formobj{
		display:				block;
		padding:				5px;
		margin-bottom:			5px;
		background:				#fcfcfc;
		border:					1px solid #ccc;

	}
	.formobj_label{
		display:				inline-block;
		border:					1px solid #ccc;
		border-radius:			8px;
		padding:				1px 8px;
		margin-bottom:			2px;
		font-weight:			400;
		background:				#999;
		color:					#fff;
	}
	.formobj_label::after {
		  content: "\A";
		  white-space: pre;
	}
	.saearch_form_waku {
		padding:				2px 5px;
		border:					1px solid #ccc;
		margin-bottom:			20px;
	}
	.saearch_form_title{
		display:				block;
		border:					1px solid #ccc;
		border-radius:			8px;
		padding:				5px 8px;
		margin-top:				5px;
		margin-bottom:			5px;
		margin-left:			auto;
		margin-right:			auto;
		text-align:				center;
		font-weight:			900;
		background:				#999;
		color:					#fff;
	}
	.saearch_form_submit{
		font-size:				1em;
		font-weight:			400;
		padding:				5px 20px;
		margin-top:				15px;
		margin-bottom:			15px;
		margin-left:			auto;
		margin-right:			auto;
		width:					270px;
	}

	.saearch_set_view {
		padding:				8px 5px 5px 5px;
		border:					1px solid #ccc;
		font-size:				0.8em;
		margin-bottom:			20px;
	}

	.formobj_Wrap{
		display:				block;
	}
	.formobj_Wrap p{
		padding-bottom:			2px !important;
	}

	.formbtn_Wrap{
		display:				block;
		border: 				0px;
		margin:					2px auto;
	}


.checkbox_obj ,
.checkbox_box ,
.checkbox_txt {
		display:				inline-block;



}







/*
■■■■■■■■■■■■■■■■■■■■■■■■■
enquete
■■■■■■■■■■■■■■■■■■■■■■■■■
*/

/*
-------------------------------------
question
-------------------------------------
*/
	.mrk{
		display:				inline-block;
		max-width:				15%;
		vertical-align:			top;
		margin-right:			0.5em;
		text-align:				left;
		font-size:				1.3em;
		font-weight:			900;
		font-family:			'Oswald', sans-serif;
	}
	.qes {
		display:				inline-block;
		max-width:				85%;
		text-align:				left;
		font-weight:			500;
		font-size:				1.1em;
		margin-bottom:			1em;
		font-weight:			500;
	}
	.qesmax {
		display:				block;
		max-width:				98%;
		text-align:				left;
		font-weight:			500;
		font-size:				1.1em;
		margin-bottom:			1em;
		font-weight:			500;
	}
/*
-------------------------------------
answer
-------------------------------------
*/
	.ans {
		display:				block;
		width:					98%;
		margin:					0 auto 2em auto;
		text-align:				left;
	}
	
/*
radio
*/
	.ans input[type="radio"] {
		position: 				relative;
		vertical-align:			top;
		width:					20px;
		height:					20px;
		margin-right:			0.5rem;
		margin-bottom:			0.5rem;
		cursor:					pointer;
		transition:				all 0.15s ease-out 0s;
		color:					#ffffff;
		border:					none;
		outline:				none;
		background:				#d7cbcb;
		-webkit-appearance:		none;
		appearance:				none;
	}
	.ans input[type="radio"]:hover {
		background:				#ffa500;/*#d6a9a9;/**/
	}
	.ans input[type="radio"]:checked {
		background:				#ff8c00;/*da3c41;/**/
	}
	.ans input[type="radio"]:checked::before {
		font-size:				20px;
		line-height:			20px;
		position:				absolute;
		display:				inline-block;
		width:					20px;
		height:					20px;
		content:				'✔';
		text-align:				center;
	}
	.ans input[type="radio"]:checked::after {
		position:				relative;
		display:				block;
		content:				'';
		-webkit-animation:		click-wave 0.65s;
		        animation:		click-wave 0.65s;
		background:				#da3c41;
	}
	.ans input[type="radio"] {
		border-radius:			50%;
	}
	.ans input[type="radio"]::after {
		border-radius:			50%;
	}
	.ans span.mwform-radio-field-text{
		display:				inline-block;
		width:					90%;
	}

/*
checkbox
*/

	.ans input[type="checkbox"] {
		position: 				relative;
		vertical-align:			top;
		width:					20px;
		height:					20px;
		margin-right:			0.5rem;
		margin-bottom:			0.5rem;
		cursor:					pointer;
		transition:				all 0.15s ease-out 0s;
		color:					#ffffff;
		border:					none;
		outline:				none;
		background:				#d7cbcb;
		-webkit-appearance:		none;
		appearance:				none;
	}
	.ans input[type="checkbox"]:hover {
		background:				#ffa500;/*#d6a9a9;/**/
	}
	.ans input[type="checkbox"]:checked {
		background:				#ff8c00;/*da3c41;/**/
	}

	.ans input[type="checkbox"]:checked::before {
		font-size:				20px;
		line-height:			20px;
		position:				absolute;
		display:				inline-block;
		width:					20px;
		height:					20px;
		content:				'✔';
		text-align:				center;
	}
	.ans input[type="checkbox"]:checked::after {
		position:				relative;
		display:				block;
		content:				'';
		-webkit-animation:		click-wave 0.65s;
		        animation:		click-wave 0.65s;
		background:				#da3c41;
	}


	.ans span.mwform-checkbox-field-text{
		display:				inline-block;
		width:					90%;
	}

	span.mwform-checkbox-field vertical-item{
		display:				inline-block !important;
		width:					48% !important;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
WP-menberssp
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	label {	font-weight:		500;	}


	label[for="rememberme"]  {
		font-size:				0.8em;
		font-weight:			300;
		font-weight:			500;
	}
	label[for="rememberme"]:after  {
		content:				"\A" ;
		white-space:			pre ;
	}

	div.link-text span.link-text-forgot{
		font-size:				0.8em;
		font-weight:			300;
	}

	div.link-text span.link-text-forgot a:before{
		content:				"⇒";
		font-weight:			500;
	}

	#wpmem_reg, #wpmem_login {
		width:					100% !important;
		padding-top:			0px !important;
		/** float:				none !important;/**/
	}

	#wpmem_reg fieldset, #wpmem_login fieldset {
		border:					1px dashed #ccc;
		padding-top:			0px !important;
		margin-top:				0px !important;
		margin-bottom:			0px !important;;
	}

	.wp-member-waku a {
		display:				block;
		margin-top:				10px;
		margin-bottom:			10px;
		padding:				0.8em;
		border:					1px solid #ccc;	/**/
		text-align:				center;
	}


	.wp-member-waku a[id="login"] ,
	.wp-member-waku a[id="pwdchange"] ,
	.wp-member-waku a[id="register"] {
		border-color:			transparent !important;
		margin-top:				2px !important;
		margin-bottom:			3px !important;
	}

	#wpmem_reg legend, #wpmem_login legend {
		font-weight: 			600 !important;
		font-size:				1.2em !important;
		margin-bottom:			20px !important;
	}


	div.wp-member-waku ul li {
		list-style:				none !important;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
予約システム
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	/*カレンダー*/
	div.monthly-calendar caption{
		font-family:			'Noto Serif JP', "Sawarabi Mincho" , "Segoe UI" !important;
		font-weight:			700 !important;
		font-size:				1.7em;
		color:					#333;
		line-height:			2em;
		margin-bottom:			30px;
	}
	div.monthly-prev ,
	div.monthly-next {
		font-weight:			500 !important;
		font-size:				1.0em;
		line-height:			2em;
		margin-top:				20px;
		border-top:				1px solid #ccc;
		border-bottom:			1px solid #ccc;
	}
	div.monthly-prev a ,
	div.monthly-next a  {
		font-family:			'Noto Serif JP', "Sawarabi Mincho" , "Segoe UI" !important;
		font-weight:			700 !important;
		color:					#555;
	}
	div.monthly-prev a:hover ,
	div.monthly-next a:hover  {
		font-weight:			700 !important;
		color:					blue;
	}
	span.no-link {
		font-family:			'Noto Serif JP', "Sawarabi Mincho" , "Segoe UI" !important;
		color:					#333 !important ;
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
タブUI
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*
<div class="tabarea">
<p class="tabs">
<a href="#tab1" class="tab1" onclick="ChangeTab('tab1'); return false;">タブ1</a>
<a href="#tab2" class="tab2" onclick="ChangeTab('tab2'); return false;">タブ2</a>
<a href="#tab3" class="tab3" onclick="ChangeTab('tab3'); return false;">タブ3</a>
</p>
<div id="tab1" class="tab">
<p>(タブ1の中身)</p>
</div>
<div id="tab2" class="tab">
<p>(タブ2の中身)</p>
</div>
<div id="tab3" class="tab">
<p>(タブ3の中身)</p>
</div>
</div>
<script type="text/javascript">ChangeTab('tab1');</script>
*/
/*
=================================================
tabarea
=================================================
*/
	/* ▼(A)表示領域全体 */
	div.tabarea {
		display: 				block;
		margin:					0px;
		padding:				0px;
		width:					100%;
	}
		/* ▼(B)タブ部分 */
	p.tabs {
		margin:					0px;
		margin-top:				2px;
		margin-bottom:			2px;
		padding:				5px 0 3px 0;
/*		border-top:				1px solid #0062AC;/*forthisで設定 default*/
/*		border-bottom:			1px solid #0062AC;/*forthisで設定 default*/
	}
	p.tabs a {
		/* ▼(B-2)リンクをタブのように見せる */
		display: 				block;
		float: 					left;
		margin:					0px;
		padding:				5px 5px;
		text-align:				center;
		font-size:				18px;
		font-weight:			400;
/*		color:					#0062AC;/*forthisで設定 default*/
	}
		/* ▼(B-3)各タブの配色 */
	p.tabs a.tablist ,
	p.tabs a.tablink {
		display:				block;
		background-color:		#fff;
		border:					0;
		border-bottom:			1px solid #ccc;
		border-top:				1px solid #ccc;
		border-left:			1px solid #ccc;
		border-right:			1px solid #ccc;
		margin-right:			2px;
		margin-bottom:			2px;
		width:					112px;
	}

	p.tabs a:hover {
		background-color:		#eee;
		text-decoration:		none;
	}

	/* ▼(C)タブ中身のボックス */
	div.tab {
		/* ▼(C-2)ボックス共通の装飾 */
		height: 				auto;
		overflow: 				auto;
		clear:					left;
	}
	span.tab_on ,
	span.tab_off ,
	div.tab_on ,
	div.tab_off {
		display:				block;
		float:					left;
		width:					126px;
		text-align:				center;
/*		color:					#0062AC;/*forthisで設定default*/
	}

	span.tab_on ,
	div.tab_on {
/*		border-top:				5px solid #0062AC;/*forthisで設定default*/
	}
	span.tab_off ,
	div.tab_off {
		border-top:				5px solid transparent;
	}

	@media (max-width:		600px) {
		span.tab_on ,
		span.tab_off ,
		div.tab_on ,
		div.tab_off {
				display:				none;
		}
	}


/*
■■■■■■■■■■■■■■■■■■■■■■■■■
アコーディオンUI
■■■■■■■■■■■■■■■■■■■■■■■■■
*//*
<input id="acd-check1" class="acd-check" type="checkbox">
<label class="acd-label" for="acd-check1">クリックで開く1</label>
<div class="acd-content">
  <p>hello.world!</p>
</div>
<input id="acd-check2" class="acd-check" type="checkbox">
<label class="acd-label" for="acd-check2">クリックで開く2</label>
<div class="acd-content">
  <p>hello.world2!</p>
</div>
<input id="acd-check3" class="acd-check" type="checkbox">
<label class="acd-label" for="acd-check3">クリックで開く3</label>
<div class="acd-content">
  <p>hello.world3!</p>
</div>
<input id="acd-check4" class="acd-check" type="checkbox">
<label class="acd-label" for="acd-check4">クリックで開く4</label>
<div class="acd-content">
  <p>hello.world4!</p>
</div>
*/
	.acd-check{
		display:				none;
	}
	.acd-label{
		background-color:		#777;
		color:					#fff;
		display:				block;
		margin-bottom:			1px;
		padding:				10px;
		padding-left:			40px !important;
		position:				relative;
		background-image:		url("image/faq_032_Q.png");
		background-repeat:		no-repeat;
		background-position:	3px  7px;
	}

	@media (min-width:		992px) {
		.acd-label{	height:		32px;}
	}
	@media (max-width:		767px) {
		.acd-label{	height:		36px;}
	}

	.acd-label:after{
		background-color:		#777;
		box-sizing:				border-box;
		content:				'＋';
		display:				block;
		font-weight:			900;
		height:					48px;
		padding:				10px 20px;
		position:				absolute;
		right:					0;
		top:					0px;
	}
	.acd-content{
		background-color:		#fff;
		border:					1px solid #333;
		display:				block;
		background-image:		url("image/faq_032_A.png");
		background-repeat:		no-repeat;
		background-position:	3px 3px;
		height:					0;
		opacity:				0;
		padding:				0 10px;
		transition:				.5s;
		visibility:				hidden;
	}
	.acd-check:checked + .acd-label:after{
		content:				'－';
	}
	.acd-check:checked + .acd-label + .acd-content{
		height:					auto;
		opacity:				1;
		padding:				10px;
		visibility:				visible;
	}

/*旧アコーディオン
■■■■■■■■■■■■■■■■■■■■■■■■■
	ul.accordion {
		list-style:				none;
		width:					100%;
	}
	ul.accordion > li {
		background-color:		transparent;
		border-bottom:			1px solid #ccc;
	}

	ul.accordion li div {
		cursor:pointer;
	}

	ul.accordion li div.til {
		display:				block;
		padding-top:			1px;
		padding-bottom:			1px;
		margin:					0 0 0 0 !important;
	}

	ul.accordion li ul li p.bdy {
		display:				block;
		padding:				0 0 5px 2px !important;
		margin:					0 0 0 0 !important;
	}

	ul.accordion ul {
		display:none;
		list-style:				none;
	}
*/
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
head-block
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	#frame_fixed {
		position: 				fixed;
		top: 					0px;
		right: 					0px;
		z-index:				100;
	}
	#frame_block {
		display:				block;
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
head-desc
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	#wrap_desc		{
		padding:				0;
	}
	#inner_desc		{
		line-height:			1;
		font-weight:			normal;
		padding-top:			1px !important;
		padding-bottom:			px !important;
	}
	div.breadcrumbWrap{
		display:				block;
		line-height:			1;
		font-size:				0.7em;
		font-weight:			normal;
		padding:				0;
	}
	div.breadcrumbWrap:after{
		content:				"";
		display:				block;
		clear:					both;
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
wrap_head(headline用）
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	#wrap_head	{
		display:				block;
	}
	div.logo {
		display:				block;
		border:					1px solid transparent;
		padding:				0;
		margin:					2px 4px 2px 0;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
wrap_navi
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#wrap_navi{
		border-top:				1px solid transparent;
		border-bottom:			1px solid transparent;
	}
	@media only screen and (min-width:	992px) {
		#wrap_navi{
			padding:				0;
		}
	}
	@media only screen and (max-width:	991px) {
		#wrap_navi{
			padding:				0;
			border-top:				0;
			border-bottom:			0;
		}
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
toggle
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	div.BLANK_AREA ,
	.NAME_AREA ,
	ul li.NAME_AREA{display:		block;	}
	ul li.ICON_AREA{display:		block;	}

	.NAME_PLOT {
		display:				block;
		padding-left:			1%;
		padding-right:			1%;
		padding-top:			5px;
		padding-bottom:			5px;
		font-weight:			400;
	}
	.NAME_IMG {
		display:				block;
		margin-left:			auto;
		margin-right:			auto;
		margin-top:				3px;
		margin-bottom:			3px;
		width:					270px;
	}
	.ICON_PLOT {
		display:				block;
		padding-top:			5px;
		padding-bottom:			5px;
		text-align:				center;
	}

	@media only screen and (min-width:	992px) {
		div.BLANK_AREA{	height:			54px;		}
		#wrap_toggle{	display:		none;		}
		#toggle{		display:		none;		}
		ul li.ICON_AREA{width:			15%;		}

	}

	@media (max-width:	991px) {
		#wrap_head{display:		none !important;}
	}

	@media only screen and (max-width:	991px) {
		div.BLANK_AREA{	height:			54px;		}
		#wrap_toggle{	display:		block;		}
		#wrap_toggle{	height:			52px;		}
		#toggle		{	display:		block;		}
		#toggle		{	position:		relative;	}
		.ICON_PLOT 	{	padding-left:	auto;		
						padding-right:	auto;
		}
		.ICON_PLOT i{	font-size:		20px;		}

		.NAME_PLOT{		font-size:		32px;		}
		ul li.NAME_AREA{width:			70%;		}
		ul li.ICON_AREA{width:			15%;
						max-width:		48px;		}

	}
	@media only screen and (max-width:	767px) {
		.NAME_PLOT{		font-size:		24px;		}
	}
	@media only screen and (max-width:	666px) {
		.NAME_PLOT	{	font-size:		20px;		}
	}
	@media only screen and (max-width:	419px) {
		.NAME_PLOT{		font-size:		18px;		}
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
navi_head ボタンの体裁
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/**/
	ul.navi_head li a:link{		text-decoration: none;}
	ul.navi_head li a:visited{	text-decoration: none;}
	ul.navi_head li a:hover{	text-decoration: none !important;}

	ul.navi_head li a  {
		border:					1px solid transparent;
	}

	ul.navi_head li p , ul.navi_head li a p {
		display:				block;
		margin:					0;
		line-height:			1;
	}

	ul.navi_head li a p lab,
	ul.navi_head li p lab {
		display:				block;
		line-height:			1;
		text-align:				center;
		padding-top:			2px;
		font-size:				0.75em;
		font-weight:			normal;
	}

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

		ul.blockHED li ,
		ul.navi_head li {
			display:				inline-block;
			margin:					0;
		}
		ul.navi_head li a {	
			border-right-color:		transparent;
		}
		ul.navi_head li:first-child a {
			border-left-color:		transparent;
		}
		ul.blockHED li a p ,
		ul.navi_head li a p {
			text-align:				center !important;
			font-size:				0.9em !important;
		}
		ul.navi_head li p	{
			padding:				0.75em 0.75em !important;
		}

		ul.navi_head li a ,
		ul.blockHED li a {
			border-right-color:		#ccc;
			padding:				5px 10px;
		}
		ul.navi_head li:first-child a ,
		ul.blockHED li:first-child a {
			border-left-color:		#ccc;
		}

	}

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

		ul.navi_head{
			display:				none;
		}

		ul.navi_head li{
			width:					32.0% !important;
			display:				inline-block;
			margin-left:			0.25%;
			margin-right:			0.25%;
			margin-bottom:			3px;
		}
		ul.navi_head li a{
			display:				block;
			border-color:			#aaa;
		}
		ul.navi_head li a p {
			display:				block;
			padding:				20px 5px !important;
			text-align:				center;
		}

		ul.navi_head li a p img{
			height:					auto;
			margin-left:			auto;
			margin-right:			auto;
		}

	}

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

		ul.navi_head li{
			width:					48.5% !important;
			display:				inline-block;
			margin-left:			0.25%;
			margin-right:			0.25%;
			margin-bottom:			3px;
		}
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
 .pagenation 
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.wrap_pagenation{
		display:				block;
		margin:					0;
		margin-top:				30px;
		padding:				10px 0;
	}
	.wrap_pagenation:after {
		content: 				"";
		display: 				block;
		clear: 					both;
	}
	#pagenation{
		display:				block;
		margin:					0;
		padding:				0;
	}
	#pagenation:after {
		content: 				"";
		display: 				block;
		clear: 					both;
	}
	span.page-numbers,
	a.page-numbers{
		display:				block;
		float:					left;
		margin:					0;
		margin-right:			2px;
		margin-bottom:			2px;
		padding:				5px 8px 3px 8px;
		border:					1px solid #ccc;
	}

	#pagenation a.page-numbers:hover{
		text-decoration:		none;
	}
	#pagenation a.next,
	#pagenation a.prev{
		margin-right:			2px;
		margin-bottom:			2px;
		padding:				5px 8px 3px 8px;
		text-align:				center;
		text-decoration:		none;
	}
/* single page */
	div.prevpage{
		display:				block;
		float:					left;
		width:					20%;
		text-align:				right;
	}
	div.nextpage
	{
		display:				block;
		float:					right;
		width:					20%;
		text-align:				left;
	}
	div.listpage
	{
		display:				block;
		width:					59%;
		float:					left;
		text-align:				center;
	}
	div.listpage a:hover ,
	div.prevpage a:hover ,
	div.nextpage a:hover	{
		text-decoration:		underline;
	}

	div.toback{
		display:				block;
		width:					30% !important;
		text-align:				center;
		margin:					0 auto;
	}
/*===============================================
pagenation  color
===============================================*/
	#pagenation a.page-numbers:hover{
		background-color:		#777;
		color:					#eee;
	}
	#pagenation span.current{
		color:					#111;
		background:				#fff;
	}
	span.page-numbers,
	a.page-numbers{
		background:				#eee;
		border:					1px solid #ccc;
	}
/*
□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□
*/


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
page title
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#wrap_title {
		padding-top:			0px;
		padding-bottom:			0px;
		background-color:		#fff;/*bg_page-title*/
		border-bottom:			1px solid transparent;
	}
	.page_title , .sub_title {
		display:				block;
		word-break:				break-all;
		padding-bottom:			0 !important;
		padding-top:			0px;
		padding-right:			0px;
		padding-left:			10px;
	}
	.page_title	{font-size:	1.5em !important;	}
	.sub_title	{font-size:	0.88em !important;	margin-top:	2px;	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
.body content,
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	#theArchive ,
	#theContent	{
		display:				block;
		word-break:				break-all;
		margin-left:			auto;
		margin-right:			auto;
		margin-bottom:			30px;
	}

	#theContent	p {		 padding-bottom:	30px;	}
	#theContent	p.nopad {padding-bottom:	0px;	}


	.front_wrap h2	, .front_wrap h3 ,
	#theContent h2	, #theArchive h2 ,
	#theContent h3	, #theArchive h3 {
		display:				block;
		line-height:			1.5;
	}

	.front_wrap h4	, .front_wrap h5 ,
	#theContent h4	, #theArchive h4 ,
	#theContent h5	, #theArchive h5  {
		display:				inline-block;
		min-width:				240px;
		text-align:				left !important;
		padding:				0.2em 0.65em 0.2em 0.65em;
		line-height:			1.2;
	}

	.ULN	{
		position:				relative;
		padding-bottom:			5px;
		border-bottom-style:	solid;
		border-bottom-width:	5px;
		margin-bottom:			15px;
	}
	.ULN:after {
		display:				block;
		position:				absolute;
		content:				" ";
		border-bottom-style:	solid;
		border-bottom-width:	5px;
		bottom:					-5px;
		width:					40%;
	}
	.ULN		{border-bottom-color:	#ccc;	}
	.ULN:after	{border-bottom-color:	#eee;	}

	.WAK {
		display:				block;
		position:				relative;
		width:					96%;
		background-color:		#eee;
		border:					2px solid #ccc;
		border-radius:			12px;
		padding:				8px 12px ;
		margin-bottom:			15px;
	}

	.hMIN {
		border-style:			solid;
		border-top:				1px dotted #ccc;
		border-bottom:			1px dotted #ccc;
		border-left:			5px solid #ccc;
		border-right:			5px solid #ccc;
		margin-bottom:			5px;
		background-color:		#eee;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
LIST BLOCK
■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*================================================
MAIN Container
================================================*/
	.boxL ,
	.boxV ,
	.boxH ,
	.boxVH {
		display:				block;
		position:				relative;
		padding:				0;
		top:					0;
		bottom:					0;
		overflow:				hidden;
	}

	a.boxL:after  , div.boxL:after  ,
	a.boxV:after  , div.boxV:after  ,
	a.boxH:after  , div.boxH:after  ,
	a.boxVH:after , div.boxVH:after  {
		content:				""; 
		display:				block;
		clear:					both;
	}
	a.boxL *  , div.boxL *  ,
	a.boxV *  , div.boxV *  ,
	a.boxH *  , div.boxH *  ,
	a.boxVH * , div.boxVH *  {
		-webkit-transition:		0.5s;
		-moz-transition:		0.5s;
		-ms-transition:			0.5s;
		-o-transition:			0.5s;
		transition:				0.5s;
	}

/* boxL */
	a.boxL div.box_img  , div.boxL div.box_img {
		display:		none !important;
	}
	a.boxL div.box_txt  , div.boxL div.box_txt {
		display:				block;
		position:				relative;
		padding:				0;
		top:					0;
		bottom:					0;
	}
/* boxV */
	a.boxV div.box_img  , div.boxV div.box_img {
		display:				block;
		position:				relative;
		padding:				0;
		overflow:				hidden;
	}
	a.boxV div.box_txt  , div.boxV div.box_txt {
		display:				block;
		position:				relative;
		padding:				0;
	}
/* boxH */
	a.boxH div.box_img  , div.boxH div.box_img {
		display:				block;
		position:				relative;
		padding:				0;
		overflow:				hidden;
		width:					30%;
		float:					left;
	}
	a.boxH div.box_txt  , div.boxH div.box_txt {
		display:				block;
		position:				relative;
		padding:				0;
		width:					68%;
		float:					right;
	}

/* boxVH */


	a.boxVH div.box_img  , div.boxVH div.box_img {
		display:				block;
		position:				relative;
		padding:				0;
		overflow:				hidden;
	}
	a.boxVH div.box_txt  , div.boxVH div.box_txt {
		display:				block;
		position:				relative;
		padding:				0;
	}

	@media (max-width: 599px) {
		a.boxVH div.box_img  , div.boxVH div.box_img {
			width:					30% !important;
			float:					left !important;
		}
		a.boxVH div.box_txt  , div.boxVH div.box_txt {
			width:					68% !important;
			float:					right !important;
		}
	}
/*================================================
SUB Container
================================================*/
/*------------------------------------
img
------------------------------------*/
	img.ico{
		display:				block;
		position:				absolute;
		width:					32px !important;
		height:					32px !important;
		top:					0;
		bottom:					0;
		left:					0;
		right:					0;
		margin:					auto !important;
		visibility:				hidden;
	}
/*------------------------------------
text
------------------------------------*/
	.box_txt h2 ,	.box_txt h3 ,
	.box_txt div ,	.box_txt p	 {
		font-size:				1em;
	}

	.box_txt h2 ,	.box_txt h3 {
		font-weight:			700 !important;
		padding-top:			2px !important;
		padding-bottom:			8px !important;
	}

/*------------------------------------
box_info
------------------------------------*/
	.box_info {
		display:				block;
		border:					0px solid transparent;
	}
	.boxL .box_info {
		width:					20%;
		float:					left;
	}
	p.date {
		display:				inline-block;
		line-height:			1;
		font-size:				0.8em !important;
		margin-right:			5px;
		padding:				2px 3px !important;
		border:					1px solid transparent;
	}
	p.cat {
		display:				inline-block;
		line-height:			1;
		font-size:				0.75em !important;
		margin-right:			5px;
		padding:				2px 4px !important;
		border:					1px solid #ccc;
	}
/*------------------------------------
til
------------------------------------*/
	.box_txt div.til ,
	.box_txt p.til ,
	.box_txt div.box_til ,
	.box_txt p.box_til {
		font-size:				1em;
		line-height:			1;
		padding-left:			5px;
		padding-right:			5px;
	}


	.boxVH p.til ,
	.boxV p.til {
		padding-top:			4px;
		padding-bottom:			4px;
	}

	a.boxL p.til {
		padding-top:			4px;
		padding-bottom:			2px;
	}

/*------------------------------------
box_bdy/box_sub
------------------------------------*/
	.box_tag ,
	.box_sub ,
	.box_bdy {
		display:				block;
		padding-left:			5px;
		padding-right:			5px;
	}
	.box_tag  {
		margin-bottom:			5px;
	}

	.box_txt div.box_sub ,
	.box_txt p.box_sub ,
	.box_txt div.box_bdy ,
	.box_txt p.box_bdy {
		font-size:				0.88em;
	}
/*===============================================
	hover_show（hover時のみ表示）
	over_block(画像に重ねて表示）
===============================================*/
	p.over_block , div.over_block ,
	p.hover_show ,	div.hover_show {
		display:				block;
		position:				absolute;
		top:					0;
		bottom:					0;
		left:					0;
		right:					0;
		margin:					auto;
	}
	p.hover_show , div.hover_show {
		padding:				10px;
		background: 			rgb(255, 255, 255) ;
		background: 			rgba(255, 255, 255, 0.7) ;
		color:					#000;
		visibility:				hidden;
	}
/*===============================================
hover
===============================================*/
	a.boxL:hover  ,
	a.boxV:hover  ,
	a.boxH:hover  ,
	a.boxVH:hover {
		text-decoration:		none !important;
	}
	/*	hoverアイコン表示	*/
	a.boxV:hover > div.box_img img.ico  ,
	a.boxH:hover > div.box_img img.ico  ,
	a.boxVH:hover > div.box_img img.ico {
		visibility:				visible !important;
	}

	@media (min-width: 992px) {
		.zoombox:hover > div.box_img img ,
		.zoombox:hover > img {
			transform:				scale( 1.3 ) !important;
			-webkit-transform:		scale( 1.3 ) !important;
			-moz-transform:			scale( 1.3 ) !important;
		}
	}
	a.boxV:hover > div.box_img p.hover_show ,
	a.boxH:hover > div.box_img p.hover_show ,
	a.boxVH:hover > div.box_img p.hover_show ,
	a.boxV:hover > div.box_img div.hover_show ,
	a.boxH:hover > div.box_img div.hover_show ,
	a.boxVH:hover > div.box_img div.hover_show {
		visibility:				visible !important;
	}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■
fkds 吹き出し形式Box
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	div.fkds ,	ul.fkds li {
		display:				block;
		background:				#fff;
	}
	div.fkds p.HED , ul.fkds li p.HED  {
		position: 				relative;
		width:					95%;
 		padding-top:			0.6em; 		padding-bottom: 		0.6em;		padding-right:			auto;		padding-left:			auto;
		margin-top:				0.6em;		margin-bottom:			15px;			margin-right:			auto;		margin-left:			auto;
		text-align:				center !important;
	}
	div.fkds p.HED ,
	ul.fkds li p.HED {
		margin-bottom:			1,5em;
		font-weight:			700;
	}
	div.fkds p.HED:after ,
	ul.fkds li p.HED:after {
		position: 				absolute;
		content: 				'';
		top: 					100%;
		left: 					30px;
		border: 				15px solid transparent;
		border-top: 			15px solid transparent;
		width: 					0;
		height: 				0;
	}

	div.fkds p.ICO , 	ul.fkds li p.ICO ,
	div.fkds p.BDY ,	ul.fkds li p.BDY {
		position: 				relative;
		width:					90%;
		margin-right:			auto;
		margin-left:			auto;
		padding-bottom:			10px;
		border:					1px solid transparent:
	}
	div.fkds p.ICO ,	ul.fkds li p.ICO  {
		text-align:				center !important;
		min-height:				40px;
	}

	div.fkds p.BDY ,	ul.fkds li p.BDY {
		font-weight:			300 !important;
		font-size:				1em;
		min-height:				100px;
		border:					1px solid transparent !important;
		min-height:				60px;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
tabox / docbox コンテンツBox
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


	div.tabox	,	ul.tabox li {
		display:				block;
	}

	div.docbox ,	ul.docbox li {
		display:				block;
		border:					1px solid transparent;
		border-radius:			1em 1em 0 0;
	}

	div.docbox p.HED ,	ul.docbox li p.HED ,
	div.tabox p.HED ,	ul.tabox li p.HED {
		display:				block;
		position: 				relative;
		text-align:				center;
		border-radius:			1em 1em 0 0;
		font-weight:			500;
		overflow:				hidden;
		min-height:				20px;
	}

	div.docbox p.HED ,	ul.docbox li p.HED {
 		padding-top:			0.6em; 		padding-bottom: 		0em;		padding-right:			1em;		padding-left:			1em;
		margin-top:				0.6em;		margin-bottom:			0;			margin-right:			auto;		margin-left:			auto;
		border:					1px solid #ccc;
		border:					1px solid #ccc;
		border:					1px solid #ccc;
	}

	div.tabox p.HED ,	ul.tabox li p.HED {
 		padding-top:			1.2em; 		padding-bottom: 		0.2em;		padding-right:			1em;		padding-left:			1em;
		margin-top:				0.6em;		margin-bottom:			0;			margin-right:			auto;		margin-left:			auto;
		border:					1px solid transparent;
	}


	div.docbox p.ICO , ul.docbox li p.ICO ,	div.docbox p.BDY , ul.docbox li p.BDY ,
	div.tabox p.ICO  , ul.tabox li p.ICO  ,	div.tabox p.BDY  , ul.tabox li p.BDY {
		display:				block;
		position: 				relative;
 		padding-top:			0.2em; 		padding-bottom: 		0.2em;		padding-right:			1em;		padding-left:			1em;
		margin-right:			auto;		margin-left:			auto;
		border:					1px solid transparent:
	}
	div.docbox p.ICO ,	 ul.docbox li p.ICO ,
	div.tabox p.ICO ,	 ul.tabox li p.ICO {
		text-align:				center !important;
		min-height:				40px;
	}
	div.docbox p.BDY , ul.docbox li p.BDY ,
	div.tabox p.BDY , ul.tabox li p.BDY {
		padding-bottom:			10px;
		border-radius:			0 0 1em 1em;
		min-height:				40px;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
wp-member-waku
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	.wp-member-waku {
		display:				block;
		width:					96%;
		padding-right:			auto;
		padding-left:			auto;
		margin-left:			auto;
		margin-right:			auto;
	}
	.wp-member-waku  {
		background: 			#fff;
		border-size:			2px;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
pad mgn setting
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	.scroll	{	overflow:		scroll;	}
/*====================
padding
=====================*/
	.pad05 ,ul.pad05 li {padding:		5px !important;	}
	.pad10 ,ul.pad10 li {padding:		10px !important;	}
	.pad15 ,ul.pad15 li {padding:		15px !important;	}
	.pad20 ,ul.pad20 li {padding:		20px !important;	}
	.pad30 ,ul.pad30 li {padding:		30px !important;	}
	.pad40 ,ul.pad40 li {padding:		40px !important;	}

	.padT05				{padding-top:	5px !important;		}
	.padT10				{padding-top:	10px !important;	}
	.padT15				{padding-top:	15px !important;	}
	.padT20				{padding-top:	20px !important;	}
	.padT30				{padding-top:	30px !important;	}
	.padT40				{padding-top:	40px !important;	}

	.padB05				{padding-bottom:5px !important;		}
	.padB10				{padding-bottom:10px !important;	}
	.padB15				{padding-bottom:10px !important;	}
	.padB20				{padding-bottom:20px !important;	}
	.padB30				{padding-bottom:30px !important;	}
	.padB40				{padding-bottom:40px !important;	}

	.padL05				{padding-left:	5px !important;		}
	.padL10				{padding-left:	10px !important;	}
	.padL15				{padding-left:	15px !important;	}
	.padL20				{padding-left:	20px !important;	}
	.padL30				{padding-left:	30px !important;	}
	.padL40				{padding-left:	40px !important;	}

	.padR05				{padding-right:	5px !important;		}
	.padR10				{padding-right:	10px !important;	}
	.padR15				{padding-right:	15px !important;	}
	.padR20				{padding-right:	20px !important;	}
	.padR30				{padding-right:	30px !important;	}
	.padR40				{padding-right:	40px !important;	}

	.padv05				{padding-top:	5px !important;		padding-bottom:5px !important;	}
	.padv10				{padding-top:	10px !important;	padding-bottom:10px !important;	}
	.padv15				{padding-top:	15px !important;	padding-bottom:15px !important;	}
	.padv20				{padding-top:	20px !important;	padding-bottom:20px !important;	}
	.padv30				{padding-top:	30px !important;	padding-bottom:30px !important;	}
	.padv40				{padding-top:	40px !important;	padding-bottom:40px !important;	}

	.padh05				{padding-left:	5px !important;		padding-right:5px !important;	}
	.padh10				{padding-left:	10px !important;	padding-right:10px !important;	}
	.padh15				{padding-left:	15px !important;	padding-right:15px !important;	}
	.padh20				{padding-left:	20px !important;	padding-right:20px !important;	}
	.padh30				{padding-left:	30px !important;	padding-right:30px !important;	}
	.padh40				{padding-left:	40px !important;	padding-right:40px !important;	}

/*====================
margin
=====================*/
	.bot05 ,ul.bot05 li {margin-bottom:	5px !important;}
	.bot10 ,ul.bot10 li {margin-bottom:	10px !important;}
	.bot15 ,ul.bot15 li {margin-bottom:	15px !important;}
	.bot20 ,ul.bot20 li {margin-bottom:	20px !important;}
	.bot30 ,ul.bot30 li {margin-bottom:	30px !important;}
	.bot40 ,ul.bot40 li {margin-bottom:	40px !important;}
	.bot50 ,ul.bot50 li {margin-bottom:	50px !important;}
	.bot60 ,ul.bot60 li {margin-bottom:	60px !important;}
	.bot80 ,ul.bot80 li {margin-bottom:	80px !important;}
	.bot100 ,ul.bot100 li{margin-bottom:100px !important;}

	.top05 ,ul.top05 li {margin-top:	5px !important;}
	.top10 ,ul.top10 li {margin-top:	10px !important;}
	.top15 ,ul.top15 li {margin-top:	15px !important;}
	.top20 ,ul.top20 li {margin-top:	20px !important;}
	.top30 ,ul.top30 li {margin-top:	30px !important;}
	.top40 ,ul.top40 li {margin-top:	40px !important;}
	.top50 ,ul.top50 li {margin-top:	50px !important;}
	.top100 ,ul.top100 li {margin-top:	100px !important;}
	.top150 ,ul.top150 li {margin-top:	150px !important;}

	.mgnhAUTO			{margin-right:	auto;
						 margin-left:	auto;			}

	.mgnH05 ,ul.mgnH05 li {margin-right:5px !important;		margin-left:5px !important;}
	.mgnH10 ,ul.mgnH10 li {margin-right:10px !important;	margin-left:10px !important;}
	.mgnH15 ,ul.mgnH15 li {margin-right:15px !important;	margin-left:15px !important;}



	.mgnR05 ,ul.mgnR05 li {margin-right:	5px !important;}
	.mgnR10 ,ul.mgnR10 li {margin-right:	10px !important;}
	.mgnR20 ,ul.mgnR20 li {margin-right:	20px !important;}
	.mgnR30 ,ul.mgnR30 li {margin-right:	30px !important;}
	.mgnRAUTO ,ul.mgnRAUTO li {margin-right: auto !important;}


	.mgnL05 ,ul.mgnL05 li {margin-left:	5px !important;}
	.mgnL10 ,ul.mgnL10 li {margin-left:	10px !important;}
	.mgnL20 ,ul.mgnL20 li {margin-left:	20px !important;}
	.mgnL30 ,ul.mgnL30 li {margin-left:	30px !important;}
	.mgnLAUTO ,ul.mgnLAUTO li {margin-left:	auto !important;}


/*====================
radius
=====================*/

	.rad05 {			border-radius:	5px !important;}
	.rad10 {			border-radius:	10px !important;}
	.rad20 {			border-radius:	20px !important;}
	.rad30 {			border-radius:	30px !important;}
	.rad40 {			border-radius:	40px !important;}
	ul.RAD10 li  {		border-radius:	10px;}
	ul.RAD15 li  {		border-radius:	15px;}
	ul.RAD20 li  {		border-radius:	20px;}
	ul li.RAD10  {		border-radius:	10px;}
	ul li.RAD15  {		border-radius:	15px;}
	ul li.RAD20  {		border-radius:	20px;}

/*====================
line-height
=====================*/

	.lh17		{	line-height:	1.7 !important;	}
	.lh15		{	line-height:	1.5 !important;	}
	.lh13		{	line-height:	1.3 !important;	}
	.lh10		{	line-height:	1.0 !important;	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_side ボタンの体裁
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	ul.navi_side li a:link{		text-decoration: none;}
	ul.navi_side li a:visited{	text-decoration: none;}
	ul.navi_side li a:hover{	text-decoration: none !important;}

		ul.navi_side li a{
			display:				block;
			padding-left:			5px;
		}
		ul.navi_side li a p{
			display:				table-cell !important;
			vertical-align:			middle;
			margin:					0;
			padding:				0;
			padding-right:			5px;
			background-color:		transparent;
			height: 				50px;
			line-height:			1.2;
			font-size:				1em;
		}
		ul.navi_side li a p::before {
			font-family:			"Font Awesome 5 Free";
			font-weight:			900;
			padding-right:			5px;
		}
		ul.navi_side li a p:before	{content:	'\f35a ' ;}

		ul.navi_side li a p:hover{text-decoration:none;}

		ul.navi_side li a p lab{
			display:				block;
			line-height:			1;
			font-size:				0.8em;
			padding-top:			3px;
		}

		ul.navi_side li.til p{
			display:				table-cell !important;
			vertical-align:			middle;
			margin:					0;
			padding:				0;
			padding-right:			5px;
			background-color:		transparent;
			height: 				50px;
			line-height:			1.2;
			font-size:				1em;
		}
		ul.navi_side li.til p::before {
			font-family:			"Font Awesome 5 Free";
			font-weight:			900;
			padding-right:			5px;
		}
		ul.navi_side li.til p:before	{content:	'\f05a ' ;}


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

		ul.navi_side{
			border:					1px solid #aaa;
			padding:				0 !important;
		}
		ul.navi_side li{
			border-bottom:			1px dotted #aaa;
			width:					100% !important;
		}
		ul.navi_side li:last-child{
			border-bottom:			0px;
		}

		ul.navi_side li.til p{
			display:				block;
			padding:				0px 5px;
			font-weight:			700;

		}

		ul.navi_side li a:hover >p 	{		text-decoration:		none !important;		}
		ul.navi_side li a:hover >p lab	{	text-decoration:		none !important;		}
	}
	@media only screen and (max-width:	991px) {
		/**
		#inner_side	{
			display:				none;
		}
		/**/

		ul.navi_side li{
			width: 					32.533%;
			width:		-webkit-calc(32.833%- 2px);
			width:		-moz-calc(32.833%- 2px);
			width:				calc(32.833%- 2px);
			margin-left:			0.25%;
			margin-right:			0.25%;
			margin-bottom:			5px;
			border:					1px solid #aaa;
		}

		ul.navi_side li.til {
			font-weight:			700;
		}
		/**/
	}
	@media only screen and (max-width:	767px) {
		ul.navi_side li{
			width: 					49.0%;
			width:			-webkit-calc(49.3%- 2px);
			width:			   -moz-calc(49.3%- 2px);
			width:					calc(49.3%- 2px);
			margin-left:			0.25%;
			margin-right:			0.25%;
			margin-bottom:			3px;
			border:					1px solid #aaa;
		}
	}

	@media only screen and (max-width:	420px) {
		ul.navi_side li{
			width: 					48.7%;
			width:			-webkit-calc(49.0%- 2px);
			width:			   -moz-calc(49.0%- 2px);
			width:					calc(49.0%- 2px);
			margin-left:			0.25%;
			margin-right:			0.25%;
			margin-bottom:			2px;
			border:					1px solid #aaa;
		}
	}




	@media only screen and (max-width:	374px) {
		ul.navi_side li{
			border:					1px solid #aaa;
			width:					98% !important;
			margin-bottom:			5px;
			margin-left:			auto;
			margin-right:			auto;
		}
	}
/**/
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
side
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	div.sideblock {
		display:				block;
		background-color:		#fff;
		border:					1px solid transparent;
		margin-bottom:			20px;
	}
	div.sidetitle{
		display:				block;
		background-color:		transparent;
		margin-top:				5px;
		margin-left:			5px;
		margin-right:			5px;
		padding-left:			5px;
		border-left:			5px solid #222;
		border-bottom:			1px solid #ccc;
		font-weight:			400;
	}
	div.sideinner {
		display:				block;
		padding:				10px;
	}


/*
■■■■■■■■■■■■■■■■■■■■■■■■■■
fixnavi_side
■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	#fixnavi_side {
		position: 				fixed;
		bottom: 				10px;
		right: 					0px;
		z-index:				100;
	}
	#fixnavi_side a {
		display:				block;
		padding:				0 5px;
		margin-left:			3px;
		text-decoration: 		none;
		text-align:				center;
		border-radius:			5px;
		border:					1px solid #ccc;
	}

	#fixnavi_side a p{
		display:				table-cell !important;
		vertical-align:			middle;
		margin:					0;
		padding:				0;
		background-color:		transparent;
		width:					40px;
		height: 				50px;
	}

	#fixnavi_side a:hover {
		text-decoration:		none;
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
footer
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*default*/
/* css014forthis.css
	#wrap_footer		,
	#wrap_bottom		{
/*		background-color:		#3954a5;
	}
*/
	#wrap_footer		{
		display:				block;
		padding:				15px 0 5px 0;
	}
	#inner_footer		{
		display:				block;
		line-height:			1;
		padding:				5px 0;
	}
	#wrap_bottom		{
		padding:				5px 0;
		min-height:				40px;
	}
	#inner_bottom		{
		text-align:				center;
		font-size:				0.88em;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_foot ボタンの体裁
■■■■■■■■■■■■■■■■■■■■■■■■■*/

	ul.navi_foot li a:link{		text-decoration: none;}
	ul.navi_foot li a:visited{	text-decoration: none;}
	ul.navi_foot li a:hover{	text-decoration: none !important;}


		ul.navi_foot li a{
			display:				block;
			padding:				0 ;
			margin:					0;
			line-height:			1.4em;
		}
		ul.navi_foot li p.hed ,
		ul.navi_foot li a p.hed ,
		ul.navi_foot li a p{
			display:				table-cell !important;
			vertical-align:			middle;
			margin:					0;
			padding-top:			0;
			padding-bottom:			0;
			padding-left:			0;
			padding-right:			15px;
		}
		ul.navi_foot li a p::before {
			font-family:			"Font Awesome 5 Free";
			font-weight:			900;
			padding-right:			5px;
			padding-left:			5px;
		}
		ul.navi_foot li a p:before		{content:	'\f054 ' ;}
		ul.navi_foot li a p.hed:before	{content:	'\f101 ' ;}

		ul.navi_foot li a p:hover{text-decoration:none;}

		ul.navi_foot li a p lab{
			display:				inline-block;
		}

		ul.navi_foot li.til p{
			display:				table-cell !important;
			vertical-align:			middle;
			margin:					0;
			padding:				0;
			padding-right:			5px;
			background-color:		transparent;
			font-size:				1em;
		}
		ul.navi_foot li.til p::before {
			font-family:			"Font Awesome 5 Free";
			font-weight:			900;
			padding-right:			5px;
		}
		ul.navi_foot li.til p:before	{content:	'\f152 ' ;}

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

		ul.navi_foot li a{
			padding-left:			5px;
		}
		ul.navi_foot li a p.hed ,
		ul.navi_foot li a p{
			padding:				0px;
			/*height: 				20px;*/
			font-size:				0.96em;
		}

		ul.navi_foot li a p lab{
			padding-left:			10px;
			padding-right:			10px;
			font-size:				0.75em;
		}

		ul.navi_foot li a:hover >p 	{		text-decoration:		none !important;		}
		ul.navi_foot li a:hover >p lab	{	text-decoration:		none !important;		}
	}
	@media only screen and (max-width:	991px) {

		ul.navi_foot li{
			border:					1px solid #aaa;
			width:					32.5% !important;
			margin-bottom:			5px !important;
			margin-left:			0.25% !important;
			margin-right:			0.25% !important;
		}
		ul.navi_foot li a p{
			height: 				50px;
		}
	}
	@media only screen and (max-width:	767px) {
		ul.navi_foot li{
			border:					1px solid #aaa;
			width:					49% !important;
			margin-bottom:			5px;
			margin-left:			0.25% !important;
			margin-right:			0.25% !important;
		}
	}
	@media only screen and (max-width:	479px) {
		/**/
		ul.navi_foot li{
			border:					1px solid #aaa;
			width:					100% !important;
			margin-bottom:			5px;
			margin-left:			auto;
			margin-right:			auto;
		}
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_front ボタンの体裁
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	ul.navi_front li a:link{	text-decoration: none;}
	ul.navi_front li a:visited{	text-decoration: none;}
	ul.navi_front li a:hover{	text-decoration: none !important;}

	ul.navi_front li {
		display:				front;
	}
	ul.navi_front li a ,
	a.navi_front {
		display:				block;
		position:				relative;
		border:					1px solid #ccc;
		margin-top:				5px;
		margin-bottom:			5px;
		margin-right:			15px;
		margin-left:			15px;
	}

	a.navi_front p ,
	ul.navi_front li a p{
		display:				block;
		vertical-align:			middle;
		text-align:				center;
		line-height:			1;
		overflow:				hidden;
		min-width:				180px;
		padding-top:			0.5em ;
		padding-bottom:			0.6em ;
		padding-right:			1.55em;
		padding-left:			1.55em;
	}
	a.navi_front * ,
	ul.navi_front *{
		-webkit-transition:		0.3s;
		-moz-transition:		0.3s;
		-ms-transition:			0.3s;
		-o-transition:			0.3s;
		transition:				0.3s;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_block ボタンの体裁
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	ul.navi_block li a:link{	text-decoration: none;}
	ul.navi_block li a:visited{	text-decoration: none;}
	ul.navi_block li a:hover{	text-decoration: none !important;}

	ul.navi_block li {
		display:				block;
	}
	ul.navi_block li a ,
	a.navi_block {
		display:				inline-block;
		position:				relative;
		border:					1px solid #ccc;
		margin-top:				3px;
		margin-bottom:			3px;
		margin-right:			3px;
	}

	a.navi_block p ,
	ul.navi_block li a p{
		display:				table-cell;
		vertical-align:			middle;
		text-align:				center;
		line-height:			1;
		overflow:				hidden;
		min-width:				80px;
		font-size:				0.8em;
		font-weight:			500;
		padding-top:			0.15em ;
		padding-bottom:			0.15em !important;
		padding-right:			0.55em;
		padding-left:			0.55em;
		height:					30px;
	}
	a.navi_block * ,
	ul.navi_block *{
		-webkit-transition:		0.3s;
		-moz-transition:		0.3s;
		-ms-transition:			0.3s;
		-o-transition:			0.3s;
		transition:				0.3s;
	}
	p.navi_block {
		display:				inline-block;
		position:				relative;
		margin-top:				2px;
		margin-bottom:			3px;
		margin-right:			3px;
		padding-top:			0.15em ;
		padding-bottom:			0.15em !important;
		padding-right:			0.55em;
		padding-left:			0.55em;
		line-height:			1;
		overflow:				hidden;
		font-size:				1em;
		font-weight:			500;
		height:					30px;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_menu ボタン(headline用）
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	ul.navi_menu li a:link{		text-decoration: none;}
	ul.navi_menu li a:visited{	text-decoration: none;}
	ul.navi_menu li a:hover{	text-decoration: none !important;
								font-weight:	 500;}
	ul.navi_menu li {
		display:				block;
	}
	ul.navi_menu li a ,
	a.navi_menu {
		display:				inline-block;
		position:				relative;
		border:					1px solid #ccc;
		margin-top:				2px;
		margin-bottom:			3px;
		margin-right:			3px;
		border-radius:			12px !important;
	}

	a.navi_menu p ,
	ul.navi_menu li a p{
		display:				table-cell;
		vertical-align:			middle;
		text-align:				center;
		line-height:			1;
		overflow:				hidden;
		min-width:				80px;
		font-size:				0.8em;
		font-weight:			500;
		padding-top:			0.25em ;
		padding-bottom:			0.25em !important;
		padding-right:			0.75em;
		padding-left:			0.75em;
	}

	p.navi_menu {
		display:				inline-block;
		position:				relative;
		margin-top:				2px;
		margin-bottom:			3px;
		margin-right:			3px;
		line-height:			1;
		overflow:				hidden;
		font-size:				1em;
		font-weight:			500;
		padding-top:			0.25em ;
		padding-bottom:			0.25em !important;
		padding-right:			0.75em;
		padding-left:			0.75em;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
selector
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	a.selector {
		position:				relative;
		display:				inline-block;
		border:					1px solid transparent;
		margin-bottom:			2px;
		margin-right:			4px;
	}

	a.selector p {
		display:				table-cell;
		vertical-align:			middle;
		text-align:				center;
		line-height:			1 !important;
		overflow:				hidden;
		font-weight:			500;
		padding-top:			0;
		padding-bottom:			0 !important;
		padding-right:			0.6em;
		padding-left:			0.6em;
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
<a> taglink
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/************************
taglink
************************/

	div.taglink ,
	a.taglink {
		display:				inline-block;
		margin-right:			0.3em;
		margin-top:				0.15em;
		margin-bottom:			0.15em;
		padding:				0.1em 0.8em;
		border:					1px solid #ccc;
		border-radius:			10px;
		font-size:				0.8em;
		background:				#eee;
		color:					#222;
	}

	a.taglink:hover{
		background:				#222;
		color:					#eee;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
<a> link
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.bg_hover ,
	.bg_hov ,
	.bg_def ,
	a:hover {
		text-decoration:		none !important;
	}

	a.goto ,
	a.banner ,
	a.button {
		position:				relative;
		border:					1px solid transparent;
	}
	/* -----------------------------------------
	button ,selector,goto ,navi_menu
	----------------------------------------- */
	div.button ,
	a.selector ,
	a.goto {
		display:				inline-block;
		margin-bottom:			4px;
		border:					1px solid transparent;
	}
	a.goto {
		margin-right:			4px;
	}

	div.button p ,
	a.button p ,
	a.goto p {
		display:				table-cell;
		vertical-align:			middle;
		text-align:				center;
		line-height:			1 !important;
		overflow:				hidden;
		font-weight:			500;
	}
	a.button p{
		padding-top:			0.5em ;
		padding-bottom:			0.5em !important;
		padding-right:			1.5em;
		padding-left:			1.5em;
		height:					24px;
		min-width:				80px;
	}
	a.goto p{
		padding-top:			0.25em ;
		padding-bottom:			0.25em !important;
		padding-right:			1.5em;
		padding-left:			0.25em;
		min-width:				80px;
		text-align:				left !important;
	}
	a.goto p::before {
		font-family:			"Font Awesome 5 Free";
		font-weight:			900;
		padding-right:			5px;
		font-size:				1.2em;
	}
	a.goto p:before		{content:	'\f35a ' ;}

	/* -----------------------------------------
	button_wrap
	----------------------------------------- */
	.button_wrap_top {
		display:				block !important;
		position:				absolute;
		top:					0px;
		right:					0px;
	}
	.button_wrap_bottom {
		display:				block !important;
		position:				absolute;
		bottom:					0px;
		right:					0px;
	}

	/* -----------------------------------------
	banner
	----------------------------------------- */
	div.banner ,
	p.banner ,
	a.banner {
		display:				block;
		border:					1px solid transparent;
		min-width:				270px;
	}
	div.banner p,
	p.banner p,
	a.banner p {
		display:				block;
		padding-top:			0.8em ;
		padding-bottom:			0.8em !important;
		padding-right:			auto;
		padding-left:			auto;
	}

	div.banner_BIG ,	p.banner_BIG ,	a.banner_BIG {
		width:					90%;
		max-width:				720px;
		margin-left:			auto;
		margin-right:			auto;
	}

	div.banner_MID ,	p.banner_MID ,	a.banner_MID {
		width:					60%;
		max-width:				640px;
		margin-left:			auto;
		margin-right:			auto;
	}

	div.banner_SML ,	p.banner_SML ,	a.banner_SML {
		width:					40%;
		max-width:				270px;
		margin-left:			auto;
		margin-right:			auto;
	}

	div.banner_TIL ,	p.banner_TIL ,	a.banner_TIL {
		width:					100%;
		padding:				10px 5px;
	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.clr_111 	{color:	#111 !important;	}
.clr_333 	{color:	#333 !important;	}
.clr_555 	{color:	#555 !important;	}
.clr_777 	{color:	#777 !important;	}
.clr_999 	{color:	#999 !important;	}
.clr_ccc 	{color:	#ccc !important;	}
.clr_eee 	{color:	#eee !important;	}
.clr_fff 	{color:	#fff !important;	}
.clr_blu 	{color:	#006ebe	!important;	}/*blue*/
.clr_roy 	{color:	#225fe7	!important;	}/*royalblue*/
.clr_nvy 	{color:	#003791	!important;	}/*navy*/
.clr_sky 	{color:	#d3e9f9	!important;	}/*skyblue*/
.clr_lim 	{color:	#00ff00	!important;	}/*lime*/
.clr_mnt 	{color:	#ccfa16 !important;	}/*mint*/
.clr_cht 	{color:	#7fff00	!important;	}/*chartreuse*/
.clr_grn 	{color:	#78aa0a	!important;	}/*green*/
.clr_grL 	{color:	#90c31f	!important;	}/*light-green*/
.clr_grD 	{color:	#4c6c06	!important;	}/*dark-green*/
.clr_crm 	{color:	#dc143c	!important;	}/*crimson*/
.clr_org 	{color:	#ff8c00	!important;	}/*orange*/
.clr_orD 	{color:	#f08300	!important;	}/*dark-orange*/
.clr_kak 	{color:	#f0e68c	!important;	}
.clr_pnk 	{color:	#ffc0cb !important;	}/*pink*/
.clr_pkD 	{color:	#ff1493	!important;	}/*deep pink*/
.clr_red 	{color:	#ff0027 !important;	}
.clr_brw 	{color:	#a52a2a	!important;	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
border-color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.bdc_trans 	{border-color:	transparent !important;	}
.bdc_111 	{border-color:	#111 !important;	}
.bdc_333 	{border-color:	#333 !important;	}
.bdc_555 	{border-color:	#555 !important;	}
.bdc_777 	{border-color:	#777 !important;	}
.bdc_999 	{border-color:	#999 !important;	}
.bdc_ccc 	{border-color:	#ccc !important;	}
.bdc_eee 	{border-color:	#eee !important;	}
.bdc_fff 	{border-color:	#fff !important;	}
.bdc_blu 	{border-color:	#006ebe	!important;	}/*blue*/
.bdc_roy 	{border-color:	#225fe7	!important;	}/*royalblue*/
.bdc_nvy 	{border-color:	#003791	!important;	}/*navy*/
.bdc_sky 	{border-color:	#d3e9f9	!important;	}/*skyblue*/
.bdc_lim 	{border-color:	#00ff00	!important;	}/*lime*/
.bdc_mnt 	{border-color:	#ccfa16 !important;	}/*mint*/
.bdc_cht 	{border-color:	#7fff00	!important;	}/*chartreuse*/
.bdc_grn 	{border-color:	#78aa0a	!important;	}/*green*/
.bdc_grL 	{border-color:	#90c31f	!important;	}/*light-green*/
.bdc_grD 	{border-color:	#4c6c06	!important;	}/*dark-green*/
.bdc_crm 	{border-color:	#dc143c	!important;	}/*crimson*/
.bdc_org 	{border-color:	#ff8c00	!important;	}/*orange*/
.bdc_orD 	{border-color:	#f08300	!important;	}/*dark-orange*/
.bdc_kak 	{border-color:	#f0e68c	!important;	}
.bdc_pnk 	{border-color:	#ffc0cb !important;	}/*pink*/
.bdc_pkD 	{border-color:	#ff1493	!important;	}/*deep pink*/
.bdc_red 	{border-color:	#ff0027 !important;	}
.bdc_brw 	{border-color:	#a52a2a	!important;	}
/***************************************/
ul li.ibdc_trans ,ul.bdc_trans li	{border-color:	transparent !important;	}
ul li.ibdc_111	 ,ul.bdc_111 li 	{border-color:	#111 !important;	}
ul li.ibdc_333 	 ,ul.bdc_333 li 	{border-color:	#333 !important;	}
ul li.ibdc_555 	 ,ul.bdc_555 li 	{border-color:	#555 !important;	}
ul li.ibdc_777 	 ,ul.bdc_777 li 	{border-color:	#777 !important;	}
ul li.ibdc_999 	 ,ul.bdc_999 li 	{border-color:	#999 !important;	}
ul li.ibdc_ccc 	 ,ul.bdc_ccc li 	{border-color:	#ccc !important;	}
ul li.ibdc_eee 	 ,ul.bdc_eee li 	{border-color:	#eee !important;	}
ul li.ibdc_fff 	 ,ul.bdc_fff li 	{border-color:	#fff !important;	}
ul li.ibdc_blu 	 ,ul.bdc_blu li 	{border-color:	#006ebe	!important;	}/*blue*/
ul li.ibdc_roy 	 ,ul.bdc_roy li 	{border-color:	#225fe7	!important;	}/*royalblue*/
ul li.ibdc_nvy 	 ,ul.bdc_nvy li 	{border-color:	#003791	!important;	}/*navy*/
ul li.ibdc_sky 	 ,ul.bdc_sky li 	{border-color:	#d3e9f9	!important;	}/*skyblue*/
ul li.ibdc_lim 	 ,ul.bdc_lim li 	{border-color:	#00ff00	!important;	}/*lime*/
ul li.ibdc_mnt 	 ,ul.bdc_mnt li 	{border-color:	#ccfa16 !important;	}/*mint*/
ul li.ibdc_cht 	 ,ul.bdc_cht li 	{border-color:	#7fff00	!important;	}/*chartreuse*/
ul li.ibdc_grn 	 ,ul.bdc_grn li 	{border-color:	#78aa0a	!important;	}/*green*/
ul li.ibdc_grL 	 ,ul.bdc_grL li 	{border-color:	#90c31f	!important;	}/*light-green*/
ul li.ibdc_grD 	 ,ul.bdc_grD li 	{border-color:	#4c6c06	!important;	}/*dark-green*/
ul li.ibdc_crm 	 ,ul.bdc_crm li 	{border-color:	#dc143c	!important;	}/*crimson*/
ul li.ibdc_org 	 ,ul.bdc_org li 	{border-color:	#ff8c00	!important;	}/*orange*/
ul li.ibdc_orD 	 ,ul.bdc_orD li 	{border-color:	#f08300	!important;	}/*dark-orange*/
ul li.ibdc_kak 	 ,ul.bdc_kak li 	{border-color:	#f0e68c	!important;	}
ul li.ibdc_pnk 	 ,ul.bdc_pnk li 	{border-color:	#ffc0cb !important;	}/*pink*/
ul li.ibdc_pkD 	 ,ul.bdc_pkD li 	{border-color:	#ff1493	!important;	}/*deep pink*/
ul li.ibdc_red 	 ,ul.bdc_red li 	{border-color:	#ff0027 !important;	}
ul li.ibdc_brw 	 ,ul.bdc_brw li 	{border-color:	#a52a2a	!important;	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
background - color
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.bgc_111	{background-color:	#111 !important;	}
.bgc_333	{background-color:	#333 !important;	}
.bgc_555	{background-color:	#555 !important;	}
.bgc_777	{background-color:	#777 !important;	}
.bgc_999	{background-color:	#999 !important;	}
.bgc_ccc	{background-color:	#ccc !important;	}
.bgc_eee	{background-color:	#eee !important;	}
.bgc_fff	{background-color:	#fff !important;	}
.bgc_blu	{background-color:	#006ebe	!important;	}/*blue*/
.bgc_roy	{background-color:	#225fe7	!important;	}/*royalblue*/
.bgc_nvy	{background-color:	#003791	!important;	}/*navy*/
.bgc_sky	{background-color:	#d3e9f9	!important;	}/*skyblue*/
.bgc_lim	{background-color:	#00ff00	!important;	}/*lime*/
.bgc_mnt	{background-color:	#ccfa16 !important;	}/*mint*/
.bgc_cht	{background-color:	#7fff00	!important;	}/*chartreuse*/
.bgc_grn	{background-color:	#78aa0a	!important;	}/*green*/
.bgc_grL	{background-color:	#90c31f	!important;	}/*light-green*/
.bgc_grD	{background-color:	#4c6c06	!important;	}/*dark-green*/
.bgc_crm	{background-color:	#dc143c	!important;	}/*crimson*/
.bgc_org	{background-color:	#ff8c00	!important;	}/*orange*/
.bgc_orD	{background-color:	#f08300	!important;	}/*dark-orange*/
.bgc_kak	{background-color:	#f0e68c	!important;	}
.bgc_pnk	{background-color:	#ffc0cb !important;	}/*pink*/
.bgc_pkD	{background-color:	#ff1493	!important;	}/*deep pink*/
.bgc_red	{background-color:	#ff0027 !important;	}
.bgc_brw	{background-color:	#a52a2a	!important;	}
/***************************************/
ul.ibgc_111 li	,ul.ibgc_111 li	{background-color:	#111 !important;	}
ul.ibgc_333 li	,ul.ibgc_333 li	{background-color:	#333 !important;	}
ul.ibgc_555 li	,ul.ibgc_555 li	{background-color:	#555 !important;	}
ul.ibgc_777 li	,ul.ibgc_777 li	{background-color:	#777 !important;	}
ul.ibgc_999 li	,ul.ibgc_999 li	{background-color:	#999 !important;	}
ul.ibgc_ccc li	,ul.ibgc_ccc li	{background-color:	#ccc !important;	}
ul.ibgc_eee li	,ul.ibgc_eee li	{background-color:	#eee !important;	}
ul.ibgc_fff li	,ul.ibgc_fff li	{background-color:	#fff !important;	}
ul.ibgc_blu li	,ul.ibgc_blu li	{background-color:	#006ebe	!important;	}/*blue*/
ul.ibgc_roy li	,ul.ibgc_roy li	{background-color:	#225fe7	!important;	}/*royalblue*/
ul.ibgc_nvy li	,ul.ibgc_nvy li	{background-color:	#003791	!important;	}/*navy*/
ul.ibgc_sky li	,ul.ibgc_sky li	{background-color:	#d3e9f9	!important;	}/*skyblue*/
ul.ibgc_lim li	,ul.ibgc_lim li	{background-color:	#00ff00	!important;	}/*lime*/
ul.ibgc_mnt li	,ul.ibgc_mnt li	{background-color:	#ccfa16 !important;	}/*mint*/
ul.ibgc_cht li	,ul.ibgc_cht li	{background-color:	#7fff00	!important;	}/*chartreuse*/
ul.ibgc_grn li	,ul.ibgc_grn li	{background-color:	#78aa0a	!important;	}/*green*/
ul.ibgc_grL li	,ul.ibgc_grL li	{background-color:	#90c31f	!important;	}/*light-green*/
ul.ibgc_grD li	,ul.ibgc_grD li	{background-color:	#4c6c06	!important;	}/*dark-green*/
ul.ibgc_crm li	,ul.ibgc_crm li	{background-color:	#dc143c	!important;	}/*crimson*/
ul.ibgc_org li	,ul.ibgc_org li	{background-color:	#ff8c00	!important;	}/*orange*/
ul.ibgc_orD li	,ul.ibgc_orD li	{background-color:	#f08300	!important;	}/*dark-orange*/
ul.ibgc_kak li	,ul.ibgc_kak li	{background-color:	#f0e68c	!important;	}
ul.ibgc_pnk li	,ul.ibgc_pnk li	{background-color:	#ffc0cb !important;	}/*pink*/
ul.ibgc_pkD li	,ul.ibgc_pkD li	{background-color:	#ff1493	!important;	}/*deep pink*/
ul.ibgc_red li	,ul.ibgc_red li	{background-color:	#ff0027 !important;	}
ul.ibgc_brw li	,ul.ibgc_brw li	{background-color:	#a52a2a	!important;	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
hover
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.hov_111:hover	{background-color:	#111	!important;	color:	#fff	!important;	}
.hov_222:hover	{background-color:	#222	!important;	color:	#fff	!important;	}
.hov_333:hover	{background-color:	#333	!important;	color:	#fff	!important;	}
.hov_555:hover	{background-color:	#555	!important;	color:	#fff	!important;	}
.hov_777:hover	{background-color:	#777	!important;	color:	#fff	!important;	}
.hov_ccc:hover	{background-color:	#ccc	!important;	color:	#111	!important;	}
.hov_ddd:hover	{background-color:	#ddd	!important;	color:	#111	!important;	}
.hov_eee:hover	{background-color:	#eee	!important;	color:	#111	!important;	}
.hov_fff:hover	{background-color:	#fff	!important;	color:	#111	!important;	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
opa
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.opa_f00	{background: rgb(255, 0, 0) !important;		background: rgba(255, 0, 0, 0.75) !important;	color:	#fff !important;}
.opa_0f0 	{background: rgb(0, 255, 0) !important;		background: rgba(0, 255, 0, 0.75) !important;	color:	#fff !important;}
.opa_00f	{background: rgb(0, 0, 255) !important;		background: rgba(0, 0, 255, 0.75) !important;	color:	#fff !important;}
.opa_ff0	{background: rgb(225, 255, 0) !important;	background: rgba(225, 255, 0, 0.75) !important;	color:	#fff !important;}
.opa_0ff	{background: rgb(0, 255, 255) !important;	background: rgba(0, 255, 255, 0.75) !important;	color:	#fff !important;}
.opa_f0f	{background: rgb(255, 0, 255) !important;	background: rgba(255, 0, 255, 0.75) !important;	color:	#fff !important;}
.opa_fff	{background: rgb(255, 255, 255) !important;	background: rgba(255, 255, 255, 0.9) !important;	}
.opa075_fff {background: rgb(255, 255, 255) !important;	background: rgba(255, 255, 255, 0.75) !important;	}
.opa050_fff {background: rgb(255, 255, 255) !important;	background: rgba(255, 255, 255, 0.5) !important;	}
.opa_000 	{background: rgb(0, 0, 0) !important;		background: rgba(0, 0, 0, 0.9) !important;		color:	#fff;	}
.opa075_000 {background: rgb(0, 0, 0) !important;		background: rgba(0, 0, 0, 0.75) !important;		color:	#fff;	}
.opa050_000 {background: rgb(0, 0, 0) !important;		background: rgba(0, 0, 0, 0.5) !important;		color:	#fff;	}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
anime
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
/*
※※※※※※※※※※※※※※※※※※※※※※※※
anime_fadeIn
※※※※※※※※※※※※※※※※※※※※※※※※
*/
	.anime_fadeIn {
		/*～通常のスタイル記述～*/
		animation-name: fadeIn;
		animation-duration: 8s;
		-webkit-animation-name: fadeIn;
		-webkit-animation-duration: 8s;
	}
	@keyframes fadeIn {
		0% {
			filter:				alpha(opacity=0);
			-moz-opacity:		0;
			opacity:			0;
		}
		100% {
			filter:				alpha(opacity=100);
			-moz-opacity:		1;
			opacity:			1;
		}
	}
	@-webkit-keyframes fadeIn {
		0% {
			filter:				alpha(opacity=0);
			-moz-opacity:		0;
			opacity:			0;
		}
		100% {
			filter:				alpha(opacity=100);
			-moz-opacity:		1;
			opacity:			1;
		}
	}
/*
※※※※※※※※※※※※※※※※※※※※※※※※
anime_scaleUp/zoomIN
※※※※※※※※※※※※※※※※※※※※※※※※
*/
	.anime_scaleUp {
		animation:			scaleUp 4s ease 0s 1 normal;
	}
	@keyframes scaleUp {
		from {	transform: scale(1.8,1.8);	}
		to {	transform: scale(1,1);		}
	}

	.anime_zoomIN {
		animation:			zoomIN 4s ease 0s 1 normal;
	}
	@keyframes zoomIN {
		from {	transform: scale(.1);	}
		to {	transform: scale(1);		}
	}

	.anime_zoomOUT {
		animation:			zoomOUT 4s ease 0s 1 normal;
	}
	@keyframes zoomOUT{
		from {	transform: scale(3);	}
		to {	transform: scale(1);		}
	}


/*
※※※※※※※※※※※※※※※※※※※※※※※※
anime_rotation
※※※※※※※※※※※※※※※※※※※※※※※※
*/
	.anime_rotation {
		animation:			rotation 4s ease 0s 1 normal;		
	}
	@keyframes rotation {
		0% {	transform: scale(.1) rotate(0deg);
				filter:				alpha(opacity=0);
				-moz-opacity:		0;
				opacity:			0;
			}
		100% {	transform: scale(1) rotate(360deg);
				filter:				alpha(opacity=100);
				-moz-opacity:		1;
				opacity:			1;
		}
	}
/*
--------------------------------------------------
anime_rotation UpDown RightLeft
--------------------------------------------------
*/
	.anime_rotationUpRight {
		animation:		rotationUpRight 4s ease 0s 1 normal;		
	}
	@keyframes rotationUpRight {
		0% {	transform: translate(240px,-240px) scale(.1) rotate(0deg) ;
				filter:				alpha(opacity=0);
				-moz-opacity:		0;
				opacity:			0;
			}
		100% {	transform: translate(0,0) scale(1) rotate(360deg)  ;
				filter:				alpha(opacity=100);
				-moz-opacity:		1;
				opacity:			1;
		}
	}
	.anime_rotationDownRight {
		animation:		rotationDownRight 4s ease 0s 1 normal;		
	}
	@keyframes rotationDownRight {
		0% {	transform: translate(240px,240px) scale(.1) rotate(0deg) ;
				filter:				alpha(opacity=0);
				-moz-opacity:		0;
				opacity:			0;
			}
		100% {	transform: translate(0,0) scale(1) rotate(360deg)  ;
				filter:				alpha(opacity=100);
				-moz-opacity:		1;
				opacity:			1;
		}
	}

	.anime_rotationUpLeft {
		animation:		rotationUpLeft 4s ease 0s 1 normal;		
	}
	@keyframes rotationUpLeft {
		0% {	transform: translate(-240px,-240px) scale(.1) rotate(0deg) ;
				filter:				alpha(opacity=0);
				-moz-opacity:		0;
				opacity:			0;
			}
		100% {	transform: translate(0,0) scale(1) rotate(360deg)  ;
				filter:				alpha(opacity=100);
				-moz-opacity:		1;
				opacity:			1;
		}
	}
	.anime_rotationDownLeft {
		animation:		rotationDownLeft 4s ease 0s 1 normal;		
	}
	@keyframes rotationDownLeft {
		0% {	transform: translate(-240px,240px) scale(.1) rotate(0deg) ;
				filter:				alpha(opacity=0);
				-moz-opacity:		0;
				opacity:			0;
			}
		100% {	transform: translate(0,0) scale(1) rotate(360deg)  ;
				filter:				alpha(opacity=100);
				-moz-opacity:		1;
				opacity:			1;
		}
	}

/*
--------------------------------------------------
.anime_rotationX 
--------------------------------------------------
*/
	.anime_rotationX {
		animation: rotationX 4s ease 0s 1 normal;
	}
	@keyframes rotationX {
		0%   { transform: rotateX(0deg); }
		100% { transform: rotateX(1080deg); }
	}
/*
--------------------------------------------------
.anime_rotationY 
--------------------------------------------------
*/
	.anime_rotationY {
		animation: rotationY 4s ease 0s 1 normal;
	}
	@keyframes rotationY {
		0%   { transform: rotateY(0deg); }
		100% { transform: rotateY(1080deg); }
	}


/*
--------------------------------------------------
anime_transUP/DOWN
--------------------------------------------------
*/
	.anime_transUP {
		animation:			transUP 4s ease 0s 1 normal;		
		-webkit-animation:	transUP 4s ease 0s 1 normal;		
	}
	@keyframes transUP {
		0% {	transform: translate(0,120px);}
		100% {	transform: translate(0,0);}
	}
	@-webkit-keyframes transUP {
		0% {	transform: translate(0,120px);}
		100% {	transform: translate(0,0);}
	}

	.anime_transDOWN {
		animation:			transDOWN 4s ease 0s 1 normal;		
		-webkit-animation:	transDOWN 4s ease 0s 1 normal;		
	}
	@keyframes transDOWN {
		0% {	transform: translate(0,-120px);}
		100% {	transform: translate(0,0);}
	}
	@-webkit-keyframes transDOWN {
		0% {	transform: translate(0,-120px);}
		100% {	transform: translate(0,0);}
	}

/*
--------------------------------------------------
anime_translation
--------------------------------------------------
*/
	.anime_transright {
		animation:			transright 4s ease 0s 1 normal;		
		-webkit-animation:	transright 4s ease 0s 1 normal;		
	}
	@keyframes transright {
		0% {	transform: translate(-120px,-120px);}
		50% {	transform: translate(120px,120px);}
		100% {	transform: translate(0,0);}
	}
	@-webkit-keyframes transright {
		0% {	transform: translate(-120px,-120px);}
		50% {	transform: translate(120px,120px);}
		100% {	transform: translate(0,0);}
	}


	.anime_transleft {
		animation:			transleft 4s ease 0s 1 normal;		
		-webkit-animation:	transleft 4s ease 0s 1 normal;		
	}
	@keyframes transleft {
		0% {	transform: translate(120px,-120px);}
		50% {	transform: translate(-120px,120px);}
		100% {	transform: translate(0,0);}
	}
	@-webkit-keyframes transleft {
		0% {	transform: translate(120px,-120px);}
		50% {	transform: translate(-120px,120px);}
		100% {	transform: translate(0,0);}
	}


/*
■■■■■■■■■■■■■■■■■■■■■■■■■
window
■■■■■■■■■■■■■■■■■■■■■■■■■
*/
	div#wrap_fixed ,
	div.wrap_fixed ,
	div.wrap_window ,
	video { display: block; }

	div#wrap_block ,
	div.wrap_block {
		display:				block;
		position:				relative;
		height:					auto;
		display:				block;
		word-break:				break-all;
		margin-left:			auto;
		margin-right:			auto;
	}

	@media (min-width: 992px) {
		div.wrap_fixed , div#wrap_fixed , video#wrap_fixed {
			min-width:				100%;
			min-height:				100vh;
			width:					auto;
			height:					auto;
			z-index:				-100;
			position: 				fixed;
			top: 					0;
			right: 					0;
		}
	}
	@media (max-width: 991px) {
		div.wrap_fixed , div#wrap_fixed , video#wrap_fixed {
			width:					100%;
			height:					auto;
			z-index:				-100;
			position: 				fixed;
			top: 					0;
			right: 					0;
		}
	}

/*
	@media (max-width: 767px) {
		div#wrap_fixed ,	video#wrap_fixed {
			width:					100%;
			min-height:				768px;
			height:					auto;
			z-index:				-100;
			position: 				fixed;
			top: 					0;
			right: 					0;
		}
	}
*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■
height
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


	.hmin100{	min-height:			100vh;	}
	.hmin90{	min-height:			90vh;	}
	.hmin80{	min-height:			80vh;	}
	.hmin70{	min-height:			70vh;	}
	.hmin65{	min-height:			65vh;	}
	.hmin60{	min-height:			60vh;	}
	.hmin55{	min-height:			55vh;	}
	.hmin50{	min-height:			50vh;	}

	div.vh100{	height:			100vh;	}
	div.vh90{	height:			90vh;	}
	div.vh80{	height:			80vh;	}
	div.vh70{	height:			70vh;	}
	div.vh65{	height:			65vh;	}
	div.vh60{	height:			60vh;	}
	div.vh55{	height:			55vh;	}
	div.vh50{	height:			50vh;	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
bg-img
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	/*ボカシ効果*/
	div.overlay_slash{	background-image:	url("image/bg_overay_slash.png") !important;}
	div.overlay_check{	background-image:	url("image/bg_overay_check.png") !important;}
	div.overlay_none{	background-image:	none !important;							}
	div.black_dot{		background-image:	url("image/bg_black_dot.png") !important;	}
	div.brown_dot{		background-image:	url("image/bg_brown_dot.png") !important;	}


	/*背景画像*/
	div.bg_jpg0{		background-image:	url("../../uploads/bg_jpg0.jpg");	}
	div.bg_jpg1{		background-image:	url("../../uploads/bg_jpg1.jpg");	}
	div.bg_jpg2{		background-image:	url("../../uploads/bg_jpg2.jpg");	}
	div.bg_jpg3{		background-image:	url("../../uploads/bg_jpg3.jpg");	}
	div.bg_jpg4{		background-image:	url("../../uploads/bg_jpg4.jpg");	}
	div.bg_jpg5{		background-image:	url("../../uploads/bg_jpg5.jpg");	}
	div.bg_jpg6{		background-image:	url("../../uploads/bg_jpg6.jpg");	}
	div.bg_frontpost{	background-image:	url("../../uploads/bg_frontpost.jpg");	}

	div.bg_png0{		background-image:	url("../../uploads/bg_png0.png");	}
	div.bg_png1{		background-image:	url("../../uploads/bg_png1.png");	}
	div.bg_png2{		background-image:	url("../../uploads/bg_png2.png");	}
	div.bg_png3{		background-image:	url("../../uploads/bg_png3.png");	}
	div.bg_png4{		background-image:	url("../../uploads/bg_png4.png");	}
	div.bg_png5{		background-image:	url("../../uploads/bg_png5.png");	}
	div.bg_png6{		background-image:	url("../../uploads/bg_png6.png");	}

	.bg_main {
  		/* 画像ファイルの指定 */
		background-repeat: 		no-repeat;		/* 画像をタイル状に繰り返し表示しない */
		background-size:		cover;			/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		background-position: 	center center;	/* 画像を常に天地左右の中央に配置 */
		background-attachment:	fixed;			/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		background-color: 		#fff;		/* 背景画像が読み込まれる前に表示される背景のカラー */
	}

	.bg_title {
  		/* 画像ファイルの指定 */
		background-repeat: 		no-repeat;		/* 画像をタイル状に繰り返し表示しない */
		background-size:		cover;			/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		background-position: 	center center;	/* 画像を常に天地左右の中央に配置 */
		background-color: 		#fff;		/* 背景画像が読み込まれる前に表示される背景のカラー */
	}



	div.bg_top , div.bg_bot {
		background-repeat:		no-repeat;		/* 画像をタイル状に繰り返し表示しない */
		background-size: 		100% auto;
	}

	div.bg_LT , div.bg_RT ,	div.bg_LB , div.bg_RB ,	div.bg_LC , div.bg_RC {
		background-repeat:		no-repeat;		/* 画像をタイル状に繰り返し表示しない */
		/*	background-size: 		auto auto;		/* 画像の大きさに基づいて、背景画像を調整 */
	}

	div.bg_top{	background-position:	center top;		}
	div.bg_bot{	background-position:	center bottom;	}
	div.bg_LT{	background-position:	left top;		}
	div.bg_RT{	background-position:	right top;		}
	div.bg_LB{	background-position:	left bottom;	}
	div.bg_RB{	background-position:	right bottom;	}
	div.bg_LC{	background-position:	left center;	}
	div.bg_RC{	background-position:	right center;	}


	div.bg_w50{	background-size: 		50% auto;		}
	div.bg_w40{	background-size: 		40% auto;		}
	div.bg_w33{	background-size: 		33% auto;		}
	div.bg_w25{	background-size: 		25% auto;		}
	div.bg_w20{	background-size: 		20% auto;		}
	div.bg_w15{	background-size: 		15% auto;		}

	div.bg_cov{	background-size:		cover;			}	/* 表示するコンテナの大きさに基づいて、背景画像を調整 */

/*
■■■■■■■■■■■■■■■■■■■■■■■■■
caption
■■■■■■■■■■■■■■■■■■■■■■■■■
*/

/*
height/widthは必ず実数で決めること。
*/
	div.wrap_box {
		display:				block;
	}

		div.wrap_box ,
		div.box_rerative{
			display:				block;
			position:				relative;
			margin-left:			auto;
			margin-right:			auto;
			height:					auto;
		}
		div.box_absolute{
			display:				block;
			position:				absolute;
			margin-left:			auto;
			margin-right:			auto;
			margin-top:				auto;
			margin-bottom:			auto;
			padding:				0;
		}

		div.box_top{		top:	20px;	bottom:	auto;	left:	0;		right:	0;		}
		div.box_bottom{		top:	auto;	bottom:	20px;	left:	0;		right:	0;		}
		div.box_center{		top:	0;		bottom:	0;		left:	0;		right:	0;		}


	div.box_title {
		display:				block;
		background: 			rgb(255, 255, 255) ;
		background: 			rgba(255, 255, 255, 0.85) ;
	}



	@media (min-width:	769px) {

		div.box_title {
			border-radius:			0 60px 0 60px;
			width:					56%;
			padding-top:			40px;
			max-width:				720px;
			height:					270px;
		}
		div.box_position{
			top:					45px;
			bottom:					auto;
			left:					auto;
			right:					40px;
		}
		.fnt_topXL{
			font-size:				5.0em !important;
			line-height:			1.1 !important;
		}
		.fnt_topL{
			font-size:				2.5em !important;
			line-height:			1.1 !important;
		}
		.fnt_topM {
			font-size:				1.0em !important;
			line-height:			1.1 !important;
		}
	}

	@media (max-width:	768px) {

		div.box_title {
			width:					92% !important;
			padding:				10px 4%;
			max-width:				360px;
			margin-left:			auto;
			margin-right:			auto;
			height:					270px;
		}

		div.box_position{
			top:					auto;
			bottom:					20px;
			left:					auto;
			right:					auto;
		}

		.fnt_topXL{
			font-size:				3.0em !important;
			line-height:			1.1 !important;
		}
		.fnt_topL{
			font-size:				2.0em !important;
			line-height:			1.1 !important;
		}
		.fnt_topM{
			font-size:				1.0em !important;
			line-height:			1.1 !important;
		}
	}

	.inner_this ,
	#inner , 		.inner ,
	#inner_desc ,
	#inner_copy ,	.inner_copy ,
	#inner_navi ,	.inner_navi ,
	#inner_title ,	.inner_title ,
	#inner_footer ,	#inner_bottom {
		max-width:				1080px;
	}
	.inner_front ,
	.front_inner {
		max-width:				1280px !important;
	}

	#inner_head {

	}

/**
/**/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
Base color
navy	-rgb(  0, 55,145)/003791：D_rgb(  0, 45,115)/002d73：L_rgb(  0, 75,200)/004bc8：B_rgb(190,190,255)/bebeff
blue	-rgb(  0,110,190)/006ebe：D_rgb(  0, 80,140)/00508c：L_rgb( 10,140,230)/0a8ce6：B_rgb(180,220,250)/b4dcfa
green	-rgb(180, 10, 10)/78aa0a：D_rgb( 10,100, 50)/0a6432：L_rgb(144,195, 31)/90c31f：B_rgb(220, 75, 75)/dcfa64
green2	-rgb( 49,152, 42)/31982a：D_rgb( 23, 95, 44)/175f2c：L_rgb( 60,185, 50)/3cb932：B_rgb(180,250,170)/b4faaa
orange	-rgb(255,140,  0)/ff8c00：D_rgb(240,131,  0)/f08300：L_rgb(255,186, 45)/ffba2d：B_rgb(255,220,120)/ffdc78
crimson	-rgb(220, 20, 60)/dc143c：D_rgb(170, 15, 50)/aa0f32：L_rgb(255, 20, 70)/ff1446：B_rgb(250,200,220)/ffc8c8
red 	-rgb(200, 40, 40)/c82828：D_rgb(180, 10, 10)/b40a0a：L_rgb(220, 75, 75)/dc4b4b：B_rgb(240,120,120)/f07878
pnk 	-rgb(220, 60,120)/dc3c78：D_rgb(210,  0,120)/d20078：L_rgb(240, 90,150)/f05a96：B_rgb(250,130,180)/fa82b4
pnk2 	-rgb(244, 42, 82)/f42a52：D_rgb(230, 12, 60)/e60c3c：L_rgb(249,171,184)/f9abb8：B_rgb(249,235,237)/f9ebed
blu		-rgb( 18,137,196)/1289c4：D_rgb( 15,113,162)/0f71a2：L_rgb( 54,171,225)/36abe1：B_rgb(213,240,251)/d5f0fb

■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*BODY*/
	.bg_BODY{	background-color:	#fff;	color:	#000;	}

/*white*/
	.clr_cf	{	color:				#fff  !important;				}
	.bdc_cf	{	border-color:		#fefefe !important;	}
	.bgc_cf	{	background-color:	#fefefe !important;	}
	.opa_cf	{	background-color:	rgb(254,254,254 ,0.5);			}
	.lnk_cf {		background-color:	#fefefe !important;	color:	#222 !important;	border-color:	#222 !important;	}
	.lnk_cf:hover{	background-color:	#222 !important;	color:	#fefefe !important;	border-color:	#fefefe !important;	}


/*black*/
	.clr_c0	{	color:				#222;				}
	.bdc_c0	{	border-color:		#222 !important;	}
	.bgc_c0	{	background-color:	#222 !important;	}
	.opa_c0	{	background-color:	rgb( 34, 34, 34 ,0.5);			}
	.lnk_c0 {		background-color:	#222 !important;	color:	#fefefe !important;	border-color:	#fefefe !important;}
	.lnk_c0:hover{	background-color:	#fefefe !important;	color:	#222 !important;	border-color:	#222 !important;}


/*def*/
	.clr_def  {	color:				#4196e1; /*	royalblue /**/			}
	.bg_def ,	.lnk_def {
				color:				#4169e1 !important;
				border:				1px solid #4169e1;
				background-color:	#f2f2f2;							}

	.bg_hover ,	.bg_def:hover	,	.lnk_def:hover	{
				background-color:	#4169e1;
				color:				#f2f2f2 !important;					}


	.clr_def1{	color:				#1e90ff; /* dodgerblue /**/			}

	.bg_def1{	background-color:	#1e90ff !important;
				border-color:		#1e90ff !important;
				color:				#f2f2f2;
	}
	.bg_def1R{	background-color:	#f2f2f2 !important;
				border-color:		#1e90ff !important;
				color:				#1e90ff;
	}

	.clr_def2{	color:				#6495ed; /* cornflowerblue/**/		}
	.bg_def2{	background-color:	#6495ed !important;
				border-color:		#6495ed !important;
				color:				#f2f2f2;
	}
	.bg_def2R{	background-color:	#f2f2f2 !important;
				border-color:		#6495ed !important;
				color:				#6495ed;
	}


	.clr_defD{	color:				#008080; /* teal /**/				}
	.bg_defD{	background-color:	#008080 !important;
				border-color:		#008080 !important;
				color:				#f2f2f2;
	}
	.bg_defDR{	background-color:	#f2f2f2 !important;
				border-color:		#008080 !important;
				color:				#008080;
	}


/*def
[brown]
#956f29; /*	桑茶 くわちゃ 
#bb5535; /* 赤茶 あかちゃ 
#f8b500; /* 山吹色 やまぶきいろ
#8b0000; /* darkred

[blue]
#4196e1; /*	royalblue 
#1e90ff; /* dodgerblue 
#6495ed; /* cornflowerblue
#008080; /* teal 

navy	-rgb(  0, 55,145)/003791：D_rgb(  0, 45,115)/002d73：L_rgb(  0, 75,200)/004bc8：B_rgb(190,190,255)/bebeff
blue	-rgb( 18,137,196)/1289c4：D_rgb( 15,113,162)/0f71a2：L_rgb( 54,171,225)/36abe1：B_rgb(213,240,251)/d5f0fb
blue2	-rgb(  0,110,190)/006ebe：D_rgb(  0, 80,140)/00508c：L_rgb( 10,140,230)/0a8ce6：B_rgb(180,220,250)/b4dcfa
green	-rgb(180, 10, 10)/78aa0a：D_rgb( 10,100, 50)/0a6432：L_rgb(144,195, 31)/90c31f：B_rgb(220, 75, 75)/dcfa64
green2	-rgb( 49,152, 42)/31982a：D_rgb( 23, 95, 44)/175f2c：L_rgb( 60,185, 50)/3cb932：B_rgb(180,250,170)/b4faaa
pink 	-rgb(244, 42, 82)/f42a52：D_rgb(230, 12, 60)/e60c3c：L_rgb(249,171,184)/f9abb8：B_rgb(249,235,237)/f9ebed
pink2 	-rgb(220, 60,120)/dc3c78：D_rgb(210,  0,120)/d20078：L_rgb(240, 90,150)/f05a96：B_rgb(250,130,180)/fa82b4
orange	-rgb(255,140,  0)/ff8c00：D_rgb(240,131,  0)/f08300：L_rgb(255,186, 45)/ffba2d：B_rgb(255,220,120)/ffdc78
red 	-rgb(200, 40, 40)/c82828：D_rgb(180, 10, 10)/b40a0a：L_rgb(220, 75, 75)/dc4b4b：B_rgb(240,120,120)/f07878
crimson	-rgb(220, 20, 60)/dc143c：D_rgb(170, 15, 50)/aa0f32：L_rgb(255, 20, 70)/ff1446：B_rgb(250,200,220)/ffc8c8
*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
リンク
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	a:hover {	font-weight:		700;	}
	a.txt:hover{text-decoration:	underline;	}

	.bg_def ,
	.lnk_def {
		font-weight:		500	!important;
	}

	.bg_hover ,
	.bg_def:hover ,		.lnk_def:hover 	,
	.bg_def:hover p	,	.lnk_def:hover p 	{
		font-weight:		700	!important;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
TAG
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	#theContent h2 {		border-bottom-color:	#ccc !important;	}
	#theContent h2:after {	border-bottom-color:	#eee !important;	}

	#theContent h3 {		border-color:			#ccc !important;	max-width:	640px;	}

	#theContent h4 {		border-left-color:		#ccc ;	}
	#theContent h5 {		border-top-color:		#eee;	border-bottom-color:	rgb( 10,100, 50);	}

	#theContent h2 {		font-weight:			700;}
	#theContent h3 {		font-weight:			700;}
	#theContent h4 {		font-weight:			700;}

	p.fl:first-letter {		font-size:				1.2em;
							color:					crimson;
							font-weight:			900;
	}

	#theContent h2.til {	font-size:				1.6em;
							font-family: 			'Noto Sans JP', sans-serif; 
						}

	div.article_title {
							display:				block;
							border-left:			10px solid #999;		
							padding-left:			10px;
							padding-bottom:			5px;
	}
	div.article_info {
							display:				block;
							border-left:			10px solid transparent;		
							padding-left:			10px;
							padding-bottom:			15px;
	}
	div.article_sub {
							display:				block;
							border-left:			10px solid transparent;		
							padding-left:			10px;
							padding-bottom:			5px;
	}



/*■■■■■■■■■■■■■■■■■■■■■■■■■
desc
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#wrap_desc {		color:				#222;					}
	#wrap_desc a{		color:				#555 !important;		}
	#wrap_desc a:hover{	text-decoration:	underline !important;	}
	a.breadcrumb{		text-decoration:	none !important;		}
	a.breadcrumb:hover{	text-decoration:	underline !important;	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
headline
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	@media (min-width:	992px) {
		#wrap_head {
		background: 			rgba(255, 255, 255, 0.75) !important;
		color:					#000;
		}
	}
	.ICON_PLOT ,
	.NAME_PLOT {
		color:					#111;
	}

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

		ul li.ICON_AREA{
			width:				10% !important;
			max-width:			32px !important;
		}
		ul li.NAME_AREA{
			width:				80% !important;
		}
	}



/*■■■■■■■■■■■■■■■■■■■■■■■■■
wrap_bottom
■■■■■■■■■■■■■■■■■■■■■■■■■*/

	#wrap_bottom {
		background-color:		#000;
		color:					#fff !important;
		padding-top:			20px;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
head-navi(SP)
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	@media (min-width:	992px) {
		#wrap_navi{			display:			none !important;}

		ul.navi_head li{	background-color:	#fff;	}
		ul.navi_head li  a	{
							font-size:			0.9em !important;
							font-weight:		500;
							border-bottom:		1px solid transparent;
							background-color:	#fff;
							color:				#222;
		}
		ul.navi_head li a:hover {
							font-weight:		700	!important;
							border-bottom:		1px solid #555 !important;
							background-color:	#222;
							color:				#eee;
		}
	}
	@media (max-width:	991px) {
		#wrap_navi{			background-color:	#fff !important;}
		ul.navi_head li{	background-color:	transparent;	}
		ul.navi_head li a {
							background-color:	#eee;
							color:				#222;
							font-size:			0.9em !important;
							font-weight:		500;
		}
		ul.navi_head li a:hover {
							background-color:	#222;
							color:				#eee !important;
							font-size:			0.9em !important;
							font-weight:		700	!important;
		}
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■
side-navi
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	ul.navi_side li{	background-color:	#fff;		}
	ul.navi_side li a {
		background-color:		#eee;
		color:					#222;
		font-size:				0.9em;
		font-weight:			500	!important;
	}
	ul.navi_side li a:hover {
		background-color:		#222 !important;
		color:					#eee !important;
		font-size:				0.9em;
		font-weight:			700	!important;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
foot-navi
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#wrap_footer {
		background: 			#f2f2f2 !important;
		color:					#333;
	}
	ul.navi_foot li a{
		font-weight:			400;
	}
	ul.navi_foot li a:hover {
		text-decoration:		underline !important;
		font-weight:			700	!important;
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_block
78aa0a：D_rgb( 10,100, 50)/0a6432：
■■■■■■■■■■■■■■■■■■■■■■■■■*/

	a.navi_block ,
	ul.navi_block li a {
		color:				#4169e1;
		border-color:		#4169e1;
		background-color:	#f2f2f2;
	}

	a.navi_block p ,
	ul.navi_block li a p{
		color:				#4169e1;
	}



/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_menu
■■■■■■■■■■■■■■■■■■■■■■■■■*/

	a.navi_menu ,
	ul.navi_menu li	a {
		color:					#777;
	}
	a.navi_menu:hover ,
	ul.navi_menu li a:hover{
		color:					#fff;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■
navi_hover
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	a.navi_menu:hover ,
	ul.navi_menu li a:hover ,
	ul.navi_side li a:hover {
		border-color:			#777;
		background-color:		#555;
		color:					#eee;
	}

	ul.navi_block li a:hover p ,
	a.navi_block:hover p{
		border-color:			#4169e1;
		background-color:		#4169e1;
		color:					#f2f2f2 !important;
		font-waight:			900;
	}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■
button ,selector ,goto ,banner
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	a.selector {
		border:					1px solid #ccct;
		border-radius:			8px;
		margin-bottom:			2px;
		margin-right:			4px;
	}
	a.selector p {
		font-size:				0.8em;
		height:					32px;
		min-width:				120px;
	}


	div.banner ,p.banner ,a.banner ,
	a.button ,
	a.goto {
		border-color:			#ccc;
		background-color:		#eee;
		color:					#222;
	}

	div.banner ,p.banner ,a.banner ,
	a.lnk_def p ,
	a.button p ,
	a.goto p {
		font-weight:			500;
	}
	a.banner:hover ,
	a.goto:hover ,
	a.button:hover {
		border-color:			#777;
		background-color:		#555;
		color:					#eee;
		font-weight:			700	!important;
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■
fix_navi
■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#fixnavi_side a , #fixnavi_v a , #fixnavi_h a 	{
		background-color:		#eee;
		color:					#222;
	}
	#fixnavi_side a:hover ,
	#fixnavi_v a:hover ,
	#fixnavi_h a:hover {
		border-color:			#555;
		background-color:		#222;
		color:					#eee !important;
		font-weight:			700	!important;
	}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■
.title
■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

	#wrap_title	{
		background-color:		#777 !important;
		color:					#fff !important;
	}
	.page_title	{				color:	#fff !important;	}
	.sub_title	{				color:	#fff !important;	}

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

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


/*■■■■■■■■■■■■■■■■■■■■■■■■■
box_
■■■■■■■■■■■■■■■■■■■■■■■■■*/

	div.waku ,
	div.wrap_full ,
	div.wrap_category_sub ,
	div.wrap_category{
		border:					1px solid #ccc;
	}
	.waku  {
		border-radius:			10px;
	}

	.boxL .box_info {
		width:					18% !important;
		float:					left;
	}
	.box_sub {
		color:					#777 !important;

	}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■
ブロックコンテンツ色
■■■■■■■■■■■■■■■■■■■■■■■■■*/

	div.fkds  p.HED ,	ul.fkds li p.HED {
		background: 			#6495ed;
		color:					#fff;
	}
	div.fkds  p.HED:after ,	ul.fkds li p.HED:after {
		border-top: 			15px solid #6495ed;
	}

	div.tabox p.HED ,	ul.tabox li p.HED {
		background-color:		#6495ed !important;	
		color:					#fff;
		min-height:				90px;
	}
	div.tabox p.ICO  ,	ul.tabox li p.ICO  {
		border-left:			1px solid #ccc !important;
		border-right:			1px solid #ccc !important;
		min-height:				90px;
	}
	div.tabox p.BDY ,	ul.tabox li p.BDY {
		border-left:			1px solid #ccc !important;
		border-right:			1px solid #ccc !important;
		border-bottom:			1px solid #ccc !important;
		min-height:				90px;
	}
	.acd-label ,
	.acd-label:after{
		background-color:				#4196e1;
	}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■
SP
■■■■■■■■■■■■■■■■■■■■■■■■■*/


	.flowbox , flowarr{
		display:				block !important;
	}

	.flowbox p {
		display:				block !important;
		padding:				10px;
	}

	.flowarr p{
		display:				block !important;
		text-align:				center;
	}

	@media (min-width:	769px) {
		.flowbox p {
			min-height:				80px;
		}
		.flowbox{
			min-width:				180px;
			max-width:				200px;
		}
		.flowbot ,ul.flowbot li {margin-bottom:	20px !important;}
	}

	@media (max-width:	768px) {
		.flowbot ,ul.flowbot li {margin-bottom:	2px !important;}
		.flowarr p {
			text-align:				center;
		}





		li.fullwidth {
			width:					100% !important;
		}



	}