@charset "utf-8";
/* CSS Document */

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

}

body {
	margin: 0px;
	padding: 0px;
	color: #444444;
	font-size: 10pt;
	line-height: 1.4;
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

	text-align: center; /* 古いIE対策 */
	background: #e6ecf0;
	box-sizing: border-box;
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}

/*### header */
header {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	clear:both;
	text-align:center;
	margin-bottom:1em;
	overflow:hidden;
}
footer { clear:both;  padding:100px 10px 100px 10px; color:#999; }


.ul_header { text-align: center; display:table;}
.ul_header li{
	display:table-cell;
	vertical-align:middle;
	padding:0.3em;
}


a { color: #0066CB; }
a:hover{ color:red ;}
a:active{ color:red ;}
.dec_none { text-decoration:none; }
.dec_none a { text-decoration:none; }
.dec_hover { text-decoration:none; }
.dec_hover:hover { text-decoration:underline; }



.logo { margin:0 1em 0 0;padding:0px;height:40px;overflow:hidden; }
.logo a { margin:0;padding:0;}
.logo a:hover { background-color:none;}
.hover:hover { cursor:pointer; color:#5555cc; }
.hover2:hover { box-shadow: 0px 0px 10px #fff; color:#fff; cursor:pointer; text-shadow:0px 0px 10px #fff; }


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



	#container2 {
		display:inline-block;
		clear:both;
		width:1024px;
		text-align:left;
	/*	box-shadow:0px 5px 15px #ccc;*/
	}

	.box_header {
		width:1024px;
		padding:0.1em 0;
		display:inline-block;
		text-align:center;
	}


/*#### block */
		
	.left_side {
		width:68%;
		max-width:1000px;
		float:left;
		text-align:left;
		clear:left;
		background-color:#fafafa;
		padding-bottom:5em;
		margin-bottom:1em;
	}
	.right_side {
		width:30%;
		padding-left:1em;
		max-width:340px;
		float:left;
		text-align:right;
		z-index:1;
		clear:right;
	}


/*#### harf */

	.harf2 { width:49%; float:left; }
	.harf4_1 { width:23%; display:inline-block;}
	.harf3_2 { width:64%; float:left;  }
	.harf3_1 { width:32%; float:left;  }

	.test { font-size:24pt; color:blue; }
	.test::before { content: "PC"; }
	.pcfl_spfr { float:left ; }
	.pctr_sptc { text-align:right; ; }
	.pctr_sptl { text-align:right; ; }
	.pc_hidden { display:none; }
		

}

/*### スマホ */
@media screen and (max-width:640px)
{
	#container_ {
		margin:auto;
		text-align:center;	
		display:block;
		clear:both;
	}

	
	#container2 {
		display:block;
		clear:both;
		text-align:left;
	}

	.box_header {
		padding:0.1em 0;
		display:block;
		text-align:center;
	}

/*#### block */
	.center_side {
		clear:both;
		width:100%;
		text-align:left;
		overflow:hidden;
	}
	.left_side {
		clear:both;
		text-align:left;
		overflow:hidden;
		background-color:#fafafa;
		padding-bottom:5em;
		margin:0.5em;
		margin-bottom:1em;
	}
	.right_side {
		clear:both;
		width:100%;
		min-height:50px;
		text-align:left;
		overflow:hidden;
	}

	.sp_hidden {
		display:none;
		background-color:#ccc;
	}

/*#### harf */
	.harf2 { width:100%;  }
	.harf4_1 { width:100%; }
	.harf3_2 { width:100%;   }
	.harf3_1 { width:100%;   }

	.pcfl_spfr { float:right ; }
	.pctr_sptc { text-align:center; ; }
	.pctr_sptl { text-align:left; ; }


	
}

@media screen and (max-width:640px)
{
	.ul_sp {
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
		overflow-scrolling:touch;
		white-space:nowrap;		
	}
}







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


