* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------*/


html  {
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll; 
}

body {

	margin: 0px;

	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",Arial, sans-serif;

	line-height: 1.5em;
	font-size: 14px;
	
	color: #333;
/*	background-color : #f5f5f5;*/
	background-color : #fcfcfc;
}

a{
    color: #071B65;
	text-decoration: underline; 
}
a:link {
	color: #071B65;
}
a:visited {
    color: #001e43;
}
a:active {
    color: #071B65;
}

.titlef {
	background: url(../image/h0.png) no-repeat left 12px;
	padding: 16px 0px 12px 30px;
	font-size: 18px;
	font-weight: bold;

	line-height: 1.0em;
	color: #5C6BC0;

	background-size:24px 24px;

}

.h2my {
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;

	margin: 4px 0px;
	padding: 10px 4px 10px 32px;
	line-height: 1.2em;

	background: url(../image/h2.png) no-repeat 6px 10px #303F9F;
	border-radius: 5px; 

	background-size:20px 20px;



}

.h3my {

	font-size: 16px;
	color: #ffffff;
	font-weight: bold;

//	margin: 10px 0px;
	padding: 10px 4px 10px 32px;
	line-height: 1.2em;

	background: url(../image/h3.png) no-repeat 6px 10px #536DFE;
	border-radius: 5px; 

	background-size:20px 20px;

}

.h4my {
	font-size: 16px;
	font-weight: bold;
	color: #189075;
	background: url(../image/h5.png) no-repeat left 2px;
	padding-left: 18px;

	background-size:14px 14px;

}


h1 {
	font-size: 19px;
	color: #0f2350;
	background: url(../image/h1.png) no-repeat left top;
	padding-left: 28px;
	line-height: 1.3em;

	background-size:24px 24px;

}

h2 {
	font-size: 17px;
	color: #ffffff;

	margin: 4px 0px;
	padding: 10px 4px 10px 32px;
	line-height: 1.2em;

	background: url(../image/h2.png) no-repeat 6px 10px #303F9F;
	border-radius: 5px; 

	background-size:20px 20px;

}


h3 {
	font-size: 16px;
	color: #ffffff;

//	margin: 14px 0px;
	padding: 10px 4px 10px 32px;
	line-height: 1.2em;

	background: url(../image/h3.png) no-repeat 6px 10px #536DFE;
	border-radius: 5px; 

	background-size:20px 20px;

}

h4 {
	font-size: 15px;
	color: #189075;
	background: url(../image/h5.png) no-repeat left 2px;
	padding-left: 18px;

	background-size:14px 14px;

}

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

	body {
		font-size: 13px;
		line-height: 1.5em;
	}

	.titlef {
		font-size: 15px;
		font-weight: bold;
		line-height: 1.3em;
	}

	.h2my {
		font-size: 15px;
		line-height: 1.3em;
	}

	.h3my {
		font-size: 14px;
		line-height: 1.5em;
	}

	.h4my {
		font-size: 14px;
	}

	h1 {
		font-size: 16px;
		line-height: 1.5em;
	}

	h2 {
		font-size: 15px;
		line-height: 1.3em;
	}

	h3 {
		font-size: 14px;
		line-height: 1.5em;
	}

	h4 {
		font-size: 14px;
	}

}


.p1 {
	background: url(../image/p_09.png) no-repeat left 5px;
	padding-left: 24px;
	line-height: 1.5em;

	background-size:13px 13px;
}

.p2 {
	background: url(../image/string.png) no-repeat left 5px;
	padding-left: 10px;

	background-size:8px 8px;

}


p {
	background: url(../image/string.png) no-repeat left 5px;
	padding-left: 10px;

	background-size:8px 8px;

}

.pnoimg {
	background: none;
}

.pbtm {
	padding-bottom: 1.4em;
}

strong {
	color: #ff0000;
}

.pos-ltl-le {
	padding: 2px 0px 2px 100px;
}

.pos-c {
	text-align: center;
	padding: 4px;
}


.vtop{
	vertical-align: top;
}

img {
	border: none;
	max-width: 100%;
	height: auto;


	border-radius: 3px; 
	border: 0px solid #fff;

}

hr {
	border: 0px;
	border-top: 1px #505050 dashed;
}

.hr2 {

	border: 0px;
	border-top: 1px #a0a0a0 dashed;
}

