* {
	margin:0;
	padding:0;
	box-sizing: border-box;

}

body {
	margin: 0px;
	padding: 0px;
	color: #444444;
	font-size: 10pt;
	line-height: 1.4;
	text-align: center; /* 古いIE対策 */
	background-color: #fafafa;
	box-sizing: border-box;
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;

}

.container_ {
	margin:50px auto;
	text-align:center;	
	display:block;
	clear:both;
}
	


.header {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	clear:both;
	background-color:rgba(255,255,255,0.7);
	font-size:12pt;
	font-weight:bold;

}



footer {  clear:both;  padding:30px ; color:#aaa; }


/*### PC */
@media screen and ( min-width: 641px )
{
	.container {
		margin:auto;
		text-align:center;	
		display:block;
		clear:both;
		padding-bottom:3em;
	}

	.container2 {
		display:inline-block;
		clear:both;
		max-width:1200px;
		text-align:left;
		padding:5px ;
		min-height:600px;

	}
	


/*#### block */
		
	.left_side {
		width:370px;
		float:left;
		text-align:left;
		clear:left;
	}
	.right_side {
		width:660px;
		float:right;
		text-align:center;
		margin-left:5px;
		z-index:1;
		clear:right;
	}
	.left_side2 {

		width:280px;
		padding-bottom:1em;
		float:left;
		text-align:left;
		clear:left;
	}
	.right_side2 {
		width:750px;
		float:right;
		text-align:center;
		margin-left:5px;
		z-index:1;
		clear:right;
	}

	.container3 {
		background-color:#fafafa;
		display:table;
		clear:both;
		text-align:center;
		vertical-align:top;
		width:95vw;
		overflow:hidden;
		margin: 0 auto;
	}

/*#### harf */

	.harf1 { width:40%; float:left;  }
	.harf3 { width:60%; float:left;  }
	.harf2 { width:50%; float:left;  }
	.harf4_2 { width:49%; }
	.harf3_1 { width:32%; }
	.harf4_1 { width:23%; float:left;  }
	.harf4_3 { width:75%; float:left;  }

	.test { font-size:24pt; color:blue; }
	.test::before { content: "PC"; }
	.pcfl_spfr { float:left ; }
	.pc_hidden { display:none; }
		
	.pos_ar {position:absolute;}
	
	.img_navi { width:72px;height:72px; }
}

/*### スマホ */
@media screen and (max-width:640px)
{

	.container {
		margin:auto;
		text-align:center;	
		display:block;
		clear:both;

	}
	
	.container2 {
		display:block;
		clear:both;
		margin:0px;
		padding:5px 0px 20px 0px;

		text-align:left;
		background-color: rgba(255,255,255,0.3);
		overflow:hidden;
		min-height:500px;
	}


/*#### block */
	.center_side {
		clear:both;
		width:100%;
		text-align:left;
		overflow:hidden;
	}
	.left_side {
		clear:both;
		width:100%;
		text-align:left;
		overflow:hidden;
	}
	.right_side {
		clear:both;
		width:100%;
		min-height:50px;
		text-align:left;
		overflow:hidden;
	}


		
	.sp_hidden {
		display:none;
		visibility:hidden;
		width:0px;
	}

	.harf1 { width:40%; float:left;  }
	.harf3 { width:60%; float:left;  }
	.harf2 { width:100%;  }
	.harf4_2 { width:100%; }
	.harf3_1 { width:32%; }
	.harf4_1 { width:100%;  }
	.harf4_3 { width:100%;  }
	
	.pcfl_spfr { float:right ; }
	.pos_ar {position:relative;}
	.img_navi { width:48px;height:48px; }

}





/*### BASIC */
a { color: #112255; text-decoration:none; }
a:hover{  text-decoration:underline; text-shadow:0px 0px 8px #aaa;}

ul { list-style-type: none ; }

.big { font-size:12pt; }
.big2 { font-size:14pt; }
.big3 { font-size:16pt; }
.big4 { font-size:18pt; }
.big5 { font-size:24pt; }
.big6 { font-size:32pt; }
.p {	padding:1em; text-indent:1em; line-height:200%; font-size:16pt;}
.p2 {	padding:1em; text-indent:1em; line-height:200%; font-size:12pt; }
.p3 {	padding:1em; text-indent:1em; line-height:160%; font-size:11pt; }


@media screen and (max-width:640px)
{
	.big { font-size:11pt; }
	.big2 { font-size:12pt; }
	.big3 { font-size:14pt; }
	.big4 { font-size:16pt; }
	.big5 { font-size:18pt; }
	.big6 { font-size:24pt; }
	.p {	padding:1em; text-indent:1em; line-height:180%; font-size:14pt;}
	.p2 {	padding:1em; text-indent:1em; line-height:160%; font-size:11pt; }
	.p3 {	padding:1em; text-indent:1em; line-height:140%; font-size:10pt; }
}




.fl { float:left ; }
.fr { float:right ; }

.pos_a {position:absolute;}
.pos_r {position:relative;}
.pos_f {position:fixed;}
.pos_rb { position:fixed;right:0;bottom:0; }
.pos_rt { position:fixed;right:0;top:0; }
.top0 { top:0px; }
.top5 { top:5px; }
.top10 { top:10px; }
.bottom0 { bottom:0px; }
.bottom5 { bottom:5px; }
.bottom10 { bottom:10px; }
.z999 { z-index:999; }
.z99 { z-index:99; }
.z9 { z-index:9; }
.z1 { z-index:1; }
.z0 { z-index:0; }
.left0 { left:0px; }
.left5 { left:5px; }
.left10 { left:10px; }
.right0 { right:0px; }
.right5 { right:5px; }
.right10 { right:10px; }

.oh { overflow:hidden; }
.osx { overflow-x:scroll; }
.osy { overflow-y:scroll; }



:placeholder-shown { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal;; }
::-webkit-input-placeholder { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal; }
:-moz-placeholder { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal;}
::-moz-placeholder { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal; }
:-ms-input-placeholder { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal; }


.hover:hover { cursor:pointer; }
.hover2 { cursor:pointer; opacity:0.5;  transition: all 500ms 550s ease;}
.hover2:hover { opacity:1.0; }
.hover3 { cursor:pointer; opacity:1;  transition: all 500ms 0s ease;}
.hover3:hover {contrast(205%) brightness(30%);box-shadow:0px 0px 33px inset rgba(0,0,0,0.02);}

.pointer { cursor:pointer }


.ime_off { ime-mode: inactive; }
.ime_on { ime-mode: active; }

.lh120 { line-height:120%; }
.lh150 { line-height:150%; }
.ls120 { letter-spacing:0.2em; }
.ls150 { letter-spacing:0.5em; }



.w100 { width:100%; }
.w100p { width:100%; }
.w95p { width:95%; }
.w90p { width:90%; }
.w85p { width:850%; }
.w80p { width:80%; }
.w2em { width:2em }
.w5em { width:5em }
.w8em { width:8em }
.w10em { width:10em }
.w15em { width:15em }
.w20em { width:20em }
.w30em { width:30em }


.img {	object-fit: cover;}
.img_badge { border-radius:50%;border:5px solid white;box-shadow:0px 0px 5px #bbb; background-color:#fff; }


/*### HR */
.hr_none { height:0px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}
.hr_none1 { height:5px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}
.hr_none2 { height:10px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}
.hr_none3 { height:15px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}
.hr_none4 { height:20px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}.clearfix {
	float: none;
	clear: both;
}

/*### DISPLAY */

.d_i { display:inline ; }
.d_ib { display:inline-block ; }
.d_b {display:block ;}
.d_n {display:none ;}


.section { width:100%; margin: 0 ; padding: 2rem; }
.section2 { width:100%; margin:2rem 0 ; }


.flex {display:flex;}
.iflex {display:inline-flex;}
.flex_v_stretch{ align-self:stretch;  }

.flex_tc {justify-content:center;}
.flex_tl {justify-content:start;}

.flex_tm { align-items: center ; }
.flex_ts { align-items:flex-start; }

.flex_wrap {flex-wrap:wrap;}
.flex_nowrap {flex-wrap:nowrap;}
.flex_dir_col { flex-direction:column }



.label
{
	color:rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.01);
	padding:2px 5px; display:inline-block;
}


.stamp {
	display:inline-block;
	background-color:rgba(255,0,0,0.3);color:white;border-radius:50%;padding:5px;
}




.box {
	border-radius:8px;
	margin:8px;
	padding:2em 1em;	
	border:1px solid #e5e5e5;
	box-shadow:0px 0px 10px #eee;
	background-color:rgba(255,255,255,0.5);

}



.box2 {
	background-color:rgba(0,0,0,0.02);
	border-radius:5px;
	padding:1em;
}


.box5 {
	background-color:#fff;
	box-shadow:0px 0px 20px #eee;
	margin:3px ;
	padding:1em;	
	overflow:hidden;
	background: #fff;
	background: -moz-linear-gradient(right, rgba(253,252,250,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(right, rgba(253,252,250,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to left, rgba(253,252,250,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcfa', endColorstr='#fff',GradientType=1 );
}





.box_search {
	height:50px;
	margin:0px;
	padding:0px;
}


.btn_search {
	vertical-align: top;
	margin:0 0 0 -5px;	
	width: 50px;
	height: 100%;
	box-sizing: border-box;
	cursor: pointer;
	border-radius:0px 5px 5px 0px;
	padding:0px;
	text-indent:-9999px;
	background: orange url(./icon/btn_search.png) no-repeat 5px 5px;
	border:3px solid orange;

}
 
.btn_search:hover {
	background-color:darkorange;
	border:3px solid darkorange;
	

}

/*### SEARCH */

.txt_search {
	padding:0px 5px;
	margin:auto;
	height: 100%;
	box-sizing: border-box;
	vertical-align: top;
	border:2px solid darkorange;
	background-color:#faffbd ; /* #f5f5f5; */
	box-shadow:inset 0px 0px 5px #ccc;
}
.txt_search:hover {
	background-color:#fff;
}





.title_rainbow {
  color: #FF8C00;
  background: -webkit-linear-gradient(0deg, #40E0D0, #FF8C00, #FF0080);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/*### INPUT */

.input {
	background-color:rgba(255,255,255,0.8);
	box-shadow: 0px 0px 3px #ddd ,0px 0px 5px #ddd inset;
	border: 1px solid #bbb;
	padding:0.4em;
	border-radius:3px;
}

.input:focus {
	background-color:#ccc;
	border: 1px solid orange;
}

.input:read-only {
	background-color:transparent;border:none;
	box-shadow:none;
}


.input2 {
	background-color:rgba(128,128,128,0.1);
	border: 1px solid #bbb;
	padding:0.4em;
	box-shadow: 2px 2px 8px rgba(128,128,128,0.2) inset;
	text-shadow:0px 0px 5px rgba(0,0,0,0.1);

	margin:2px 1px;
	border-radius:2px;
}

.input2:focus {
	background-color:rgba(128,128,128,0.1);
	border: 1px solid orange;

}
.input2:placeholder-shown { color:black; }

.input3 { 
	padding:10px; 
	background-color:#fff;
	color:black; font-weight:bold;
	text-shadow:0px 0px 6px #eee;
	margin:3px 2px;
	border:1px solid #ddd;
	border-radius:3px;
}
.input3:focus {
	background-color:rgba(128,128,128,0.1);
	box-shadow: 2px 2px 8px rgba(128,128,128,0.2) inset;
	text-shadow:0px 0px 5px rgba(0,0,0,0.1);
	border:1px solid transparent;
}

.input3:placeholder-shown { color:#fafafa; font-style:italic; }


.input4 {
	background-color:rgba(0,0,0,0.02) ;
	border: 1px dashed rgba(0,0,0,0.1) ;
	padding:8px;
	margin:3px;
	border-radius:3px;
}


.input4:hover {
	background-color:rgba(0,0,0,0.05) ;
	box-shadow:0px 0px 5px rgba(0,0,0,0.1) inset ;
	border: 1px solid orange;
}
.input4:read-only {
	background-color:transparent;border:none;
	box-shadow:none;
}

select.input4:read-only  {
	background-color:rgba(0,0,0,0.02) ;
	border: 1px dashed rgba(0,0,0,0.1) ;
}


.input_success{ background-color:skyblue; }
.input_error{ background-color:pink; }



/* UL */







/*### TABLE */





.tbl2 {
	border-collapse:collapse;
	margin:auto;
	overflow:hidden;
	/*background-color:rgba(255,255,255,0.1);*/
}

.tbl2 tr { border-top:1px solid #e7e7e7; vertical-align:top;	 }
.tbl2 tr:hover a { }
.tbl2 th { background-color:rgba(150,150,150,0.03); padding:0.5em 1em; font-weight:normal; }
.tbl2 td { padding:0.5em; }

.tbl_zig tr:nth-child(2n) td { }
.tbl_zig tr:nth-child(2n+1) td{ background-color:rgba(0,0,0,0.03); }


.tbl3 {
	border-collapse:separate;
	border-spacing: 6px;
	margin:auto;
}
.tbl3 th {
	font-weight:normal;
	padding:4px;
	vertical-align:top;
	min-width:4em;
	text-align:left;
	border-right:3px solid rgba(255,165,0,0.3);

}
.tbl3 td {
	padding:4px;
	vertical-align:top;
}




.tbl_graph {
	border-collapse:collapse;
	margin:auto;
}
.tbl_graph tr {
	background-color:rgba(0,150,255,0.1);
	font-family: 'arial',sans-serif;
}
.tbl_graph tr:nth-child(2n)  { }
.tbl_graph tr:nth-child(2n+1) { background-color:rgba(0,150,255,0.05);}
.tbl_graph th {
	font-weight:normal;
	padding:0.5em 1em;
	vertical-align:top;
	min-width:4em;
	text-align:left;
	font-size:small;

}
.tbl_graph td {
	font-family: 'Verdana',serif;
	padding:0.2em;
	vertical-align:middle;
	font-size:20pt;
	color:rgba(0,30,100,0.75);
	text-align:right;
	font-weight:bold;
}



.tbl_plain {
	border-collapse:collapse;
	margin:auto;
}
.tbl_plain tr {	background-color:rgba(0,150,255,0.1); }
.tbl_plain tr:nth-child(2n)  { }
.tbl_plain tr:nth-child(2n+1) { background-color:rgba(0,150,255,0.05);}
.tbl_plain th {
	font-weight:normal;
	padding:0.3em;
	vertical-align:top;
	min-width:4em;
	text-align:left;
}
.tbl_plain td {
	padding:0.3em;
	vertical-align:middle;
	color:rgba(0,30,100,0.75);
}




.tbl_scroll {
	clear:both;
	overflow: auto;
}
.tbl_scroll::-webkit-scrollbar {
  height: 5px;
}
.tbl_scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.tbl_scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}




/*### FBOX */



.fixed{
  position:fixed; top:10px
}

.fixed2{
  position:fixed;
  top:0px;
  width:100%;
  z-index:3;
}




.anime2 {
    -moz-transition: all 0.2s ease 0s ;
    -webkit-transition: all 0.2s ease 0s ;
    -o-transition: all 0.2s ease 0s ;
    -ms-transition: all 0.2s ease 0s ;
}

.anime3{
  background:#ff6a69;
  color:#FFF;
  animation: anime3 1.5s ease infinite alternate;
}
@keyframes anime3 {
	20% { transform: scale3d(1.3, 0.7, 1); }
	40% { transform: scale3d(0.7, 1.3, 1); }
	60% { transform: scale3d(1.1, 0.8, 1); }
	80% { transform: scale3d(0.8, 1.1, 1); }
	100%{ transform: scale3d(1, 1, 1); }
}

.anime4{
	color:#aaa;
	animation:5s ease-in 1s infinite alternate forwards running anime4;
}

@keyframes anime4{
	0%{  background:transparent;  color:#aaa;}
	20%{ background:pink; color:#fff; }
	40%{ background:gold; color:#fff; }
	60%{ background:tomato; color:pink; }
	80%{ background:gold; color:#fff; }
	100%{ background:tomato; color:#fff; }
}


/*### GRA */
.gra1  {
	/*グラデーションの設定*/
	background: -webkit-linear-gradient(top, #cccccc 0%, #f9f9f9 30%);
	background: -moz-linear-gradient(top, #cccccc 0%, #f9f9f9 30%);
	background: -o-linear-gradient(top, #cccccc 0%, #f9f9f9 30%);
	background: -ms-linear-gradient(top, #cccccc 0%, #f9f9f9 30%);
	background: linear-gradient(top, #cccccc 0%, #f9f9f9 30%);
	border:1px solid #f9f9f9;
}
.gra2 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.94, #f5f5f5), color-stop(0.00, #e6e6e6));
	background: -webkit-linear-gradient(top, #e6e6e6 0%, #f5f5f5 94%);
	background: -moz-linear-gradient(top, #e6e6e6 0%, #f5f5f5 94%);
	background: -o-linear-gradient(top, #e6e6e6 0%, #f5f5f5 94%);
	background: -ms-linear-gradient(top, #e6e6e6 0%, #f5f5f5 94%);
	background: linear-gradient(to bottom, #e6e6e6 0%, #f5f5f5 94%);

}
.gra3 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,131313+40,595959+80,666666+100,474747+100 */
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 0%, #131313 40%, #595959 80%, #666666 100%, #474747 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #000000 0%,#131313 40%,#595959 80%,#666666 100%,#474747 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #000000 0%,#131313 40%,#595959 80%,#666666 100%,#474747 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#474747',GradientType=0 ); /* IE6-9 */

}

/*### UL PAGER */


.ul_pager {
	margin:5px 0px;
	text-align:center;
	clear:both;
}

.ul_pager li {
	display:inline-block;
	margin:2px;
	cursor:pointer;
	overflow:hidden;
	font-size:16pt;
	border-radius:3px;
}


.ul_pager a {
	margin:0px;
	padding:10px;
	color:#999;
	text-decoration:none;
}

.ul_pager span.select{
	margin:0px;
	padding:10px;
	color:#333;
	background-color:skyblue;
}
.ul_pager li:hover{
	background-color:skyblue;
}
.ul_pager a:hover{
	color:black;
}




/*### UL LI */



.ul_tag li {
	display:inline-block;
	border:1px solid #eee;
	padding:4px 4px;
	margin:3px 3px;
	border-radius:3px;
	color:black;
	background-repeat: no-repeat;
	background-image:url('/icon/tag_16.png') ;
	background-position-x:5px;
	background-position-y:5px;
	text-indent:20px;
}

.ul_tag li:hover {
	background-color:skyblue;
	color:black;
	
}

.ul_tag li a {
	text-decoration:none;
	color:black;
}

.li_none {
	background-image:none;	
}


.zoom120:hover {
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.5s;	/*変化に掛かる時間*/
}



.first_letter:first-letter {
	font-size:large;;
	
}


.ul_hash li {
	display:inline-block;
	padding:2px 5px;
	margin:1px;
	border-bottom:1px solid transparent;
}
.ul_hash li:before {
	  content:"#"; color:#ccc;
}
.ul_hash li:hover {
	border-bottom:1px solid #aaa;
}
.ul_hash li a {
	text-decoration:none;
	color:navy;
}
.ul_hash li.select { background-color:rgba(180,100,100,0.2); border-radius:5px; }



.ul_hash2 li {
	display:inline-block;
	padding:3px ;
	margin:0.2em  0.2em ;
}


.ul_hash2 li:before {
	  content:"# "; color:rgba(0,0,0,0.1);
}
.ul_hash2 li:hover {
	background-color:rgba(0,0,0,0.05);
	border-raidus:5px;
}
.ul_hash2 li a {
	text-decoration:none;
}
.ul_hash2 li a:hover {
	text-decoration:underline;
}
.ul_hash2 li.select { background-color:rgba(180,100,100,0.2); border-radius:5px; }


.ul_square li { display:inline-block; 
padding: 2px; margin:0;
}
.ul_square li a { text-decoration:none;display:block;color:white; background-color:#FF9100; 
border-radius:40%;padding:10px;
	box-shadow:3px 3px 5px #ddd;
}
.ul_square li a:after { content:"~"; color:rgba(0,0,0,0.5); font-size:10pt; color:white;}
.ul_square a:hover { text-decoration:none; background-color:rgba(150,20,10,0.4);}
.ul_square li.select{ background-color:rgba(150,20,10,0.4);}



.ul_pankuzu  { margin:0 0 1em 0;}
.ul_pankuzu li {
	display:inline-block;
	color:#999;
	margin:0.1em 0.1em;
	letter-spacing:0.2em;
}
.ul_pankuzu li a {
	border-radius: 5px 10px 5px 5px ;
	border-bottom:1px solid #eee;
	padding:0.3em 0.6em 0.3em 0.6em; 
	background-color:#eee; text-decoration:none; display:block; color:#666;
	background: -moz-linear-gradient(right, rgba(253,252,250,1) 0%, rgba(240,240,240,1) 100%);
	background: -webkit-linear-gradient(right, rgba(253,252,250,1) 0%,rgba(240,240,240,1) 100%);
	background: linear-gradient(to left, rgba(253,252,250,1) 0%,rgba(240,240,240,1) 100%);
	
}
.ul_pankuzu li:hover a{  }
.ul_pankuzu li a:hover { color:black; background-color:rgba(0,0,0,0.1); text-decoration:underline; }


.ul_navi { margin:0 5px; }
.ul_navi li {
	background-color:rgba(255, 255, 255, 0.5);
	display:inline-block;
	padding:4px 4px;
	border-radius:3px;
	color:#666;
	font-size:10pt;
	text-align:center;
}
.ul_navi li:hover {
	background-color:rgba(0,0,0,0.1);
}
.ul_navi li a {
	text-decoration:none;
	color:brown;
}


li.li_select{
	background-color:rgba(0,30,50,0.1);
}
.hover_select:hover{
	background-color:skyblue;
	background-repeat: no-repeat;
	box-shadow:0px 0px 15px skyblue;
	border:none;
	border-radius:5px;
}





.ul_list li {
	overflow:hidden;
	padding:5px 5px;
    transition: all 0.2s ease 0s ;
    border-bottom:1px dotted #ddd;
}

.ul_list li:hover { background-color:rgba(0,50,80,0.05) ; }
.ul_list li.select { background-color:#f0f0f0; }
.ul_list li a { }
.ul_list li:last-child { border-bottom:none; }

.ul_list2 {
	margin-top:1em;
	min-height:unset;
	height:unset;
	border:none;
	display:inline-block;
}

.ul_list2 li {
	display:block;
	text-align:left;
	width:100%;
	padding:2px;
	border:none;
	min-height:unset;
	height:unset;
	background-color:unset;
	
}

.ul_list3 li {


	padding:5px 5px;

    -moz-transition: all 0.2s ease 0s ;
    -webkit-transition: all 0.2s ease 0s ;
    -o-transition: all 0.2s ease 0s ;
    -ms-transition: all 0.2s ease 0s ;
    border-bottom:2px solid rgba(255,255,255,0.3);
}

.ul_list3 li:nth-child(odd) { background-color:rgba(0,0,0,0.05); }
.ul_list3 li:nth-child(even) { background-color:rgba(0,0,0,0.1); }
.ul_list3 li a  { text-decoration:none;  }

.ul_hover li:hover { background-color:rgba(100,100,100,0.5); }





/*### DL DT DD */
dl.dl_tbl {

}
dl.dl_tbl dt {
  min-width : 100%;
	border-bottom:1px solid #ccc;
  font-weight : bold;
  text-indent : 5px;
	padding:5px;
	font-weight:bold;
	display:inline-block;
}
dl.dl_tbl dd {
  background-color : #fff;
  padding : 5px 5px 5px 25px;
}


.dl2 { text-align:left; }
.dl2 dt{ width:6em;clear: left;float:left; padding:5px; color:#ccc; font-size:small;}
.dl2 dt:before{ content:'・' }
.dl2 dd{ margin-left:7em;  padding:5px;}

.dl3 { 	background-color:rgba(0,0,0,0.02); padding:4px; border-radius:8px; }
.dl3 dt { padding:0.5em;text-align:center;  color:black; width:100%; font-weight:bold;letter-spacing:0.2em; font-size:large;  }
.dl3 dd { padding:0.5em;text-align:left; width:100%; letter-spacing:0.1em;}


@media screen and ( min-width: 641px )
{
	.dl3 { width:320px; }
	.dl3 dt { height:3.5em; }
}

/*### BTN */


.btn_more {
	text-align:center;

	color:#333;
	padding:5px 5px 5px 5px;
	border-bottom:3px solid #ccc;
	text-shadow:0px 0px 5px #888;
}

.btn_more:hover {
	cursor:pointer;
	background: rgba(0,0,0,0.1); 

}

.box_more {
	margin: 0px 0px 10px 0px ;
	padding:5px;
	background: rgba(0,0,0,0.05); 

}

	




.btn_login {
	margin:3px;
	padding:5px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ddd;
	overflow:hidden;
	cursor:pointer;
}
.btn_login:hover {
	margin:5px;
	padding:10px;
	color:white;
	font-weight:bold;
	font-size:large;
	text-decoration:none;
	opacity:0.9;
}


.btn_order {
	display:inline-block;
	cursor:pointer;
	border:1px solid #aaa;
	border-radius:3px;

	margin:0.2em;
	padding:0.4em 0.8em;
	color:#222;
	font-weight:bold;
	text-align:center;

	background: #ffaf4b;
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%);
	background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
	
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    transition: .4s;
}
.btn_order:hover {
	color:#000;
	
	background: #ffc57f;
	background: -moz-linear-gradient(top, #ffc57f 0%, #ff8c00 100%);
	background: -webkit-linear-gradient(top, #ffc57f 0%,#ff8c00 100%);
	background: linear-gradient(to bottom, #ffc57f 0%,#ff8c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc57f', endColorstr='#ff8c00',GradientType=0 );

}


.btn_order2 {
	display:inline-block;
	cursor:pointer;
	padding:0.5em 2em;
	color:#111;
	text-align:center;

    transition: .4s;
    border-radius:5px;
    
	background-color: #f3981d; 
	background-image: -webkit-linear-gradient(25deg,transparent 20%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.3) 60%,transparent 60%);
	background-image:         linear-gradient(25deg,transparent 20%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.3) 60%,transparent 60%);
	background-repeat: no-repeat;
	border:2px solid orange;
    box-shadow:  0 2px 3px rgba(0, 0, 0, 0.11);
    font-weight:bold;

}
.btn_order2:hover {
	filter:contrast(130%);
	border:2px solid orange;
	color:#222;
    box-shadow:none;
	
}


.btn_insert {
	display: inline-block;
	padding: 0.2em 1.5em;
	text-decoration: none;
	color: rgba(255,255,255,0.8);
	border: solid 2px transparent;
	border-radius:  50px;
	transition: .4s;
	cursor:pointer;
	background: #0094e4;
	letter-spacing:0.2em;
}
.btn_insert:hover {
	background-color:#00BE02; /*rgba(55,155,255,0.2);*/
	color: white;
	text-shadow:0px 0px 5px #fff;
	box-shadow:10px 10px 15px inset rgba(200,250,200,0.2), 0px 0px 3px rgba(0,0,0,0.2);
	border: solid 2px #ffffff;

}


.btn {
	display:inline-block;
	text-decoration: none;
	color: #fff;
	background-color:#3879D9;
	border:none;
}

.btn:hover {
	background-color:#1859D9;
	color:white;
	cursor:pointer;
}






.img2 {
	display: inline-block;
	position: relative;
	padding: 6px;
	box-shadow: 0 2px 6px #999;
}
.img2:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient( /* ここで光を作っている */
	  -120deg, 
	  rgba(255, 250, 250, 0.1) 0, 
	  rgba(255, 250, 250, 0.5) 70px,
	  rgba(255, 250, 250, 0) 71px);
}

.img_auto {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

.stamp_0, .stamp_1 {
	display:inline-block;
	border:2px solid #bbb;color:#bbb;background-color:#fff;
	text-align:center;margin:5px;
	border-radius:50%;padding:5px;
width:1.8em;height:1.8em;
}
.stamp_0{
	border:3px solid #bbb;color:#bbb;
}
.stamp_1{
	border:3px solid red;color:red;
}

.server_ret { 
	font-weight:bold;text-align:center;	letter-spacing:0.1em;padding:0.2em 0.3em;
	background-color:rgba(0,0,0,0.1);color:white; 
	z-index:9;font-size:14pt;display:inline-block;

}

.server_ret_proc { color:#0087BF; text-shadow:0px 0px 20px #ddeeff; background-color:transparent; }
.server_ret_error { color:red; text-shadow:0px 0px 20px #red; background-color:pink; font-size:xx-large; }
	

/*### SNS */

.color_twitter{ background: #55acee; }
.color_fb{ background: #3b5998; }
.color_line{ background: #09B701; }
.color_google{ background: #d64136; }



.btn_sns{
    display: inline-block;
    width: 70px;
    margin: 2px;
    padding:3px;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
    text-decoration: none;
    color: #fff;
    text-align: center;
   vertical-align:middle;
   font-size:8pt;
}

.btn_sns:hover { opacity:0.5; color:white; }

input[type=checkbox].onoff {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].onoff + label.onoff_label {
	padding-left:30px;
	height:14px; 
	display:inline-block;
	line-height:14px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].onoff:checked + label.onoff_label {
	background-position: 0 -14px;
}
label.onoff_label {
	zoom:1.4;
	background-image:url(/icon/checkbox.png);
	background-repeat:no-repeat;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.ul_checklist {
	text-align:left;
}

.ul_checklist li {
	padding: 0.3em 1.5em;
	list-style-type: none!important;/*ポチ消す*/
	position: relative;
}

.ul_checklist li:before {
  content: "✔";
  position: absolute;
  top:3px;
  left :0px; 
  font-size:x-large;/*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}


.section { width:100%; margin: 0 ; padding: 2rem; }
.section2 { width:100%; margin:1.5rem 0 ; }
.section3 { width:100%; margin:1.5rem 0 ; border-left:20px solid #ddd; padding-left:1em;}



.flex_05 { flex:0.5; }
.flex_08 { flex:0.8; }
.flex_10 { flex:1; }
.flex_12 { flex:1.2; }
.flex_15 { flex:1.5; }
.flex_20 { flex:2; }
.flex_25 { flex:2.5; }
.flex_30 { flex:3; }
.flex_40 { flex:4; }

.flex_h {
	display:flex;justify-content:center;
}
.flex_v {
}

@media screen and ( min-width: 521px )
{
	.flex_h {
		display:flex;
		justify-content:center;
		flex-direction: row;
		flex-wrap:nowrap;
	}
	.flex_v {
		display: flex;flex-direction: column;
	}
	
	.box_sp {
			display:inline-block;
		   max-width:80%;
	}
	.box_sp2 {
			display:inline-block;;
		   max-width:40rem;
	}

}

@media screen and (max-width:520px)
{
	.flex_h {
		display:flex;
		justify-content:center;
		flex-direction: column;
		flex-wrap:wrap;
	}
	
	.flex_v {
		display: flex;flex-direction: column;
	}
		
	.img_sp_harf {
	    width:50%;
	    height:50%;
	    max-width:50%;
	    max-height:50%;
	}

	.box_sp {
	   width:100%;
	}

}

.flex_jc {
	justify-content: center;
}


.flex_atn {
	margin-top:auto;
	padding-bottom:1rem;
}


* {
	margin:0;
	padding:0;
	box-sizing: border-box;

}





.ul_menu {
	
	/*
	 background-color:rbga(0,0,0,0.12); margin-bottom:1em;box-shadow:0px 0px 30px rgba(0,0,0,0.15) ;
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: linear-gradient(135deg,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
	
	*/
	white-space:nowrap;		
	display:inline-flex;;
	align-items:stretch;
	flex-direction: row;
	justify-content: center;
	align-items: center;

 }
.ul_menu li {
	text-shadow:0px 0px 5px #fff;
	background-color:rgba(255, 255, 255, 0.3);
	padding:8px 15px;
	margin:0px;
	border-right:1px solid #eee;
	border-bottom:3px solid transparent;
	color:#666;
}
.ul_menu li:last-child {
	border-right:none;
}
.ul_menu li.li_select {
	background-color:rgba(30,100,150,0.1);
	color:black;
	font-weight:normal;
	border-bottom:3px solid silver ;
	background: #ffffff;
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	background: linear-gradient(135deg,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.ul_menu li.li_select a{
	color:#333;
	text-shadow:0px 0px 5px #fff;
}

.ul_menu li:hover {
	/*
	background-color:rgba(0,0,0,0.01);
	border-bottom:3px solid silver ;
	*/
}

.ul_menu li a {
	text-decoration:none;
	display:block;
	color:#555;
}


.ul_menu .ul_menu_sub { display: none; }

.ul_menu_sub {
	position: absolute;
	background-color:rgba(255,255,255,0.9);
	border:1px solid #ccc;
	padding:1em ;
	
}



@media screen and (max-width:640px)
{
	.ul_sp {
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		overflow-scrolling:touch;
		white-space:nowrap;		
	}
	.ul_menu_sub {
		position: absolute;
		left:0px;
		width:100%;
	max-width:unset;
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		overflow-scrolling:touch;
		white-space:nowrap;		

	}
	.ul_menu_sub li {
	}
}





@media screen and (max-width:640px)
{
	.ul_sp {
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		overflow-scrolling:touch;
		white-space:nowrap;		
	}
	.ul_menu_sub {
		position: absolute;
		left:0px;
		width:100%;
	max-width:unset;
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		overflow-scrolling:touch;
		white-space:nowrap;		

	}
	.ul_menu_sub li {
	}
}






.title {
  margin:1rem 0 2rem 0;
  color: #333;
  letter-spacing:0.3em;
  font-size:2rem;
  text-shadow:0px 0px 20px rgba(0,0,0,0.1);
 position: relative;
  padding: 1rem 0.2rem;
  border-bottom: 6px solid #094;
}

.title:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #00cc5b;
}


/*
.title {
	padding: 1rem 3rem;
	color: #fff;
	border-radius: 100vh;
	background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
	background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
	background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);
}
*/

.title2 {
  position: relative;
  color: #158b2b;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}
.title2:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #a6ddb0;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


.title3 {
  color: #158b2b;
  text-align: center;
  margin: 1em 0;
}


.h1 {
  text-align: center;
  margin: 1em 0;
  font-size:32pt;
  letter-spacing:0.5em;
  color:rgba(8,39,83,1);
}

.h2{
padding:0.5em;
   letter-spacing:0.5em;
  font-size:24pt;

}
.h3{
 border-bottom:3px solid deepskyblue;
   letter-spacing:0.5em;
  font-size:16pt;
  margin:0.5em;padding:0.5em;

}


.h4 {
  border-bottom: solid 3px skyblue;
  position: relative;
}

.h4:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}


.h5 {
  position: relative;
  display: inline-block;
  margin: 1em;
  letter-spacing:0.1em;
  color:#333;
}
.h5:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #9d9579;
  border-radius: 2px;
}


.h6 {
	position: relative;
	letter-spacing:0.1em;
	color: #333;
	padding-left:1em;
}

.h6:before {
  content: "";
  position: absolute;
  background: #9de5ff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

.h7 { letter-spacing:0.1em; color:#7d7559 ; }



.tbl {
	border-collapse:collapse;
	border : 15px solid #fff;
	margin:auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.3);
	border:1px solid #eee;
}

.tbl tr:hover a { text-decoration:underline; }

.tbl th {
	background-color:rgba(200,200,200,0.05);
	margin:4px;
	padding:8px 12pt;
	vertical-align:middle;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee ;
	font-weight:normal;
	text-shadow:0px 0px 5px #aaa;
}
.tbl td {
	padding:0.4em;
	vertical-align:top;
	border-right:1px solid #eee ;
	border-bottom:1px solid #eee ;
}


.anime {
	-moz-transition: all 0.5s ease 0s ;
	-webkit-transition: all 0.5s ease 0s ;
	-o-transition: all 0.5s ease 0s ;
	-ms-transition: all 0.5s ease 0s ;
}


/*### BASIC */
a { color: #112255; text-decoration:none; }
a:hover{  text-decoration:underline; text-shadow:0px 0px 8px #aaa;}

ul { list-style-type: none ; }


:placeholder-shown { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal;; }
::-webkit-input-placeholder { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal; }
:-moz-placeholder { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal;}
::-moz-placeholder { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal; }
:-ms-input-placeholder { font-style:italic; color: rgba(0,0,0,0.3) ;font-weight:normal; }


.hover:hover { cursor:pointer; }
.hover2 { cursor:pointer; opacity:0.5;  transition: all 500ms 550s ease;}
.hover2:hover { opacity:1.0; }
.hover3 { cursor:pointer; opacity:1;  transition: all 500ms 0s ease;}
.hover3:hover {contrast(205%) brightness(30%);box-shadow:0px 0px 33px inset rgba(0,0,0,0.02);}

.pointer { cursor:pointer }


.ime_off { ime-mode: inactive; }
.ime_on { ime-mode: active; }

.lh120 { line-height:120%; }
.lh150 { line-height:150%; }
.lh160 { line-height:160%; }
.ls120 { letter-spacing:0.2em; }
.ls150 { letter-spacing:0.5em; }



.w100 { width:100%; }
.w100p { width:100%; }
.w95p { width:95%; }
.w90p { width:90%; }
.w85p { width:850%; }
.w80p { width:80%; }
.w2em { width:2em }
.w5em { width:5em }
.w8em { width:8em }
.w10em { width:10em }
.w15em { width:15em }
.w20em { width:20em }
.w30em { width:30em }
.h1em { height:1em }
.h3em { height:3em }
.h5em { height:5em }
.h10em { height:10em }
.h15em { height:15em }


.img {	object-fit: cover;}
.img_badge { border-radius:50%;border:5px solid white;box-shadow:0px 0px 5px #bbb; background-color:#fff; }


/*### HR */
.hr_none { height:0px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}
.hr_none1 { height:5px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}
.hr_none2 { height:10px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}
.hr_none3 { height:15px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}
.hr_none4 { height:20px;  color: white; background-color:transparent; border:none; clear:both;visibility:hidden;}.clearfix {
	float: none;
	clear: both;
}

/*### DISPLAY */

.display_none {display:none;}
.d_i { display:inline ; }
.d_ib { display:inline-block ; }
.d_b {display:block ;}
.d_n {display:none ;}


/*### POSITION */

.oh { overflow:hidden; }
.osx { overflow-x:scroll; }
.osy { overflow-y:scroll; }


/*### FONT */
/*#### COLOR */

.navy { color:navy; }
.orange { color:darkorange;}
.gold { color:gold;}


.gold2 {
  background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.green { color:darkgreen;}
.green2 { color:green;}
.gray { color:#777;}
.silver { color:darkgray;}
.silver2 { color:gray;}
.dark { color:#333;}
.white { color:white;}
.white a { color:white; }
.red { color:red;}

.purple {color:purple;}
.yellow {color:orange;}
.cyan {color:cyan;}

.brown { color:brown;}
.black { color:black; }
.mini { font-size:8pt; line-height:120%;}
.normal { font-size:10pt; line-height:120%;}
.normal2 { font-weight:normal ; }

/*#### size */

.strong { font-weight:bold ; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
.dec_through { text-decoration:line-through; }
.a_none { text-decoration: none; }
.dec_none { text-decoration:none; }
.dec_none a { text-decoration:none; }

.dec_hover  { text-decoration:none; }
.dec_hover:hover { text-decoration:underline; }

.dec_hover2  { text-decoration:none; padding:0.2em; border-radius:3px; }
.dec_hover2:hover { text-decoration:underline;background-color:rgba(0,0,0,0.05); }
a.dec_hover2:after  { content:" >>"; font-size:small; color:#888; }


.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left; }

@media screen and ( min-width: 641px )
{
	.tl_tc { text-align:left; }
	.tc_tl { text-align:center; }
}
@media screen and (max-width:640px)
{
	.tl_tc { text-align:center; }
	.tc_tl { text-align:left; }
}




.clear_both { clear:both; float:none;}
.clear_left { clear:left; }
.clear_right { clear:right; }


/*### RADIUS */
.rad5p { border-radius:5%;}
.rad10p { border-radius:10%;}
.rad50p { border-radius:50%; }
.rad5 { border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
.rad10 { border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}



.bg_white { background-color:#fff; }
.bg_black{ background-color:#000; }


.p_line { background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0; padding:0 0.5rem ; margin:0 0.5rem ;  }
.p_line2 { background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #a8eaff 0% ) repeat scroll 0 0; padding:0 0.5rem ; margin:0 0.5rem ; }
.p_line3 { background:rgba(0, 0, 0, 0) linear-gradient(transparent 50%, rgba(255,10,0,0.3) 0% ) repeat scroll 0 0; padding:0 0.5rem ; margin:0 0.5rem ;}

/* PADDING MARGIN */
.pad0 {		padding:0;}
.pad5 {		padding:5px;}
.pad5t { padding-top:5px; }
.pad5b { padding-bottom:5px; }
.pad5r { padding-right:5px; }
.pad5l { padding-left:5px; }
.pad10 {	padding:10px;}
.pad10l {	padding-left:10px;}
.pad15l {	padding-left:15px;}
.pad10t {	padding-top:10px;}
.pad10b {	padding-bottom:10px;}
.pad10r {	padding-right:10px;}
.pad5bt { padding-top:5px; padding-bottom:5px;}
.pad10bt { padding-top:10px; padding-bottom:10px;}
.pad20bt { padding-top:20px; padding-bottom:20px;}



.mad0 { margin:0; }
.mad5 { margin:5px; }
.mad10 { margin:10px; }
.mad5bt { margin-top:5px; margin-bottom:5px;}
.mad10bt { margin-top:10px; margin-bottom:10px;}
.mad10t { margin-top:10px; }
.mad10b { margin-bottom:10px; }
.mad10rl  { margin-left:10px; margin-right:10px;}
.mad10ll  { margin-left:10px; }
.mad5r {  margin-right:5px;}
.mad5t {  margin-top:5px;}
.mad5b {  margin-bottom:5px;}

.madta { margin-top:auto; }

.mpad5 { padding:5px; margin:5px; }
.mpad10 { padding:10px; margin:10px; }

.mad10h { margin-right:10px ; margin-bottom:10px; }
.mad20h { margin-right:20px ; margin-bottom:20px; }

/* HOVER OPACITY */
.hover_75 {  filter: alpha(opacity=75);   -moz-opacity:0.75;   opacity:0.75 }
.hover_75:hover {  filter: alpha(opacity=100);   -moz-opacity:1.0;   opacity:1.0; }
.hover_75b {  filter: alpha(opacity=100);   -moz-opacity:1.0;   opacity:1.0; }
.hover_75b:hover { filter: alpha(opacity=85);   -moz-opacity:0.85;   opacity:0.85  }
.opa_75 { filter: alpha(opacity=75);   -moz-opacity:0.75;   opacity:0.75 }
.opa_50 { filter: alpha(opacity=50);   -moz-opacity:0.5;   opacity:0.5 }

.tr_hover:hover td, .tr_hover:hover th{ background-color:rgba(40,70,155,0.07); }
.tr_enable{ background-color:rgba(0,150,250,0.05); }
.tr_orange{ background-color:rgba(255,232,140,0.2); }
.tr_disable { background-color:rgba(100,100,100,0.3); }
.tr_disable2 { background-color:rgba(100,100,100,0.2); opacity:0.5;}
.tr_lock { background-color:rgba(100,255,100,0.1); }
.tr_through { text-decoration: line-through solid red; background-color:#ccc; }




/*### IMG */

img.gray{filter: gray; -webkit-filter: grayscale(80%);}
img.gray:hover{filter: none;-webkit-filter: grayscale(0%);}
img.gray2{filter: none; -webkit-filter: grayscale(0%);}
img.gray2:hover{filter: gray;-webkit-filter: grayscale(100%);}

/*#### MARK */

.blue_mark {background-color:#3399ee;color:white;padding:2px 5px;display:inline-block;}
.blue_mark2 {	background-color:#99ccff;color:white;padding:2px 5px;display:inline-block;}
.red_mark {background-color:#cc3333;color:white;padding:2px 5px;display:inline-block;}
.green_mark {	background-color:#339933;color:white;padding:2px 5px;display:inline-block;}
.silver_mark {background-color:#777777;color:white;padding:2px 5px;display:inline-block;}
.silver_mark2 {background-color:#f5f5f5;color:#ccc;padding:2px 5px;display:inline-block;}
.silver_mark3 {background-color:#f5f5f5;color:#777;padding:2px 5px;display:inline-block;}
.silver_mark4 {background-color:rgba(0,0,0,0.3);color:#fff;padding:2px 5px;display:inline-block;}
.brown_mark {background-color:brown;color:white;padding:2px 5px;display:inline-block;}
.orange_mark {background-color:#ffa500;color:white;padding:2px 5px;display:inline-block;}
.purple_mark {background-color:#800080;color:white;padding:2px 5px;display:inline-block;}
.yellow_mark {background-color:#ffff00;color:darkorange;padding:2px 5px;display:inline-block;}
.cyan_mark {background-color:#00ffff;color:blue;padding:2px 5px;display:inline-block;}
.snow_mark {background-color:ghostwhite;color:skyblue;padding:2px 5px;display:inline-block;}
.white_mark {background-color:rgba(255,255,255,0.7);color:darksilver;padding:2px 5px;display:inline-block;}


.label
{
	color:rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.01);
	padding:2px 5px; display:inline-block;
}




/* BOX BORDER */

.box_border {
	box-shadow: 5px 5px 15px 3px #ddd;
	border:3px solid white;
}
.box_border2 {
	border: 2px solid deepskyblue;
	box-shadow: 0px 0px 10px skyblue;
}
.box_border3 {
	border:1px solid #aaa;
	box-shadow: 2px 2px 5px #ddd;
	margin:0.3em;
	border-radius:3px;
}


/* BOX */








.atn {
  padding: 1rem 2rem;
  margin:1rem;
  color: #fff;
  border-radius: 100vh;
  letter-spacing:0.2em;
  background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
  background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
  background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);

}


.atn2 {
  padding: 0.7rem 2rem;
  color: #fff;
  background-color:#ee2737;
  border-radius: 100vh;
  letter-spacing:0.2em;
}
.atn2:hover{
  color: #fff;
  background-color:#ff2737;
	text-shadow:0px 0px 10px #fff;
	text-decoration:none;
}


/* ボタンのスタイル */
.btn_next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width:8em;
  max-width: 320px;
  padding: 16px 24px;
  margin:0.5em;
  font-size: 16px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #9d9579;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
  /*
  background-color: #6fa24a;
  background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
  background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
  background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);
  */

}



@media (any-hover: hover) {
  .btn_next {
		text-decoration:none;
    transition: background-color 0.2s;
  }

  .btn_next:hover {
		text-decoration:none;
    background-color: #54802f;
  }
}








/*### INPUT */


.tbl_graph {
	border-collapse:collapse;
	margin:auto;
}
.tbl_graph tr {
	background-color:rgba(0,150,255,0.1);
	font-family: 'arial',sans-serif;
}
.tbl_graph tr:nth-child(2n)  { }
.tbl_graph tr:nth-child(2n+1) { background-color:rgba(0,150,255,0.05);}
.tbl_graph th {
	font-weight:normal;
	padding:0.5em 1em;
	vertical-align:top;
	min-width:4em;
	text-align:left;
	font-size:small;

}
.tbl_graph td {
	font-family: 'Verdana',serif;
	padding:0.2em;
	vertical-align:middle;
	font-size:20pt;
	color:rgba(0,30,100,0.75);
	text-align:right;
	font-weight:bold;
}




/*### ANIME */


/*### UL PAGER */




.ul_flex {
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	justify-content: center;
	box-sizing: border-box;
	flex-direction:row;
	flex-wrap: wrap;
	margin:0.5em ;
}

@media screen and ( min-width: 641px )
{
	.ul_flex li { 
		min-width: 220px; min-height:90px;
		border-bottom:1px solid #eee;border-right:1px solid #eee;  margin: 0.2em; padding:0.3em; 
	 }
	.ul_flex li:hover { 
		box-shadow:0px 0px 20px #ddeeff;
	 }
}
@media screen and (max-width:640px)
{
	.ul_flex li { width:100%; border-bottom:1px solid #ccc;border-right:1px solid #ccc; margin: 0.5em;  padding:0.4em; min-height:4em; }
}
.ul_flex li:hover { box-shadow: 0px 0px 15px rgba(3,3,3,0.2);}




.ul_flex2 {
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	justify-content: center;
	box-sizing: border-box;
	flex-direction:row;
	flex-wrap: wrap;


}
.ul_flex2 li {
	min-width:100px;
	max-width:100%;
	display:inline-block;
	padding:0.3em 1em;
	background-color:background-color:rgba(255,255,255,0.3);
	vertical-align:middle;
	margin:0.1em;
}
.ul_flex2 li:first-child {
}







/*### BTN */

.btn_update {
	text-align:center;
	padding:0.5em 1em;
	box-shadow: 0px 0px 5px  rgba(0,0,0,0.1) inset ;
	background-color:#ddd;
	cursor:pointer;
	border:2px solid #ccc;
	letter-spacing:0.1em;
	border-radius:3px;
    -moz-transition: all 0.5s ease 0s ;
    -webkit-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
}

.btn_update:hover {
	background-color:#eee;
	box-shadow: 0px 0px 10px 5px skyblue ;
	border:2px solid skyblue;
	text-shadow:0px 0px 5px #ccc;

}



.btn_more {
	text-align:center;

	color:#333;
	padding:5px 5px 5px 5px;
	border-bottom:3px solid #ccc;
	text-shadow:0px 0px 5px #888;
}

.btn_more:hover {
	cursor:pointer;
	background: rgba(0,0,0,0.1); 

}

.box_more {
	margin: 0px 0px 10px 0px ;
	padding:5px;
	background: rgba(0,0,0,0.05); 

}

	




.btn_login {
	margin:3px;
	padding:5px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ddd;
	overflow:hidden;
	cursor:pointer;
}
.btn_login:hover {
	margin:5px;
	padding:10px;
	color:white;
	font-weight:bold;
	font-size:large;
	text-decoration:none;
	opacity:0.9;
}


.btn_order {
	display:inline-block;
	cursor:pointer;
	border:1px solid #aaa;
	border-radius:3px;

	margin:0.2em;
	padding:0.4em 0.8em;
	color:#222;
	font-weight:bold;
	text-align:center;

	background: #ffaf4b;
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%);
	background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 );
	
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    transition: .4s;
}
.btn_order:hover {
	color:#000;
	
	background: #ffc57f;
	background: -moz-linear-gradient(top, #ffc57f 0%, #ff8c00 100%);
	background: -webkit-linear-gradient(top, #ffc57f 0%,#ff8c00 100%);
	background: linear-gradient(to bottom, #ffc57f 0%,#ff8c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc57f', endColorstr='#ff8c00',GradientType=0 );

}


.btn_order2 {
	display:inline-block;
	cursor:pointer;
	padding:0.5em 2em;
	color:#111;
	text-align:center;

    transition: .4s;
    border-radius:5px;
    
	background-color: #f3981d; 
	background-image: -webkit-linear-gradient(25deg,transparent 20%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.3) 60%,transparent 60%);
	background-image:         linear-gradient(25deg,transparent 20%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.3) 60%,transparent 60%);
	background-repeat: no-repeat;
	border:2px solid orange;
    box-shadow:  0 2px 3px rgba(0, 0, 0, 0.11);
    font-weight:bold;

}
.btn_order2:hover {
	filter:contrast(130%);
	border:2px solid orange;
	color:#222;
    box-shadow:none;
	
}


.btn_insert {
	display: inline-block;
	padding: 0.2em 1.5em;
	text-decoration: none;
	color: rgba(255,255,255,0.8);
	border: solid 2px transparent;
	border-radius:  50px;
	transition: .4s;
	cursor:pointer;
	background: #0094e4;
	letter-spacing:0.2em;
}
.btn_insert:hover {
	background-color:#00BE02; /*rgba(55,155,255,0.2);*/
	color: white;
	text-shadow:0px 0px 5px #fff;
	box-shadow:10px 10px 15px inset rgba(200,250,200,0.2), 0px 0px 3px rgba(0,0,0,0.2);
	border: solid 2px #ffffff;

}


.btn {
	display:inline-block;
	text-decoration: none;
	color: #fff;
	background-color:#3879D9;
	border:none;
}

.btn:hover {
	background-color:#1859D9;
	color:white;
	cursor:pointer;
}


a.btn {
	display:inline-block;
	text-decoration: none;
	color: #fff;
	background-color:#3879D9;
}

a.btn:hover {
	background-color:#1859D9;
	color:white;
}


.btn3 {
	min-width:140px;
	background-color:rgba(93,39,26,0.8);
	color: white;
	padding: 0.5em;
	margin:5px;
	display:inline-block;
	text-decoration:none;
	border-radius:10px;
	letter-spacing:0.3em;
	text-align:center;
	border-radius: 40% 70% 40% 70%/50% 50% 50% 60%;

}
.btn3:hover {
	background-color:rgba(93,39,26,0.7);
	cursor:pointer;
}
a.btn3 {
	color: white;
	
}


.btn4 {
	background-color:rgba(0,0,0,0.02);
	color: #888;
	margin:2px ;
	text-decoration:none;
	padding:0.5em 0.3em 0.5em 0.5em;
	cursor:pointer;
	border-radius: 10px;
	transition: all 0.5s ease 0s ;
	
}
.btn4::before {
	content:'▶ ';
	color:rgba(0,0,0,0.1);
	transition: all 0.5s ease 0s ;
}

.btn4:hover {
	text-decoration:none;
	background-color:rgba(0,0,150,0.04);
	box-shadow:0px 0px 10px inset #eee ;
	color:navy;
}
.btn4:hover::before {
	color:navy;
}



.btn5 {
	color: #5d271a;
	text-shadow:0px 0px 12px #777;
	text-decoration:none;
	padding:1em;
	margin:0.5em;
	display:inline-block;
	background-color:rgba(93,39,26,0.1);
	border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
.btn5:hover {
	color: white;
	text-shadow:0px 0px 12px #fff;



}




.btn6 {
	background-image: url('/icon/config_24.png') ;
	background-repeat: no-repeat;
	background-position:3px 1px ;
	text-indent:2em;
	color: #555;
	overflow:visible;
	border-bottom:2px solid #ccc;
	text-shadow:0px 0px 12px #777;
	margin:0px 3px;
	text-decoration:none;
	padding:8px 8px;
	display:inline-block;
	border-radius:5px 5px 0px 0px;
	cursor:pointer;

    -moz-transition: all 0.3s ease 0s ;
    -webkit-transition: all 0.3s ease 0s ;
    -o-transition: all 0.3s ease 0s ;
    -ms-transition: all 0.3s ease 0s ;
}
a.btn6 { color:#555; }
.btn6:hover {  background-color:#ccc;}


.btn7 {

	margin:auto;
	display: inline-block;
	padding: 0.3em 0.6em;
	text-decoration: none;
	border-bottom: solid 1px rgba(255,158, 120, 0.5);
	font-weight: bold;
	background-color:rgba(255,158, 120, 0.1) ;

}
a.btn7 {  }
.btn7:hover {  background-color:rgba(255,158, 120, 0.4) ; }


div.bt{
	display:inline-block;
	padding:3px 6px;
	margin:5px;

	background: #fbfaf4;
	background: -webkit-gradient(linear, left top, left bottom, from(#e3dfde), to(#fbfaf4));
	background: -moz-linear-gradient(top,  #e3dfde,  #fbfaf4);
	background: -o-linear-gradient(top,  #e3dfde,  #fbfaf4);
	background: -ms-linear-gradient(top,  #e3dfde,  #fbfaf4);
	background: linear-gradient(top,  #e3dfde,  #fbfaf4);
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 10px;

}
a.btn8,a.btn8:hover, a.btn8:visited{
	display: block;
	position: relative;
	padding: 0.5em 1em;
	color:#555;
	text-decoration: none;

	text-align: center;

	text-shadow: 0px 1px 0px #eee;
	background: #fbfaf4;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfaf4), to(#ece8e6));
	background: -moz-linear-gradient(top,  #fbfaf4,  #ece8e6);
	background: -o-linear-gradient(top,  #fbfaf4,  #ece8e6);
	background: linear-gradient(top,  #fbfaf4,  #ece8e6);
	border: 1px solid #dcd9d8;
	border-bottom: 1px solid #c1c1bd;
	-webkit-box-shadow:  0 0 5px #c7c5c1;
	-moz-box-shadow:  0 0 5px #c7c5c1;
	box-shadow:  0 0 5px #c7c5c1;

	border-radius: 10px;
}
a.btn8:hover {
	color:black;
	text-shadow:0px 0px 5px skyblue;
	background: #eee;
}
a.btn8:active{  /* クリック時 */

	-webkit-box-shadow:  0 1px 1px #cccbc9, inset 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:  0 1px 1px #cccbc9, inset 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow:  0 1px 1px #cccbc9, inset 0 1px 1px rgba(0, 0, 0, 0.3);
}



/*### CART */

.btn_cart_wrapper {
	display:table;
	border-spacing:0px;
	border-collapse:separate;

	color:#aaa;
	margin:auto;
	text-align:center;
	min-width:120px;
	padding:0.3em;
	border-radius:10px;
	border:2px solid #bbb;

	background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.1);
	cursor:pointer;

	transition-property: all;
	transition-duration: 700ms;
	transition-delay: 0s;
	transition-timing-function: ease;
	user-select: none;
	-moz-user-select: none; 
	-webkit-user-select: none;
	-ms-user-select: none;
}


.btn_cart_wrapper .label { 
	all:unset; width:auto; display:table-cell; overflow:hidden;
	vertical-align: middle;font-size:10pt; font-weight:strong; color:#555; margin:0.5em; padding:0.3em;
}
.btn_cart_wrapper .cart_num { display:table-cell;vertical-align: middle; min-width:2em;margin:0.5em; font-size: 25px; font-weight:bold; color:#aaa; }

.btn_cart_wrapper .num0 { display:table-cell;vertical-align: middle; min-width:2em;margin:0.5em;filter:grayscale(100%); opacity:0.5}
.btn_cart_wrapper .num0:hover { filter:grayscale(0%); opacity:0.8;  }

.btn_cart {  display:table-cell;padding:0.1em ;  }
.btn_cart:hover { background-image: -webkit-linear-gradient(#ccc 0%, #dadada 100%);}
.btn_cart:active { background-image: -webkit-linear-gradient(#ccc 0%, #dadada 100%);}




.li_flex { position:relative; border-radius:5px; }
.li_flex .product_no { min-width:6em; margin:0;padding:0.1em 0.2em;text-align:center;
/*	text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px,#fff 1px -1px 10px, #fff -1px -1px 10px; */
	font-weight:bold; display:inline-block;text-align:cneter; letter-spacing:0.2em;
	background-color:#fff0dd;border-radius:10px;
}


/*### BTN */
    

    
.btn_cart2 {
	position  : relative;
	text-align:center;
	display:inline-block;
	height: 50px;
	width:150px;
	border-radius: 10px;
	background-color:rgba(100,100,100,0.1);
	border-bottom: solid 2px #b5b5b5;
	
	
	background-image: url('/icon/cart2_45.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;

	
/*
	background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
*/
	cursor:pointer;
}

.btn_cart2:hover {
	border-bottom: solid 2px transparent;

}


.btn_cart2_num { 
	color:#777;
	color:blue;
	position : absolute;
	top:5px; left:35px;
	font-weight:900;
	font-size:32px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
	display:inline-block; 
	min-width:2em;

}
.btn_cart2_num:hover { 
	color:black;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);

}
.btn_cart2_trash img {
	opacity:0.2;
}
.btn_cart2_trash {
	position     : absolute;
	top:7px;right:5px;
	display:inline-block;
}
 .btn_cart2_trash:hover {
	opacity:0.8;
	transform:rotate(10deg);

}




.btn_orange{
	font-size:20px;
    color:#333;
    border:none;
    min-width:3em;
    height:3em;
    text-align:center;
	box-shadow:inset 0px 0px 15px #fff;
    background-color:#ddd;

    -moz-transition: all 0.2s ease 0s ;
    -webkit-transition: all 0.2s ease 0s ;
    -o-transition: all 0.2s ease 0s ;
    -ms-transition: all 0.2s ease 0s ;
}
.btn_orange:hover {
	color:navy;
	font-weight:bold;
	text-shadow:0px 0px 15px #333;
	box-shadow:inset 0px 0px 15px #fff;
    background-color:#ccc;

}
.btn_orange:active {
	color:blue;
	background-color:#ddeeff;
	box-shadow:0px 0px 5px #ddeeff;

}


/*### RADIO */


input[type="checkbox"].check_orange {}
input[type="checkbox"].check_orange:hover { background: #f0e68c; }
input[type="checkbox"].check_orange:checked { background: orange; }




.box_tab { }

.box_tab span{
	padding: 5px 10px;
	margin: 10px 0;
	display: inline-block;
	cursor: pointer;
	border-bottom:2px solid rgba(0,0,0,0.0);
	filter:grayscale(50%) ;
	user-select: none;
	text-align:center;
	color:#888;
}
.box_tab span:hover{
	filter:grayscale(0%) ;
}
.box_tab input[type="radio"], .box_tab input[type="checkbox"] {  border:none;display:none; }
.box_tab input[type="radio"]:checked + span, .box_tab  input[type="checkbox"]:checked + span   {
	color:black;
	filter:grayscale(0%) ;
	background: rgba(255,255,255,0.3);
	border-bottom: 2px solid deepskyblue;
	font-weight:bold;

}


.box_form {
	background-color:rgba(255,255,255,0.5);
	margin:auto ;
	padding:1em;	
	overflow:hidden;
	
}

/*### RADIO */



.radio_ex { clear:both; }
.radio_ex input{ display: none; margin:0px;}
.radio_ex label{
	display: inline-block;
	cursor: pointer;
	margin: 0px -3px;
	padding: 10px;
	background: #eee;
	color: rgba(0,0,0,0.7);
	text-align: center;
	line-height: 1;
	transition: .1s;
/*	border-left:1px solid #ccc; */
	
}



.radio_ex label:first-of-type{
	border-left: 0px;
	border-radius: 5px 0 0 5px;
}
.radio_ex label:last-of-type{
	border-right: 0px;
	border-radius: 0 5px 5px 0;
}
.radio_ex input[type="radio"]:checked + label {
	background-color: #d0ccc9;
	color: #553333;
	text-shadow:0px 0px 3px #bbb;
	font-weight:bold;
}




.radio_ex2 { clear:both; }
.radio_ex2 input{ display: none; margin:0px;}
.radio_ex2 label{
	display: inline-block;
	cursor: pointer;
	margin: 0px;
	padding: 10px;
	background: rgba(0,0,0,0.05);
	color:  rgba(0,0,0,0.5);
	text-align: center;
	line-height: 1;
	transition: .1s;
	
}
.radio_ex2 input[type="radio"]:checked + label {
	background-color: #87cefa;
	color: #3333aa;
	text-shadow:0px 0px 3px #bbb;
	font-weight:bold;
}





.search_box {
	padding:5px;
	margin:5px 0px 10px 0px;

}


.search_box .search_box_text {
 height:30px;
 border:2px solid #ccc;
 text-indent:10px;
 background-color:#eee;

}
.search_box .search_box_btn {

 height:30px;
 width:45px;
 margin-left:-50px;
 background-color:#bababa;
 border:1px solid #ccc;
 color:#555;
}
.search_box .search_box_text:focus {
	background-color:#eee;
}

/*### TAB */

.tab { position:relative; text-align:center; }




/*### FORM UPLOAD*/

form.upload img.thumb {
    margin:0px 0px 5px 0px;
    max-width:180px;
    vertical-align:bottom;
}

form.upload .upload_box label {
    display:inline-block; position:relative;
    overflow:hidden; vertical-align:middle;
    cursor:pointer;
    margin:0px;

}

form.upload .upload_box label input[type="file"] {
    position:absolute; top:3px; left:3px; cursor:pointer;
    font-size:7pt;
    text-shadow:0px 0px 5px #fff;
    opacity:0.8; -ms-filter:"alpha(opacity=0.8)";
    margin:0px;
 }
    
form.upload .upload_box label input[type="file"]:hover + .button { }

form.upload .upload_box .alt  {
	margin:0px;
	padding:0px; border:1px solid #999; vertical-align:middle; 
}

.upload_box_img { 
	border-raidus:5px;
	display:inline-block;
	width:180px;min-height:120px;
	background-color:rgba(0,0,0,0.1);
	text-align:center;
	margin:0 5px 0px 0px;padding:3px;
	overflow:hidden;
	float:left;
}
	

.upload_box_img:hover { background-color:rgba(0,0,0,0.2);  }



/*### TAG */

.tag_mark {
	display:inline-block;
	background-color:#f9f9f9;
	text-decoration:none;border-radius:5px;
	color:black;
	padding:5px ;
	margin:1px;
	min-width:4em;
}

.tag_mark a{
	color:black;
	text-decoration:none;
}



/*### SNS */

.color_twitter{ background: #55acee; }
.color_fb{ background: #3b5998; }
.color_line{ background: #09B701; }
.color_google{ background: #d64136; }



.btn_sns{
    display: inline-block;
    width: 70px;
    margin: 2px;
    padding:3px;
    border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
    text-decoration: none;
    color: #fff;
    text-align: center;
   vertical-align:middle;
   font-size:8pt;
}

.btn_sns:hover { opacity:0.5; color:white; }

input[type=checkbox].onoff {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].onoff + label.onoff_label {
	padding-left:30px;
	height:14px; 
	display:inline-block;
	line-height:14px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].onoff:checked + label.onoff_label {
	background-position: 0 -14px;
}
label.onoff_label {
	zoom:1.4;
	background-image:url(/icon/checkbox.png);
	background-repeat:no-repeat;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.ul_checklist {
	text-align:left;
}

.ul_checklist li {
	padding: 0.3em 1.5em;
	list-style-type: none!important;/*ポチ消す*/
	position: relative;
	line-height:160%;
}

.ul_checklist li:before {
  content: "✔";
  position: absolute;
  top:3px;
  left :0px; 
  font-size:x-large;/*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}





@media screen and (max-width:640px)
{
	.flex {	flex-flow: column;}
	.iflex {display:inline-flex;}
}

.flex_1 {flex: 1;}
.flex_2 {flex: 2;}
.flex_3 {flex: 3;}
.flex_4 {flex: 4;}
.flex_5 {flex: 5;}

.flex_05 { flex:0.5; }
.flex_08 { flex:0.8; }
.flex_10 { flex:1; }
.flex_12 { flex:1.2; }
.flex_15 { flex:1.5; }
.flex_20 { flex:2; }
.flex_25 { flex:2.5; }
.flex_30 { flex:3; }
.flex_40 { flex:4; }




.flex_gap5 {gap: 5px;}
.flex_gap10 {gap: 10px;}
.flex_gap15 {gap: 15px;}
.flex_gap20 {gap: 20px;}
.flex_gap30 {gap: 30px;}





@media screen and ( min-width: 521px )
{
	.flex_h {
		display:flex;
		justify-content:center;
		flex-direction: row;
		flex-wrap:nowrap;
	}
	.flex_v {
		display: flex;flex-direction: column;
	}
	
	.box_sp {
			display:inline-block;
		   max-width:80%;
	}
	.box_sp2 {
			display:inline-block;;
		   max-width:40rem;
	}

}






@media screen and ( min-width: 641px )
{
	.big_sp { font-size:12pt; }
	.big2_sp { font-size:14pt; }
	.big3_sp { font-size:16pt; }
	.big4_sp { font-size:18pt; }
	.big5_sp { font-size:24pt; }
	.sp_d_ib { display:block ; }
}
@media screen and (max-width:640px)
{
	.big_sp { font-size:9pt; }
	.big2_sp { font-size:10pt; }
	.big3_sp { font-size:12pt; }
	.big4_sp { font-size:14pt; }
	.big5_sp { font-size:18pt; }
	.sp_d_ib { display:inline-block ; }
}





.qa_detail {
    margin-bottom: 10px;
    border: none;
    border-radius: 25px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.qa_detail summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa_detail summary::before,
.qa_detail p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa_detail summary::before {
    color: #75bbff;
    content: "Q";
}

.qa_detail summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa_detail[open] summary::after {
    transform: rotate(225deg);
}

.qa_detail p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa_detail[open] p {
    transform: none;
    opacity: 1;
}

.qa_detail p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}


.qa_detail2 {
	margin:8px;
	border-radius: 25px;
	box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
	border:1px solid #eee;
	background-color:rgba(0,0,0,0.02);

}

.qa_detail2 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em;
    font-weight: 600;
    cursor: pointer;
    
}

.qa_detail2 summary::before,
.qa_detail2 div::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa_detail2 summary::before {
    color: #75bbff;
}

.qa_detail2 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa_detail2[open] summary::after {
    transform: rotate(225deg);
}

.qa_detail2 div {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa_detail2[open] div {
    transform: none;
    opacity: 1;
}

.qa_detail2 div::before {
    color: #ff8d8d;
    line-height: 1.2;
}




.qa_detail3 {
	margin:4px;
	border-top:1px solid #eee;
}

.qa_detail3 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em;
    cursor: pointer;
    
}

.qa_detail3 summary::before,
.qa_detail3 div::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa_detail3 summary::before {
}

.qa_detail3 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa_detail3[open] summary::after {
    transform: rotate(225deg);
}

.qa_detail3 div {
    position: relative;
    transform: translateY(-10px);
    transition: transform .5s, opacity .5s;

}

.qa_detail3[open] div {
    transform: none;
    opacity: 1;
}

.qa_detail3 div::before {
    color: #ff8d8d;
    line-height: 1.2;
}


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

	.qa_detail3 div {
    padding: .3em ;

	}	
}


.quote_003 {
    position: relative;
    padding: 1em 3em;
    color: #333333;
    background-color: #f2f6fc;
}

.quote_003::before {
    display: inline-block;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 1.5em;
    height: 1.5em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%232589d0%22%20d%3D%22M21.8%2012H18V9c0-1.7%201.3-3%203-3h.4c.6%200%201.1-.5%201.1-1.1V2.6c0-.6-.5-1.1-1.1-1.1H21c-4.1%200-7.5%203.4-7.5%207.5v11.2c0%201.2%201%202.2%202.2%202.2h6c1.2%200%202.2-1%202.2-2.2v-6C24%2013%2023%2012%2021.8%2012zM8.2%2012H4.5V9c0-1.7%201.3-3%203-3h.4C8.5%206%209%205.5%209%204.9V2.6c0-.6-.5-1.1-1.1-1.1h-.4C3.4%201.5%200%204.9%200%209v11.2c0%201.2%201%202.2%202.2%202.2h6c1.2%200%202.2-1%202.2-2.2v-6c.1-1.2-.9-2.2-2.2-2.2z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}


.quote_003 cite {
    display: block;
    color: #737373;
    font-size: .8em;
    text-align: right;
}