.input { background-color:#fff; border: 1px solid #ddd; padding:3px; border-radius:3px;}
.input:focus { background-color:#fff; border: 1px solid #ccc;}

.input2 { background-color:lightyellow; border: 1px solid #ddd; padding:3px; border-radius:3px;}
.input2:focus { background-color:yellow; border: 1px solid #ccc;}


.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;}


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





a:hover.a_select  span { background-color:#D1E1FA; color:#333; cursor:pointer; }
a:link.a_select  span { color:#333; text-decoration:none;}
a:visited.a_select  span { color:#333; text-decoration:none;}

.pointer { cursor:pointer }

img { background:transparent; border-style: none; }
.img {	object-fit: cover;}
/*
.img { box-shadow:0px 0px 7px #999; }

.img:hover { box-shadow:0px 0px 7px skyblue; }
*/


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

.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;}

.brown { color:brown;}
.black { color:black; }
.mini { font-size:8pt; line-height:120%;}
.normal { font-size:10pt; line-height:120%;}
.big { font-size:12pt; }
.big2 { font-size:14pt; }
.big3 { font-size:16pt; }
.big4 { font-size:18pt; }
.strong { font-weight:bold ; }
.normal2 { font-weight:normal ; }
.italic { font-style:italic; }
.italic2 { font-style: oblique; }
.a_none { text-decoration: none; }

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




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


.rad5 { border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.rad10 { border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.rad60p { border-radius:60%;overflow:hidden;}
.rad50p { border-radius:50%;overflow:hidden;}



li { list-style-type:none; }


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

.lh150 { line-height:150%; }


.server_ret { position:fixed;bottom:0;left:0;width:100%;padding:0.2em;min-height:1.2em; 
	background-color:rgba(0,0,0,0.8);z-index:9;color:white; }

.bg_silver {
	background-color:#eee;
}

.bg_shadow {
 -moz-box-shadow:1px 1px 3px 1px #eeeeee;
 -webkit-box-shadow:1px 1px 3px 1px #eeeeee;
}


.w100p { width:100%; }
.w95p { width:95%; }
.w90p { width:90%; }
.w85p { width:850%; }
.w80p { width:80%; }


table.tbl2 {
	border-collapse:collapse;
	border : 1px solid #ccc;
	border-spacing: 2px;
	padding: 2px;
	margin:0 auto;

}


table.tbl2 th {
	background-color:#f6f6f6;
	margin:8px;
	padding:8px 4px;
	vertical-align:top;
	border-bottom:1px solid #ddd;
	min-width:5em;

}
table.tbl2 td {
	background-color:#f5f5f5;
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}




table.tbl3 {
	border-collapse:collapse;
/*
	border-top : 1px solid #eee;
	border-bottom : 1px solid #eee;
*/
	border-spacing: 2px;
	padding: 2px;
	margin:10px auto;

}


table.tbl3 th {
/*
	background-color:#f6f6f6; 
	border-bottom:1px solid #ddd;

*/
	padding:10px 2px 1px 2px;
	vertical-align:top;
	min-width:5em;
	text-align:left;

}
table.tbl3 th:before {

}

table.tbl3 td {
	background-color:#f0f0f0;
	padding:8px;
	vertical-align:top;
	border-radius:3px;
	border:1px solid #e5e5e5;
	box-shadow:5px 0px 10px #f0f0f0;
}



table.tbl4 {
	border-collapse:collapse;
	border-top : 1px solid #eee;
	border-spacing: 2px;
	padding: 2px;
	background-color:#fafafa;

}


table.tbl4 th {
	background-color:#fafafa;
	border-top : 1px solid #ddd;
	padding:10px;
	vertical-align:top;
	min-width:5em;

}
table.tbl4 td {
	background-color:#fefefe;
	padding:10px;
	vertical-align:top;
	border-top : 1px solid #ddd;
}


.width_100p { width:100%; }







#fbox {
  padding:0;
}

.fixed_top{
	position:fixed;
	top:10px;
	z-index:-1;
	overflow:hidden;
	width:340px;
}


.fixed_bottom{
	position:fixed;
	bottom:10px;
	z-index:-1;
	overflow:hidden;
	width:340px;
}

#fixed-box {
	width:330px;
	padding:0;
	clear:both;
}

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

.fixed2{
  position:fixed;
  top:0px;
}




/*********************************************************************
body
*********************************************************************/

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

.ul_pager li {
	display:inline-block;
	border:1px solid #eee;
	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;
}




.harf1 {
	width:66%;
	float:left;
	padding:2px;
}
.harf3 {
	width:32%;
	float:left;
	padding:2px;
}

.harf2 {
	width:48%;
	float:left;
	margin-left:5px;
}









.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; }
.mad5r {  margin-right:5px;}
.mad5t {  margin-top:5px;}
.mad5b {  margin-bottom:5px;}


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


.title8_2 {
	padding:8px;
	color:white;
	overflow:hidden;
	text-shadow:0px 0px 10px #fff,  0px 0px 2px #888;
		
		letter-spacing: 0.2em;
		font-size:large;
	background-color:#111122;
}


.title8_3 {
	padding:18px 10px 3px 20px;
	margin-left:-20px;
	margin-top:12px;
	color:white;
	overflow:hidden;
	border-bottom:5px solid #ddd;
	border-radius: 3em .7em 5em 0em / .7em 1em 0.1em 0.5em;
	box-shadow:-5px 10px 3px #f5f5f5;
	letter-spacing: 0.3em;
	color:black;

	font-weight:bold;
	min-width:250px;
	clear:both;

}

.title8_3:first-letter{
    font-size: 24pt;
	font-weight:bold;
}
.title8_3 a {
	display:block;
	padding:5px;
	color:black;
	text-decoration:none;
}
.title8_3:hover {
	background-color:#ddd;
}

.title8_3 a:hover {
	color:orange ;
		background-color:#ddd;

}
.title8_3 a:after {
	content:">>";
	font-size:10pt;
	color:#777;
		letter-spacing: 0.1em;
}

.title8_4{
	letter-spacing:0.5em;text-shadow:0px 0px 3px #eee;
}


.title9 {
	border-bottom:1px solid #777;
	margin-top:1em;
	margin-bottom:0.3em;
	
	opacity:0.5;
}

a.link_mark:before {
	content:">> ";
	font-size:10pt;
	color:#aaa;
}



li.circle:before {
	content:"● ";
	color:#fff;
	margin-left:1em;
	text-shadow:0px 0px 5px #fff;

	font-size:6pt;

}

li.square2{

	font-weight:bold;
	color:#444;
	clear:both;
	margin-left:1em;
	margin-top:5px;
}
li.square2:before {
	  content:"■";
	  color:#ccc;
	  margin-left:-1em;
	  margin-right:5px;
	  font-size:9pt;
}






/*********************************************************/






.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:#aaa;color:white;padding:2px 5px;display:inline-block;
}
.play_movie:hover { filter:alpha(opacity=70);opacity:0.70;-moz-opacity:0.70; color:black;}

.image_carousel {
	padding: 15px 5px 15px 20px;
	position: relative;
	background-color:#000;
	box-shadow: 0px 0px 10px #000;
}





.clearfix {
	float: none;
	clear: both;
}

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

.stamp_red2 {
	display:inline-block;
	color:red;
	border:1px solid red;
	border-radius:50%;padding:5px;
}


.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 ;
}


.anime li {
    -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 ;
}

.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 ;
}


a.button3 {
    background-color:#000;
	color:#fff;
	text-shadow: 0px 0px 3px #eee;
	border:2px solid #fff;
    padding:5px;
    margin:3px;
    cursor:pointer;


	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
    text-decoration:none;

}
a.button3:hover {
    color:white;
    text-shadow:0px 0px 3px #fff;
    background-color:#666;
	text-shadow: 0px 0px 3px #eee;

}


.frm_search {
	box-sizing:border-box;
	background: rgba(0,0,0,0.1);

	background-image: url("/icon/search_32.png");
	background-repeat:no-repeat;
	background-position: 10px center;
	overflow:hidden;
	background-size:20px 20px;  
	border-radius:3px;
}
.frm_search input[type="text"]{
	color:#333;	margin-left:30px;
	background: transparent;
	border: none ;
	height: 35px;
	padding-left:1em;

}
.frm_search input[type="text"]:focus {
	color:#333;
	outline: 0;
}


.frm_search input[type="submit"]{
  cursor: pointer;
  border: none;
  background: #3879D9;
  color: #fff;
  outline : none;
  width: 3.0em;
  height: 35px;
}


/*--### ul_list */



ul.list li { padding-left:5px; clear:both; overflow:hidden;}
ul.list li:nth-child(2n+1) { background: #f0f0f0;}
ul.list li:nth-child(2n) { background: #ffffff;}


/*--### POS */

.pos_a {position:absolute;}
.pos_r {position:relative;}
.pos_f {position:fixed;}
.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; }




.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%);

}