.qes { 

	background: url(../image/q_a.gif) no-repeat left top;
	padding-left: 30px;
	color: #990000;
	font-weight: bold;

	min-height:27px;
 	height: auto !important;

	background-size:24px 24px;
}

.ans{ 

	background: url(../image/q_a2.gif) no-repeat left top;
	padding-left: 30px;
	min-height:27px;
 	height: auto !important;

	background-size:24px 24px;

}

.lf_o {
	padding: 8px 20px;
	margin : auto;
}

ul.kinds {
	list-style-type: none;
}

.photo {
	width: 112px;
	margin: 2px;
 	padding: 2px;
	float: left;
	border: 0px;


}

.ph_cmt, .ph_cmt2 {

	font-size: 12px;
	line-height: 1.3em;
	height: 56px;
}

.ph_cmt {
	background: url(../image/p_09.png) no-repeat left 2px;
	padding: 0px 0px 0px 17px;

	background-size:13px 13px;
}


.ph_cmt2 {
	padding: 0px;
}


@media only screen and (min-width: 359px) and (max-width: 400px) {
	.photo {
		width: 106px;
		margin: 4px 0px;
	}
}

@media only screen and (max-width: 358px) {
	.photo {
		width: 94px;
		margin: 4px 0px;
	}
}

.sites {
	width: 206px;
	margin: 2px;
 	padding: 2px;
	float: left;
	background-color: #ddd;
	border: solid 1px #aaa;
}

.sit_cmt {
	padding: 0px 0px 0px 0px;
	text-align:center;
	height: 24px;
}


.nt_img {

	width: 100px;
	height: 125px;
 	padding: 0px;
	margin: 3px 4px 0px;

/*	float: left;*/
	display: inline-block;

	border: 0px;

}


.clr_box {
	clear: both;
}

.minimenu{
	font-size: 11px;
	color: #262626;
}

.topic {
	color: #8b4513;
	vertical-align:top;
}


/*nagare table*/
.nagare_tbl {
	background: url(../image/nagare.gif) no-repeat center bottom;
	width: 140px;
	height: 490px;

	background-size:contain;
}
@media only screen and (max-width: 767px) {
	.nagare_tbl {
		background: url(../image/nagare_m.gif) no-repeat center bottom;
		width: 300px;
		height: 130px;

		background-size:contain;
	}
}


/*point table*/
.point_tbl {
	background: url(../image/p_point.gif) no-repeat center bottom;
	width: 90px;
	height: 120px;

	background-size:contain;
}

/*
.chart_cmt {
	text-align: left;
	float: right;
	width: 550px;
	line-height:1.6em;
}
*/
.chart_tbl {
	background: url(../image/chart.gif) no-repeat center 20px;
	width: 300px;
	height: 900px;

	background-size:contain;

}


.table_news {
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	border:1px solid #888888;
}

table.table_news th {
	padding:5px;
	text-align:center;
	vertical-align:top;
	color:#484848;
	background-color:#dcdcdc;
	border:1px solid #888888;
}
table.table_news td {
	padding: 4px 4px 4px 10px;
/*	background-color:#FFFFFF;*/
	border: 0px;
}


.tensen, .tensen2 {
	width: 100%;
	padding: 10px 20px;
	border-radius: 5px; 

}

.tensen {
	background-color: #ffffe0;
	border: 1px #a0a0a0 solid;
}

.tensen2 {
/*	background-color: #f4f4f4;*/

	background-color: #e0efff;
	border: 1px #a0a0a0 solid;
}


@media only screen and (max-width: 450px) {
	.ul2 {
		margin: 0.4em 1.2em;
		padding: 0px;

	}
	.tensen, .tensen2 {
		padding: 10px;
	}

}

.kitmes {
	border: 1px #aaa solid;
	background-color: #ffffe0;
	width: 100%;
	padding: 2px 10px 10px 10px;

	border-radius: 5px; 
}

.kitmes2 {
	border: 1px #aaa solid;
	background-color: #ffffe0;
	width: 100%;
	padding: 4px 4px 4px 4px;

	border-radius: 5px; 

	font-size: 11px;
	line-height: 1.4em;
	height: 56px;

}

@media only screen and (min-width: 451px) and (max-width: 767px) {
	.kitmes {
		width: 260px;
	}
}

@media only screen and (min-width: 265px) and (max-width: 450px) {
	.kitmes {
		width: 240px;
	}
}

@media only screen and (max-width: 264px) {
	.kitmes {
		width: 100%;
	}
}


