@import url(cms_com.css);
/*@import url(font-awesome.min.css);*/
.fleft {
		float: left;
		margin: 0 10px 0px 0;
		overflow: hidden;
}
.fright {
		float: right;
		margin: 0 0 0px 10px;
		overflow: hidden;
}
.tcenter {
		text-align: center;
}
.tright {
		text-align: right;
}

#main-wh a{
	color: #0075b5;
	text-decoration: underline;
}
#main-wh a:hover{
	color: #0075b5;
	text-decoration: none;
}
.drawerMenuNav a{
	color: #333!important;
	text-decoration: none!important;
}

/********* btn *********/
a.btn {
	box-sizing: border-box;
	border-radius: 4px;
	color: #fff!important;
	cursor: pointer;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
a.grn {
	background: #c0d52a;
	border-bottom: 3px solid #abc016;
	padding: 10px 50px;
	font-size: 22px;
	text-decoration: none!important;
	color: #fff!important;
}
a.grn:hover {
	background: #abc016;
	border-bottom: 3px solid #abc016;
	color: #fff!important;
}
/********* side navi *********/

#side_cat_navi, #side_desk_navi {
		background: #fff;
		border-radius: 4px;
		padding: 10px;
		margin: 20px 0 20px;
}
#side_cat_navi p, #side_desk_navi p {
		border-radius: 4px;
		position: relative;
		background: #0075b5;
		height: 50px;
}
#side_cat_navi p span, #side_desk_navi p span {
		position: absolute;
		top: -30px;
		left: 0;
}
#side_cat_navi ul#stMenu, #side_desk_navi ul#stMenu {
		padding: 10px 0px;
}
#side_cat_navi ul#stMenu li a, #side_desk_navi ul#stMenu li a {
		margin: 0 0 10px 0;
		background:#fff;
		padding: 12px 10px;
		display: block;
		text-decoration: none;
		font-size: 16px;
		border-bottom: #ccc 1px dotted;
		color: #333;
}
#side_cat_navi ul#stMenu li a:hover, #side_desk_navi ul#stMenu li a:hover {
		color: #0075b5;
}
#side_cat_navi ul#stMenu li a i, #side_desk_navi ul#stMenu li a i {
		color: #5ab3e3!important;
}


fieldset{
		border:none;
}
ul.stMenu input[type="radio"]{
    opacity : 0;  
    width: 100%;  
    height: 100%;  
    padding: 0;
		margin: 0;
		display: none;
}

ul.stMenu input[type="radio"] + label{
		font-size: 16px;
    display: block;
    background: url(/assets/images/blog/radio_off.png) no-repeat 5px center;
    background-size: 25px;
    padding: 14px 10px 14px 35px;
    color: #0075b5;
    text-decoration: underline;
		cursor: pointer;
}
ul.stMenu input[type="radio"] + label:hover{
    text-decoration: none;
}

ul.stMenu input[type="radio"]:checked + label{
    background: url(/assets/images/blog/radio_on.png) no-repeat 5px center #f8f8f8;
    background-size: 25px;
}
ul.stMenu2 input[type="radio"]{
    opacity : 0;  
    width: 100%;  
    height: 100%;  
    padding: 0;
		margin: 0;
		display: none;
}

ul.stMenu2 input[type="radio"] + label{
		font-size: 16px;
    display: block;
    background: url(/assets/images/blog/tag_off.png) no-repeat 5px center;
    background-size: 25px;
    padding: 14px 10px 14px 35px;
    color: #0075b5;
    text-decoration: underline;
		cursor: pointer;
}
ul.stMenu2 input[type="radio"] + label:hover{
    text-decoration: none;
}


ul.stMenu2 input[type="radio"]:checked + label{
    background: url(/assets/images/blog/tag_on.png) no-repeat 5px center #5ab3e3;
    background-size: 25px;
		color: #fff;
    text-decoration: none;
}


/********* blogList *********/

#blogList {
		padding: 20px 0 20px;
		clear: both;
		overflow: hidden;
		font-size: 16px;
		line-height: 24px;
		margin: 0 0 20px 0;
}
#blogList h2 {
		margin: 0 0 10px 0;
		text-align: center;
}
#blogList h1 {
		font-size: 20px;
		border-radius: 4px;
		padding: 15px 20px;
		position: relative;
		color: #fff;
		background: #0075b5;
}
#blogList h1.new {
		padding: 15px 20px 15px 60px;
}
#blogList h1.new:before {
		content: url(/assets/images/blog/h3_new.png);
		position: absolute;
		top: 9px;
		left: 12px;
}