.do_good {
	background-color:rgba(3,169,244,0.4);
	border-radius:50%;
	border:3px solid #fff;
}
.do_stock {
	background-color:rgba(3,169,244,0.4);
	border-radius:50%;
	border:3px solid #fff;
}


/*### UL_LIST */
.ul_list li {
	overflow:hidden;
	padding:1em;
    -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:1px solid #ddd;
}
.ul_list li:hover {	background-color:#eee;}
.ul_list li.select { background-color:#f0f0f0;}
.ul_list li a {	display:block;	color:navy;}

.ul_list2 li {
	overflow:hidden;
	padding:1em 1em;
	font-size:12pt;
	-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-top:1px solid #ddd;
	background-color:#fafafa;
}
.ul_list2 li:hover { background-color:#f0f0f0; }
.ul_list2 li.select { background-color:#f0f0f0;}
.ul_list2 li a { color:#444; text-decoration:none;}
.ul_list2 li a:hover {	text-decoration:underline;}



.ul_tab li {
	display:inline-block;
	border:2px solid #eee;
	padding:3px 6px;
	margin:2px;
	color:#555;
	border-bottom:3px solid transparent;
}
.ul_tab li:hover {	color:#555; border-bottom:3px solid skyblue; }
.ul_tab li a { text-decoration:none; color:#555; }
.ul_tab ._select{ border-bottom:3px solid skyblue;}

.li_none { background-image:none; }


.ul_tag {
}
.ul_tag li {
	all: initial;
	display:inline-block;
	padding:1px ;
	margin:1px ;
	border-radius:3px;
	font-size:small;
}

.ul_tag li:hover {
	color:black;
}

.ul_tag li a {
	padding:4px ;
	text-decoration:none;
	display:block;
	color:#3399cc;
	cursor:hover;
	border-radius:3px;
}

.ul_tag li a:hover {
	text-decoration:none;
	background-color:rgba(100,150,200,0.1);
	color:navy;
}

.ul_tag li a:before { content:"#"; 	color:#6699cc; }

.li_none { background-image:none; }

.ul_tag2 li {
	display:inline-block;
	background-color:rgba(100,100,100,0.1);
	padding:4px 4px;
	margin:3px 3px;
	border-radius:3px;
	color:black;
}
.height_1em { height:1.2em; overflow:hidden;}

.ul_tag2 li:hover {
	background-color:rgba(100,100,100,0.2);
	color:black;
	
}

.ul_tag2 li a {
	text-decoration:none;
	display:block;
	color:black;
}

ul.ul_tag3  {
	margin:5px 0px 10px 0px;
}

.ul_tag3 li {
	display:inline-block;
	padding:4px 4px;
	margin:3px 3px;
	color:white;
	background-repeat: no-repeat;
	background-image:url('/icon/tag2_16.png') ;
	background-position-x:3px;
	background-position-y:10px;
	text-indent:20px;
	font-size:15pt;
	background-color:#eee;
	border-radius:5px;
	box-shadow:0px 0px 10px #f0f0f0;
}

.ul_tag3 li:hover {
	background-color:skyblue;
	color:black;
	box-shadow:0px 0px 15px skyblue;
	
}

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

}







ul.ul_pankuzu  {
	margin:2px 10px 10px 0px;
	text-align:left;
}

.ul_pankuzu li {
	display:inline-block;
	padding:3px 5px;
	margin:1px;
	color:#777;
	font-size:12pt;

}
.ul_pankuzu a:before {
	  content:"> ";
	  color:#ccc;
	  font-size:6pt;
}

.ul_pankuzu li:hover {
	background-color:skyblue;
	color:black;
	box-shadow:0px 0px 15px skyblue;
	
}

.ul_pankuzu li a {
	text-decoration:none;
	display:block;
	color:#aaa;

}
.ul_pankuzu li a:hover {
	color:#555;
}






.ul_menu {
	margin:0px 0px 20px 0px ;
	padding:0px;
	font-size:11pt;
	clear:both;
	overflow:hidden;
	background-color:#eaeaea;

}

.ul_menu li {
	float:left;
	margin:0px;
	padding:5px;
	background-color:#eaeaea;
	min-width:5em;
	text-align:center;
	border-right:1px solid #fff;
	border-bottom:3px solid #eaeaea;
}


@media screen and (max-width: 480px) {
	.ul_menu li {
		padding:3px;
		min-width:4em;

	}
}

.ul_menu li.select {

	background-color:#555;
	color:#fff;
	border-bottom:3px solid orange;
	

}
.ul_menu li a {
	display:block;
	text-shadow:0px 0px 5px #aaa;
	padding:0px 10px;
}

.ul_menu li.select a {
	color:#fff;
}

.ul_menu li:hover {
	background-color:#333;
	color:#fff;
	border-bottom:3px solid #aaa;

}

.ul_menu li:hover a {
	color:#fff;
}

.ul_menu li:last-child {
	border-right:none;
}

.ul_menu li a{
	text-decoration:none;
	color:#333;
}

.ul_menu li.select2 {
	background-color:#000;
	color:#fff;
	text-shadow:0px 0px 5px #fff;
	border-top:3px solid red;
}
.ul_menu li.select2 a {
	color:#fff;
}
.ul_menu li.select2:hover {
	background-color:#999;
	color:#fff;
	border-top:3px solid orange;
	border-bottom:none;
}

ul_ib li { display:inline-block; }




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%);}

.box_photo {
	
	border:10px solid #fff;
	border-radius:5px;
	background-color:#fff;
	display:inline-block;
	position:relative;

}


.box {
	background-color:rgba(255,255,255,0.5) ;
}
.box .title {

}


.box26 {
	position: relative;
	margin: 2em 0;
	padding: 1em 0.5em;

}
.box26 .title {
	position: absolute;
	display: inline-block;
	top: -15px;
	left: 0px;
	padding: 5px 10px;
	line-height: 1;
	border-bottom:1px solid #ccc;
	color: #aaa;
	font-weight: bold;
	border-radius:3px 3px 0 0;
}




a.tooltip {
	color:#fff;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	position:relative;
}








.tr_hover:hover td, .tr_hover:hover th{
	background-color:#eee;
}

.tab {overflow:hidden;}
/*
.tab li {background:#ccc; padding:5px 25px; float:left; margin-right:1px;cursor:pointer;}
.tab li.tab_select {background:#eee;}
*/
.tab_body {background:#eee; overflow:hidden; padding:3px;}
.tab_hide {display:none;}



.ul_radio {
    margin:auto;
    padding:auto;

}
.ul_radio li {
	position:relative;
    cursor:pointer;
    list-style:none;
    margin-right:3px;
    margin-top:3px;
    overflow:hidden;
    display:inline-block;
}


.ul_radio label {
    display:inline-block;
    min-width:3em;
    text-align:center;
    background:#e5e5e5;
    padding:5px;
    cursor:pointer;
    border-radius:5px;
}

.ul_radio label:hover {
    background:#ddeeff;

}

.ul_radio input[type=radio] {
    position:absolute;
    opacity:0;
    width:100%;
    height:100%;
    margin:0;
    cursor:pointer;
}
.ul_radio input[type=radio]:checked {
    cursor:auto;
}
.ul_radio input[type=radio]:checked + label {
    color:white;
    text-shadow:0 -1px 0 rgba(0,0,0,0.2);
    background:darkorange;
 	box-shadow:0px 0px 3px orange;
}



.ul_radio input[type=checkbox] {
    position:absolute;
    opacity:0;
    width:100%;
    height:100%;
    margin:0;
    cursor:pointer;
}
.ul_radio input[type=checkbox]:checked {
    cursor:auto;
}
.ul_radio input[type=checkbox]:checked + label {
   color:white;
    text-shadow:0 -1px 0 rgba(0,0,0,0.2);
    background:orange;
}





.select_option {
	overflow:hidden;
	background-color:#fff;
	border:skyblue;
}


.select_option option {
	padding:5px 10px;
	border-bottom:1px solid #ccc;
}

/*### BTN */


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

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

.btn2 {
	display:inline-block;
	text-decoration: none;
	color: #fff;
	background-color:rgba(0,0,0,0.5);
	border-radius: 3px;
}

.btn2:hover2 {
	background-color:rgba(100,100,100,0.4);
	color:white;
}

.btn_blank {
}

.btn_long {
	display:inline-block;
	background: #333; 
	padding:10px ;
	margin:5px;
	color:white;
	cursor:pointer;
	width:80% ;
	text-decoration:none;
	border:none;
}

.btn_long:hover {
	background: #000;
	color:#ccc;
	padding:10px ;
	margin:5px;	
}

	


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




.btn_circle {
	display:inline-block;
	width: 60px;
	height: 38px;
	background: #EEE;
	border: 5px solid #aaa;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	color: #111;
	padding: 42px 20px 20px;
	cursor:pointer;
}

.btn_circle:hover {
	background-color:#aaa;
	color:white;
}

.btn3 {
	background:#3c5b97;
	color: #fff;
	padding:0.7em;
	margin:3px;
	display:inline-block;
	border:1px solid #ddd;
}
.btn3:hover {

	background-color:#333;
	cursor:pointer;
}


.btn4 {
	background: #111;
	color: white;
	text-shadow:0px 0px 5px #aaa;
	margin:1px;
	text-decoration:none;
	padding:0.5em 1.2em;
	display:inline-block;
	border:none;
	border-radius:3px;
}
.btn4:hover {
	margin:1px;
	background-color:#000;
	cursor:pointer;
	box-shadow:0px 0px 15px #555;
}

.btn5 {
	background: rgba(0,0,0,0.1);
	text-shadow:0px 0px 5px #aaa;
	margin:1px;
	text-decoration:none;
	padding:0.5em 1.2em;
	display:inline-block;
	border:none;
	border-radius:3px;
}
.btn5:hover {
	margin:1px;
	background-color:rgba(0,0,0,0.3);
	cursor:pointer;
	box-shadow:0px 0px 15px #555;
}

.btn6 {
	background-image: url('/icon/finger_24.png') ;
	background-repeat: no-repeat;
	background-position:3px 1px ;
	text-indent:1.5em;
	color: darksilver;
	overflow:visible;
	border-bottom:2px solid #ccc;

	text-shadow:0px 0px 12px #444;
	margin:0px 3px;
	text-decoration:none;
	padding:3px 8px;
	display:inline-block;
	border-radius:5px 5px 0px 0px;
	
    -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 ;
    
}

.text3 { height:1.3em;margin:0px;border:1px solid #ccc;padding:3px;box-sizing:content-box;font-size:12pt;;background-color:#fff;}
.text3:focus { background-color:gold;}
:placeholder-shown { font-style:italic; }

.text3::-webkit-input-placeholder { font-style:italic; }
.text3:-moz-placeholder  { font-style:italic; }
.text3::-moz-placeholder { font-style:italic; }
.text3:-ms-input-placeholder { font-style:italic; }
    
    


.select { background-color:skyblue; }



.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);
}



input[type=checkbox].css-checkbox {
	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].css-checkbox + label.css-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].css-checkbox:checked + label.css-label {
	background-position: 0 -14px;
}
label.css-label {
	background-image:url(/icon/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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



.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: rgba(100,100,100,0.12);
	color: #555;
	font-size: 12pt;
	text-align: center;
	line-height: 1;
	transition: .1s;
/*	border-left:1px solid #ccc; */
	
}

@media screen and (max-width: 480px) {
	.radio_ex label{
		padding: 10px 7px;
	}	
}

.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;
}

.button_facebook
{
	background: #3c5b97; /* Old browsers */
	display:inline-block;
	margin:2 5px;
	padding:5px 10px;

	color:white;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ddd;
}

.button_twitter {
	background: #59adec; /* Old browsers */
	display:inline-block;
	margin:2 5px;
	padding:5px 10px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ddd;
}



.button_google {
	
	background: #ffffff; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	display:inline-block;
	margin:2 5px;
	padding:5px 10px;


	color:#555;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ddd;
}


.button_yahoo {
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	display:inline-block;
	margin:2px;
	padding:5px;
	color:red;

	font-weight:bold;
	text-decoration:none;
	border:1px solid #ddd;
}

.box_img {
	z-index:0;
	position:absolute;top:0px;left:0px;

}
.box_img:hover {
filter: gray; -webkit-filter: grayscale(80%);
}

.box_img_title {
	position:absolute;top:0px;left:0px;
	margin:5px;
	padding:2px;
	line-height:120%;
	text-decoration:none;
	z-index:9;
	color:white;
	text-shadow:0px 0px 3px #999;
	background-color:rgba(0,0,0,0.3) ;

}

form.upload img.thumb {
    margin:0px;
    padding-top:30px;
    max-width:320px;
	text-align:center;
    vertical-align:bottom;

}

form.upload .upload_box label {
    display:inline-block; position:relative;
    overflow:hidden; vertical-align:middle;
    cursor:pointer;
    margin:0px;
      max-width:320px;
  background-color:#ccc;
}

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 { 
	display:inline-block;
	width:320px;
	min-height:240px;
	text-align:center;
	margin:0 5px 0px 0px;
	padding:3px;
	overflow:hidden;
	float:left;
}
	
@media screen and (max-width: 480px) {
	.upload_box_img { 
		float:clear;
	}
}
.upload_box_img:hover { background-color:#ccc;  }



.tag_mark {
	display:inline-block;
	border:1px solid #ccc;
	background-color:#f9f9f9;
	text-decoration:none;border-radius:5px;
	color:black;
	padding:3px 5px;
	margin:2px;
}

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



.radio_button input[type=radio] {
  display: none; 
}
.radio_button input[type="radio"]:checked + label {
  background: #555;
  color: #fff;
  text-shadow:0px 0px 5px #fff;
}

.radio_button label:hover {
  background: #333;
  color: #fff;
  text-shadow:0px 0px 5px #fff;
}
.radio_button label {
	color: #000;
	display: inline-block;
	padding:3px 8px;
	cursor: pointer; 
}



.carousel {
 // background: #EEE;

}



.img_lazy2 {
 transition: opacity 0.8s;
  opacity: 0.3;
  background-color:#ddd;


}

.img_lazy2.flickity-lazyloaded, .img_lazy2.flickity-lazyerror {
  opacity: 1.0;
}




.btn_sns{
    display: inline-block;
    width: 120px;
    margin: 3px;
    padding:10px;
    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;
}

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

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


.tbl_scroll {
  overflow: auto;
  width:100%;
}
.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;
}