@media only screen and (max-width: 359px) {
	.kitmes2 {
		line-height: 1.2em;
	}
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/*
#top_bar {

	background: #222;
	padding: 11px 0px;
	height: 160px;
	margin: auto;

	font-size: 13px;
	color: #fff;
	line-height: 1.1em;
	text-align: left;

	background: url(../image/topimg2.gif) no-repeat left 100%  #222;

 }

@media only screen and (min-width: 421px) and (max-width: 650px) {
	#top_bar {
		background: url(../image/topimg2m.gif) no-repeat center 100%  #222;
	}
}
@media only screen and (min-width: 341px) and (max-width: 420px) {
	#top_bar {
		background: url(../image/topimg2s.gif) no-repeat center 100%  #222;
	}
}
@media only screen and (max-width: 340px) {
	#top_bar {
		background: url(../image/topimg2ss.gif) no-repeat center  100%  #222;
	}
}
*/

#top_bar {

	background: #222;
	padding: 11px 0px;
	height: 90px;
	margin: auto;

	font-size: 13px;
	color: #fff;
	line-height: 1.1em;
	text-align: left;

	background: url(../image/topimg.gif) no-repeat left 80% #222;

	background-size: 260px 40px;

}

@media only screen and (min-width: 341px) and (max-width: 420px) {
	#top_bar {
		background: url(../image/topimg.gif) no-repeat center 90%  #222;
		background-size: 260px 40px;

	}
}
@media only screen and (max-width: 340px) {
	#top_bar {
		background: url(../image/topimg.gif) no-repeat center 90% #222;
		background-size: 195px 30px;
	}
}

#ubar {

	color: #fff;
	text-align: left;
	background-color: #222;
	font-size: 13px;

	padding: 10px 0px 20px;
	margin: auto;
    line-height: 1.4em;
}


#ubar a{
	color: #ddd;
    text-decoration:none;

	padding: 1px 10px 0px 28px;
	background: url(../image/p_08.png) no-repeat 10px center #222;
	margin: 0px 0px 1px 1px;

	background-size:13px 13px;

}

#ubar a:hover {
   color:#fff;
   text-decoration:underline;

}


#ubar ul{
	margin: 10px 0px 0px;
	padding: 0px;

}
#ubar li {
	font-size: 13px;
    list-style:none;

/*    line-height: 2em;*/
	padding: 6px 0px 0px;
}


#copyright { background: #222; color: #fff; padding: 11px 0px; text-align: center; }

/* -----------------------------------------
   nav menu
----------------------------------------- */

#top_menu { background: #303030; color: #fff; padding: 0px; margin: auto;} /*ie8*/

.nav-bar {
	height: 30px;
	background: #303030;
	margin-top: 0px;
	margin-right:0px;
	padding: 0px;
}

.nav-bar ul{
	margin: 0px; 
	padding: 0px; 
	list-style: none;
}

.nav-bar li{ 
	display: inline; 
	padding: 0px; 
	margin: 0px; 
	float: left;

	line-height: 40px;
}

.nav-bar li a{
	display: block; 
	text-decoration: none;
	color: #ddd;
	font-size: 15px;

	padding: 0px 10px 0px 28px;
	background: url(../image/p_08.png) no-repeat 10px center #303030;
	margin: 0px 0px 1px 1px;

	background-size:13px 13px;

}
.nav-bar li a:hover{
	background-color: #404040;
	color: #fff;

	border-radius: 5px; 

}

@media only screen and (min-width: 341px) and (max-width: 420px) {

	.nav-bar li{ 
		line-height: 36px;
	}
	.nav-bar li a{
		font-size: 15px;
		padding: 0px 10px 0px 28px;
		background: url(../image/p_08.png) no-repeat 10px center #303030;
		margin: 0px 16px 1px 1px;

		background-size:13px 13px;

	}
}

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

	.nav-bar li{ 
		line-height: 36px;
	}
	.nav-bar li a{
		font-size: 15px;
		padding: 0px 10px 0px 26px;
		background: url(../image/p_08.png) no-repeat 10px center #303030;
		margin: 0px 16px 1px 1px;

		background-size:13px 13px;

	}
}


.hmin {
	min-height:450px;
 	height: auto !important;
 	height: 450px;

}

.alertred {
	font-size: 13px;
	color: #ff0000;
}

.table_news2{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
}

table.table_news2 th {
	padding:5px;
	color: #484848;
	background-color:#dcdcdc;
	border:1px solid #888888;
}
table.table_news2 td {
	color : #000000;
	padding:4px;
/*	background-color:#EEEEEE;*/
	border:1px solid #888888;
}