#blogList ul#listnav {
	margin: 20px 0 0 0;
}
#blogList ul#listnav li{
	float: left;
}

#blogList ul#listnav input[type="radio"]{
    opacity : 0;  
    width: 100%;  
    height: 100%;  
    padding: 0;
		margin: 0;
		display: none;
}

#blogList ul#listnav input[type="radio"] + label{
		font-size: 16px;
    display: block;
    background: url(/assets/images/blog/tag_off.png) no-repeat 5px center;
    background-size: 25px;
    padding: 6px 10px 6px 35px;
    color: #0075b5;
    text-decoration: underline;
		cursor: pointer;
}
#blogList ul#listnav input[type="radio"] + label:hover{
    text-decoration: none;
}

#blogList ul#listnav input[type="radio"]:checked + label{
    background: url(/assets/images/blog/tag_on.png) no-repeat 5px center #5ab3e3;
    background-size: 25px;
		border-radius: 4px;
		color: #fff;
    text-decoration: none;
}


#blogList table {
		color: #333;
		margin: 10px auto 30px;
		border-collapse: collapse;
		border-spacing:0px;
		width: 97%;
}
#blogList table tr {
		border-bottom: #ccc 1px dotted;
}
#blogList table td {
		width: 50%;
		vertical-align: top;
		text-align: left;
		font-size: 14px;
		border-bottom: #ccc 1px dotted;
}
#blogList table td:nth-child(2n+1) {
		border-right: #ccc 1px dotted;
		padding: 20px 10px 20px 0px;
}
#blogList table td:nth-child(2n+0) {
		border-left: #ccc 1px dotted;
		padding: 20px 0px 20px 20px;
}
#blogList table td a {
		text-decoration: none;
		display: block;
}
#blogList table td a:hover{
	opacity: 0.6;
	color: #0075b5;
	text-decoration: none;
}

#blogList table td .thum {
		position: relative;
		padding-left: 4px;
		width: 250px;
		margin: 0 auto 10px;
		clear: both;
}
#blogList table td .thum img {
		width: 250px;
		margin-top: 5px;
}
#blogList table td.new .thum:before {
		content: url("/assets/images/blog/ico_new.png");
		position: absolute;
		top: 0px;
		left: 0;
}
#blogList table td .date {
		text-align: left;
		color: #333;
		font-size: 16px;
		margin-bottom: 15px;
}
#blogList table td .writer {
		font-size: 14px;
		margin-bottom: 1px;
		font-weight: bold;
}
#blogList table td .caption {
		font-size: 12px;
		line-height: 18px;
}
#blogList table td .blogTitle {
		color: #0075b5;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
}
#blogList table td .writer {
		font-size: 13px!important;
}

/********* article *********/