.note{
	font-size: 13px;
	background: url(../image/p_01.png) no-repeat 4px 14px;
	font-weight: bold;

	color: #fff;
	background-color: #111111;

	line-height: 1.5em;

	margin: 6px 0px;
	padding: 8px 25px;
	border-radius: 2px; 

}

.topouter3 {
    margin: 0px;
	border: 1px solid #808080;
	width:100%;
}

.topouter3 td {
	padding: 10px;
    background: #ffffe0;
}

.mbutton {
	width: auto;
//	display: inline-block;
	display: block;

	color: #222;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4em;
	text-align: center;
	text-decoration: none;

	background: url(../image/pointer.png) no-repeat 14px center #3D5AFE;
	background-size:35px 35px;
	border-radius: 5px; 

	outline: none;
	position: relative;
	margin: 0px 20px 0px 30px;
	padding: 15px 20px 15px 40px;

 }

.mbutton:hover { 
	background-color: #536DFE; 
}

@media only screen and (max-width: 767px) {
	.mbutton {
		margin: 0px;
		width: 100%;
	 }
}

.mya a, .mya a:link, .mya a:visited, .mya a:active {
    color: #FAFAFA;
	text-decoration: none; 
}

.minift {
	font-size: 15px;
	font-weight: normal;
	text-decoration: underline;
}


.txt-left {
	text-align: left;
}

.center2 {
	text-align: left;
}

@media only screen and (max-width: 359px) {
	.center2 {
		text-align: center;
	}
}

.c_bk {
	background: #222;
	width: 100%;
}

.c_gr {
	background: #303030;
	width: 100%;
}

.c_wh {
	background: #fff;
	width: 100%;
}


.container {
	margin: 0px 15px; 
	max-width: 100%;
}


.toplist {
	margin: auto;
}

.toplist td{
/*	background-color: #f5f5f5;*/
	font-size: 11px; 
	color: #383838;
	height: 30px;
	padding: 20px 10px 0px;
	text-align: center;
}
.toplist a{
	color: #242424;
}

.toplist2 {
	font-size: 11px; 
	color: #383838;
	padding: 10px 10px 0px;
	text-align: center;
	margin:auto;
}
.toplist2 a{
	color: #242424;
}


.pan {
	margin: 10px;
	padding: 4px;
}


.rotext {
	background: url(../image/ro.png) no-repeat left 2px;
	padding: 0px 0px 3px 14px;
	color: #333;
	font-weight: bold;
}


.p3 {
	padding: 8px 0px 8px 10px;
}

.strong2 {
	color: #ff0000;
	font-weight: bold;
}


.step3, .step3 ul {
	margin : 0px;
	padding : 0px;
}

.step3 li {
	font-size: 16px;
    list-style:none;
    line-height: 1.8em;
	margin: 4px 0px;
}

.step3 img {
	vertical-align: top;
	margin-right: 4px;
}

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

	.step3 li {
		font-size: 14px;
		padding-top: 10px;
		margin: 1px 0px;
    	line-height: 1.4em;

		padding-left: 27px;
		text-indent: -27px;

	}

	.step3 img {
		vertical-align: bottom;
		margin-right: 5px;
	}
}

.paleline a, .paleline a:link, .paleline a:visited, .paleline a:active {

	text-decoration:none;
	border-bottom:1px solid #cccccc;
}
ul.ulpale li {
	margin-bottom: 0.3em;
}



.dt3 {
	border: none;
	padding: 6px;
}

.dt3 dt{
	color: #189075;
	font-weight: bold;
	font-size: 16px;
	background: url(../image/h5.png) no-repeat left top;
	padding-left: 18px;

	background-size:14px 14px;

}

.dt3 dd{
	padding: 6px 14px;
	margin: 0px 0px 12px 20px;
}


.backoption, .backmenu, .backcustom{

	width: 100%;

	margin: 2px 0px 10px 0px;
	border: 2px solid #f5f5f5;

	outline: none;
	padding: 10px 26px 10px;

	position: relative;

	font-size: 16px;
	line-height: 1.2em;
	color: #34495E;
	font-weight: bold;

	border-radius: 5px; 
}

.backmenu {
	background: url(../image/pt.png) no-repeat 8px 13px #E3F2FD;
	border: 1px #BBDEFB solid;
}

.backcustom {
	background: url(../image/pt.png) no-repeat 8px 13px #E3F2FD;
	border: 1px #BBDEFB solid;
}

.backoption {
	background: url(../image/pt.png) no-repeat 8px 13px #FFF9C4;
	border: 1px #edde7b solid;
}

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

	.backoption, .backmenu, .backcustom{
		font-size: 15px;
	}
}

.personalwk {
	color: #008000;
	font-weight: bold;
}

@media only screen and (max-width: 767px) {
	.madcenter {
		background:#e6e6fa;
		margin: 0 auto 10px;

		text-align: center;
		border-radius: 2px; 
	}
}


.bigmozi {
	font-size: 16px;
    line-height: 1.5em;

}
@media only screen and (max-width: 767px) {
	.bigmozi {
		font-size: 16px;
	    line-height: 1.6em;
	}
}

.c_points {
	background: #3D5AFE;
	width: 100%;
}

.my_points {
	font-size: 17px;
	color: white;
	font-weight: bold;
	background: url(../image/starwhite.png) no-repeat left top;
	padding-left: 24px;
	margin: 14px 0px;
	line-height: 1.2em;

	background-size:20px 20px;

}

.pointbar {

	color: #fff;
	text-align: left;
	font-size: 15px;

	padding: 10px 0px 20px;
	margin: auto;
    line-height: 1.4em;
}

.pointbar a{
	color: #fff;
    text-decoration:none;

	padding: 1px 10px 0px 28px;
	background: url(../image/kakuwhite.png) no-repeat 10px center;
	margin: 0px 0px 1px 1px;

	background-size:14px 14px;
}

.pointbar a:hover {
   color:#fff;
   text-decoration:underline;

}

.pointbar ul{
	margin: 10px 0px 0px;
	padding: 0px;
}
.pointbar li {
	font-size: 15px;
    list-style:none;
	padding: 6px 0px 0px;
}



.retenmk {
	background: url(../image/reten.gif) no-repeat left top;
}

.retenmk0 {
	background: url(../image/reten0.gif) no-repeat left top;
}

.retenmk, .retenmk0{
	padding-left: 22px;
	line-height: 1.3em;
	margin: 10px 0px;
	background-size:20px 20px;
}

.stepmark {
	font-size: 15px;
	color: #222;
	
	margin: 14px 0px;
	padding: 6px 0px 6px 10px;

	background-color :#C5CAE9;
	border-radius: 5px; 

}

.ulireko li {
	margin: 4px 0px;
}


.kaigyo2 {
  padding-left: 2em;
  text-indent: -2em;
}

.kaigyo {
  padding-left: 1em;
  text-indent: -1em;
}


.my_num {

	vertical-align: middle;
	margin-right: 5px;

	width: 22px;
	height: 22px;

}

.tuo_pic{
	display: block;
	margin: 20px auto 0px;
}

.noticeback{

	margin: 0px 0px;
	padding: 0px 0px;
	
	background-color :#ffff7f;
	border-radius: 5px; 

}

/**/

.imagemawari{
	margin: 0px 10px 4px 20px;
}

.imagemawari2{
	margin: 10px 10px 4px 10px;
}
@media only screen and (max-width: 340px) {
	.imagemawari2{
		margin: 10px 10px 4px 4px;
	}
}



.profile_tbl {
	background: url(../image/pro.png) no-repeat center bottom;
	width: 200px;
	height: 200px;

	background-size:contain;
}
@media only screen and (max-width: 767px) {
	.profile_tbl {
		background: url(../image/pro.png) no-repeat center bottom;
		width: 140px;
		height: 140px;

		background-size:contain;
	}
}

.contactft {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
}

.contactft a, .contactft a:link, .contactft a:visited, .contactft a:active{
    color: #ff0000;
}


.size_c_data {
	width: 100%;
	padding: 4px 10px;
	border-radius: 4px; 
	margin-bottom: 20px;

	background-color: #f7efff;
	border: 1px #e8d1ff solid;
}

.analog_make {
	width: 100%;
	padding: 10px 14px;
	border-radius: 10px; 
	margin-bottom: 20px;

	background-color: #ffffe0;
	border: 1px #d3d3d3 solid;
}


@media only screen and (max-width: 450px) {
	.size_c_data {
		padding: 2px 10px;
	}

	.analog_make {
		padding: 6px 10px;
	}

}