#main-wh .inner article {
		border-radius:4px;
		padding: 10px;
		clear: both;
		overflow: hidden;
		font-size: 16px;
		line-height: 1.6;
		margin: 0px 0 10px;
}
#main-wh .inner article #boxArea {
		border-bottom: #ccc 1px dotted;
		width: 100%;
		padding-bottom: 10px;
}
#main-wh .inner article #boxArea a{
		background: none!important;
		padding-left: 5px!important;
}
#main-wh .inner article header {
		border-left: #0075b5 5px solid;
		padding: 5px 15px;
		margin-bottom: 20px;
}
#main-wh .inner article header .date {
		text-align: left;
		color: #888;
		font-size: 13px;
		padding: 0 0px 10px;
}
#main-wh .inner article header h1 {
		color: #333;
		font-weight: bold;
		text-align: left;
		line-height: 30px;
		font-size: 24px;
		position: relative;
		margin: 5px 0;
}
#main-wh .inner article dl#writer {
		clear: both;
		overflow: hidden;
		border-top: 1px dotted #ccc;
		padding: 20px 0;
}
#main-wh .inner article dl#writer dt {
		width: 80px;
		float: left;
}
#main-wh .inner article dl#writer dt img {
		border-radius: 40px;
}
#main-wh .inner article dl#writer dd {
		padding-left: 20px;
		display: table-cell;
		vertical-align: middle;
		height: 80px;
		font-weight: bold;
}
#main-wh .inner article dl#writer dd:before {
		content: 'この記事を書いた人 \A';
		white-space: pre;
		color: #888;
		font-size: 12px;
		font-weight: normal;
}
#main-wh .inner article h2 {
		font-size: 20px;
		border-radius: 4px;
		padding: 15px 20px 15px 40px;
		margin-bottom: 15px;
		background: url("/assets/images/blog/ico_arrow.png") 15px center no-repeat #f3f3f3;
}
#main-wh .inner article h3 {
		padding: 10px;
		font-weight: bold;
		margin: 6px 0 10px;
		font-size: 18px;
		color: #0075b5;
		border-bottom: 1px dotted #ccc;
}
#main-wh .inner article h4 {
		padding: 15px 0;
		font-weight: bold;
		margin: 6px 0 10px;
		font-size: 18px;
}
#main-wh .inner article h5 {
		padding: 15px 0;
		font-weight: bold;
		margin: 6px 0 10px;
		font-size: 16px;
}
#main-wh .inner article p {
		text-align: left;
		padding: 0px 5px 20px;
}
#main-wh .inner article figure img {
		margin: 0 2px 5px;
}
#main-wh .inner article figcaption {
		font-size: 12px;
}
#main-wh .inner article a {
		color: #186dee;
}
#main-wh .inner article ul, #main-wh .inner article ol {
		margin: 0 40px 20px;
}
#main-wh .inner article ul li {
		list-style: disc;
		list-style-position: outside;
		padding: 5px 0;
}
#main-wh .inner article ol li {
		list-style: decimal;
		list-style-position: outside;
		padding: 5px 0;
}
#main-wh .inner article table {
		color: #333;
		margin: 10px auto 30px;
		border-collapse: collapse;
		border-spacing:0px;
}
#main-wh .inner article table th {
		vertical-align: middle;
		padding: 10px;
		background:#f8f8f8;
		border: #ccc 1px solid;
		text-align: center;
}
#main-wh .inner article table td {
		padding: 10px;
		vertical-align: middle;
		border: #ccc 1px solid;
		text-align: left;
		background:#fff;
}
/********* feature *********/

#feature {
		border-radius:4px;
		padding: 20px;
		background: #f8f8f8;
		clear: both;
		overflow: hidden;
		font-size: 14px;
		line-height: 24px;
		margin: 20px 0;
}
#feature h2 {
		margin: 0 0 20px 0;
		text-align: center;
}
#feature table {
		color: #888;
		margin: 10px auto 0px;
		border-collapse: collapse;
		border-spacing:0px;
		width: 100%;
}
#feature table tr {
		border-bottom: #ccc 1px dotted;
}
#feature table th {
		vertical-align: middle;
		text-align: center;
		width: 100px;
		padding-top: 6px;
}
#feature table th img{
		width: 100px!important;
		height: 75px;
}
#feature table td {
		padding: 10px 20px;
		vertical-align: middle;
		text-align: left;
}
#feature table td p {
		line-height: 18px;
		padding-bottom: 10px;
}
#feature table td a {
		font-size: 16px;
}
/********* category *********/

#category {
		background: #fff;
		border-radius: 4px;
		padding: 10px;
		margin: 40px 0 0px;
		position: relative;
		border: #ccc 1px solid;
}
#category h2 {
		border-radius: 4px;
		position: relative;
		background: #0075b5;
		height: 50px;
}
#category h2 span {
		position: absolute;
		top: -30px;
		left: 0;
}
#category ul {
		/*padding: 70px 0px 20px;*/
	padding: 0px 0px 20px;
		clear: both;
		overflow: hidden;
}
#category ul li {
		width: 50%;
		float: left;
}
#category ul li a {
		margin: 0 20px;
		background:#fff;
		padding: 12px 10px;
		display: block;
		text-decoration: none;
		font-size: 16px;
		border-bottom: #ccc 1px dotted;
}
#category ul li a:hover {
		color: #0075b5;
}
#category ul li a i {
		color: #5ab3e3!important;
}
/** category icon **/
/** blogList **/

#main-wh .inner article header .category span, .date span {
		display: inline-block;
		border-radius:18px;
		padding: 2px 12px;
		text-align: center;
		font-size: 12px;
		margin: 0 1px 5px;
		line-height: 16px;
		color: #333;
		background: #d1efff;
		font-weight: normal;
}