.blogmain{

	display: block;

	font-size: 16px;
	line-height: 1.4em;
	color: #0E69FF;
	font-weight: bold;

	background: url(../image/h1.png) no-repeat 10px 10px #ffffe0;
	background-size:24px 24px;

	border: 1px #888 solid;
	border-radius: 3px; 

	outline: none;
	margin: 0px 10px 14px;
	padding: 10px 10px 10px 40px;

	text-decoration: none;
}

.minift2 {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
    color: #333;
}

.linkbtn a, .linkbtn a:link, .linkbtn a:visited, .linkbtn a:active{
    color: #304FFE;
	text-decoration: none; 
}

.codeback {
	width: 100%;
	padding: 0px 20px;
	border-radius: 5px; 
	background-color: #ffffe0;
	border: 1px #a0a0a0 solid;
}


/******************************
	social-button
******************************/
ul.social-btn
{
	width: 100%;
	margin: 10px auto;
	padding: 0;
	border: none;
	list-style-type: none;
}

ul.social-btn li
{
	float: left;
	text-align: center;
	height: 40px;
	margin: 0 10px;
	padding: 10px 0px;

}

/******************************
 ŠeŽνƒ{ƒ^ƒ“
******************************/

.sc-tw{
	width: 80px;
}

/* [Facebook] */
.sc-fb{
	z-index: 99 ;
	width: 69px ;
}


/* ƒfƒXƒNƒgƒbƒvPC‚Ε‚ΝLINEƒ{ƒ^ƒ“‚π•\Ž¦‚΅‚Θ‚’ */
@media screen and ( min-width:480px )
{
	.sc-li
	{
		display: none ;
	}
}


/*sns font icon*/
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?wyb5hd');
    src:    url('fonts/icomoon.eot?wyb5hd#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?wyb5hd') format('truetype'),
        url('fonts/icomoon.woff?wyb5hd') format('woff'),
        url('fonts/icomoon.svg?wyb5hd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

	margin-right: 8px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-pocket:before {
    content: "\e900";
}
.icon-line:before {
    content: "\e901";
}
.icon-hatebu:before {
    content: "\e902";
}
.icon-google-plus:before {
    content: "\e906";
}
.icon-facebook:before {
    content: "\e907";
}
.icon-twitter:before {
    content: "\e908";
}


/*sns button design*/
.snsshare a {

	width: 50px;
	height: 50px;
	
	margin: 2px;
	padding: 15px;

	font-size: 22px;

	color: #ffffff;
	text-align: center;

	float: left;
	display: inline-block;
	text-decoration: none;

	border-radius: 5px; 

}
.snsout	{	display: none ;	}

/*
@media only screen and (min-width: 359px) and (max-width: 450px) {
	.snsshare a {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}
	.snsout	{	display: none ;	}
}
*/
@media only screen and (max-width: 450px) {
	.snsshare a {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}

}
@media screen and ( min-width:451px )
{
	.sh-li	{	display: none ;	}
}

/*
@media only screen and (max-width: 358px) {
	.snsshare a {
		width: 100%;
		height: 50px;
		font-size: 14px;
	}
}

*/
.snsshare a:hover {
	color: #ffffff;
	text-decoration: none;
}

.share_tw {	background-color: #55acee;}
.share_fb {	background-color: #3b5998;}
.share_hatena {	background-color: #0078c7;}
.share_pocket {	background-color: #f13d53;}
.share_google {	background-color: #dd4b39;}
.share_line { background-color: #25af00;}

.share_feedly { background-color: #6cc655;}
.share_rss { background-color: #ff8c00;}

/**/

.tchange {
	width: 14px;
	height: 14px;
	margin: 0px 4px;
}



.ntit {
	background: url(../image/p_09.png) no-repeat left 5px;
	padding-left: 24px;
	line-height: 1.5em;
	background-size:13px 13px;
	font-size: 16px;
	font-weight: bold;

}

.ntit a, .ntit a:link, .ntit a:visited, .ntit a:active{
    color: #6666ff;

}

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

	.ntit {
		font-size: 15px;
		line-height: 1.3em;
	}
}

.ndate{
	font-style: italic;
}



ul.breadcrumb {
    padding: 8px 16px;
    list-style: none;
    background-color: #EEEEEE;

}

ul.breadcrumb li {display: inline;}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: #000000;
    content: "/\00a0";
}

ul.breadcrumb a {
    color: #3D5AFE;
      text-decoration: none;
 }

ul.breadcrumb a:hover {
      text-decoration: underline;
 }