@media only screen and (max-width: 768px) {
.fleft {
		float: none;
		margin: 0 0px 10px 0;
		overflow: hidden;
		text-align: center;
}
.fright {
		float: none;
		margin: 0 0px 10px 0;
		overflow: hidden;
		text-align: center;
}

#main-wh .inner article header {
		border-left: #0075b5 5px solid;
		padding: 0 15px;
		margin-bottom: 10px;
}
#main-wh .inner article header .date {
		text-align: left;
		color: #888;
		font-size: 13px;
		padding: 0;
}
#main-wh .inner article header h1 {
		color: #333;
		font-weight: bold;
		text-align: left;
		line-height: 30px;
		font-size: 24px;
		position: relative;
		margin: 0 0 5px;
}

#main-wh .inner article dl#writer {
		clear: both;
		overflow: hidden;
		border-top: 1px dotted #ccc;
		padding: 10px 0 5px;
}
#main-wh .inner article dl#writer dt {
		width: 70px;
		float: left;
}
#main-wh .inner article dl#writer dt img {
    width: 50px!important;
    height: 50px!important;
}
#main-wh .inner article dl#writer dd {
		padding-left: 0px;
		display: table-cell;
		vertical-align: middle;
		height: 50px;
		font-weight: bold;
}
#main-wh .inner article dl#writer dd:before {
		content: 'この記事を書いた人 \A';
		white-space: pre;
		color: #888;
		font-size: 12px;
		font-weight: normal;
}

#main-wh .inner article {
		margin: 0px 0 50px;
		padding: 0px;
		border-radius: 0px;
}
#main-wh .inner article h1 {
		-padding: 40px 15px 15px 15px;
		color: #333;
		font-weight: bold;
		-background: #eee;
		text-align: left;
		line-height: 30px;
		font-size: 24px;
		position: relative;
		margin: 6px 0 10px;
}
#main-wh .inner article h1:after {
		position: absolute;
		top: -6px;
		left: 6px;
}
#main-wh .inner article .date {
		text-align: left;
}
#main-wh .inner article figure img {
		text-align: center;
		margin: 0 2px 5px;
}
#blogList {
		padding: 0 0 20px;
		clear: both;
		overflow: hidden;
		font-size: 16px;
		line-height: 24px;
		margin: 0 0 20px 0;
		width: 100%;
}
#blogList h2 {
		margin: 0 0 10px 0;
		text-align: center;
		width: 100%;
}
#blogList table {
		color: #333;
		margin: 0px auto 30px;
		border-collapse: collapse;
		border-spacing:0px;
		width: 100%;
}
#blogList table tr {
		border-bottom: #ccc 1px dotted;
}
#blogList table td {
		display: block;
		vertical-align: top;
		text-align: left;
		font-size: 14px;
		border-bottom: #ccc 1px dotted;
		width: 90%;
}
#blogList table td:nth-child(2n+1) {
		border-right: none;
		padding: 10px 20px;
}
#blogList table td:nth-child(2n+0) {
		border-left: none;
		padding: 10px 20px;
}
#blogList table td a {
		text-decoration: none;
		display: block;
		color: #333;
}
#blogList table td .thum {
		position: relative;
		padding-left: 4px;
		width: 250px;
		margin: 0 auto 10px;
		clear: both;
}
#blogList table td .thum img {
		width: 250px;
}
#blogList table td.new .thum:before {
		content: url("/assets/images/blog/ico_new.png");
		position: absolute;
		top: 7px;
		left: 0;
}
#blogList table td .date {
		text-align: left;
		color: #333;
		font-size: 14px;
		margin-bottom: 5px;
}
#blogList table td .writer {
		font-size: 14px;
		margin-bottom: 1px;
		font-weight: bold;
}
#blogList table td .caption {
		font-size: 12px;
		line-height: 18px;
}
#blogList table td .blogTitle {
		color: #0075b5;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
}
#blogList table td .writer {
		font-size: 13px!important;
}
#category {
		display: none;
}

	/*ブログのスマホでの枠を消す*/
    #blogList table .smnone {
        display: none;
    }
    #blogList table tr {
        border-bottom: none;
    }
}
@media only screen and (max-width: 768px) and (orientation:landscape) {
}