@charset "utf-8";
/* CSS Document */
/*
基本サイズ 12px
10px	84%
11px	92%
12px	100%
13px	109%
14px	117%
15px	125%
16px	134%
17px	142%
18px	150%
19px	159%
20px	167%
21px	175%
22px	184%
23px	192%
24px	200%
25px	209%
26px	217%
*/
/* clearfix */
.breadcrumb ul:after,
.follow ul li:after,	
.inner:after,
dl:after,
#fixedBox ul:after,
#fixedBox:after,
.main-list li a:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.breadcrumb ul,
.follow ul li,
.inner,
dl,
#fixedBox ul,
#fixedBox,
.main-list li a
{ display: inline-table;}
/* Hides from IE-mac \*/

* html .breadcrumb ul,
* html .follow ul li,
* html .inner,
* html dl,
* html #fixedBox ul,
* html #fixedBox,
* html .main-list li a
{ height: 1%; zoom: 1; }

.breadcrumb ul,
.follow ul li,
.inner,
dl,
#fixedBox ul,
#fixedBox,
.main-list li a
{ display: block; }

 /* IE7 */
*:first-child+html .breadcrumb ul,
*:first-child+html .follow ul li,
*:first-child+html .inner,
*:first-child+html dl,
*:first-child+html #fixedBox ul,
*:first-child+html #fixedBox,
*:first-child+html .main-list li a
{ zoom: 1;}

#content {
	font-size: 117%;
	line-height: 1.8em;
	color: #4495d5; 
	color: #333;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#content a{
	color: #2b6ddd;
}
#content a:hover{
	color: #4495d5;
}

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

@media screen and (min-width:641px) and (max-width: 979px) {
}

@media print, screen and (min-width:980px) {
}
*/

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#blog_entry table {
	border:1px solid #DDD;
	width: 100%;
	margin: 10px 0;
}
#blog_entry table tr th{
	padding: 10px;
	background: #EEE;
	border:1px solid #DDD;
}
#blog_entry table tr td{
	padding: 10px;
	border:1px solid #DDD;
}

.inner h2 {
	position: relative;
}

@media screen and (max-width: 640px) {
	#content.product {
/*		overflow-x: hidden;
		overflow-y:visible; */
	}

	.breadcrumb {
	}

	.breadcrumb ul{
		width: 96%;
		margin: 2%;
	}

	.breadcrumb ul li{
		float: left;
		padding-right: 1em;
	}

	.breadcrumb ul li a:after{
		content: "　>";
	}
	/**/
	#content h1 {
		text-align: center;	
		font-size: 217%;
		padding: 0.5em;
		box-sizing: border-box;
		background: url(../images/share/bg_top.jpg) no-repeat ;
		background-size: cover;
		color: #FFF;
		text-shadow:0 0 3px #000;

		line-height: 1em;
	}
	#content .inner{
		width: 100%;
		margin: 0 auto;
	}

	#content .inner article {
		width: 94%;
		margin: 0 3%;
		float: none;
	}

	#content .inner article img{
		max-width: 100%;
		margin-bottom:30px;
	}

	#content .inner aside {
		width: 94%;
		margin: 0 3%;
		float: none;
	}

	.update {
		font-family: "Georgia";
		font-size: 117%;
	}
	
	.main-list li a .thumb {

	}

	.main-list li a .update {

	}

	.main-list li a .title {

	}

	/*article h2 {
		font-size: 200%;
		padding: 0.5em 0;
		border-bottom: 1px solid #4495d5;
		margin-bottom: 30px;
		font-weight: bold;
	}*/

	article h2 {
		font-size: 200%;
		padding: 10px 0;
		/*border-bottom: 1px solid #4495d5;*/
		margin-bottom: 20px;
		font-weight: bold;
		border-left: 1px solid #333;
		padding-left: 1em;
	}

	article h2 span{
		display: block;
		font-size: 14px;
	}
	
	.product article .inner {
		position:relative;
	}
	.product article .inner .setIco {
		position:absolute;
		left:0;
		top:0;
		display: flex;
		-webkit-box-orient: horizontal;
  		-webkit-box-direction: reverse;
     	-ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
        width: 100%;
        height:50px;
	}
	.product article .inner a.hsset,
	.product article .inner a.ssset,
	.product article .inner a.gsset {
		width: 50px;
		height:50px;

	}

	.product article .inner a.hsset {
		background:url('../images/share/tag_hsset_l.png') no-repeat;
		background-size: auto 100%;
	}
	.product article .inner a.ssset {
		background:url('../images/share/tag_ssset_l.png') no-repeat;
		background-size: auto 100%;
	}
	.product article .inner a.gsset {
		background:url('../images/share/tag_gsset_l.png') no-repeat;
		background-size: auto 100%;
	}

	article h3 {
		background: #4495d5;
		border-radius: 5px;
		font-size: 150%;
		padding: 20px;
		color: #FFF;
		margin: 30px 0;
	}

	article h4 {
		font-size: 175%;
		border-radius: 5px;
		font-size: 150%;
		padding: 15px;
		background: #F2F2F2;
		color: #333;
		margin: 15px 0;
	}
	
	article h5 {
		font-weight: bold;
		font-size: 117%!important;
		border-radius: 5px;
		font-size: 150%;
		padding: 5px 10px;
		color: #333;
		margin: 0 0 15px 0;
		border:2px solid #333;
		display: inline-block;
	}

	article p {
		margin-bottom: 30px;
	}

	/*  */
	
	#items {
		margin:40px 0; 
	}

	#items dl {
		border:2px solid #e4e7ec;
		border-top: 2px solid #e4e7ec;
		border-bottom: 2px solid #e4e7ec;
	}

	#items .aform-content dl {
		border:1px solid #e4e7ec;
		border-top: 1px solid #e4e7ec;
		border-bottom: 1px solid #e4e7ec;
		box-sizing: border-box;

		margin:0!important;
		padding:0!important;
		margin-top: -1px!important;
	}

	#items dl dt{
		width: 96%;
		/*float: left;*/
		border-top: 1px solid #e4e7ec;
		padding: 0.5em 2%;
		margin-top: -1px;
		
		display:block;
	  	vertical-align:top;

	  	background: #fbfbfd;
	  	font-weight: bold;
	}

	#items dl dd{
		width: 96%;
		/*float: left;*/
		border-top: 1px dotted #e4e7ec;
		padding: 0.5em 2%;
		margin-top: -1px;

		display:block;
	  	vertical-align:top;
	}
	
	.the_series li {
		width: 100%;
		box-sizing: border-box;
		float: left;
	}
	
	
	

	
	
	.product_list li {
		width: 100%;
		box-sizing: border-box;
		float: left;
		border:1px solid #e4e7ec;
		margin: -1px 0 0 -1px;
		position: relative;
	}

	.product_list li img.color{
		position: absolute;
		right: -7%;
		top:100px;
		z-index:100;
		width:30%!important;
	}

	/*  */

	.box {
		border:1px solid #CCC;
		padding: 20px;
		margin: 10px;
		font-weight: bold;
	}

	.cap {
		margin-bottom: 30px;
	}

	aside .follow{
	}

	aside h2{
		border-bottom: 1px solid #CCC;
		font-size: 134%;
		text-align: center;
		padding: 10px;
		font-weight: bold;
	}

	aside .follow ul{
		}

	aside .follow ul li{
			padding: 10px 0;
			border-bottom: 1px dotted #CCC;
		}

	aside .follow ul li .thumb{
			width: 60px;
			height: 60px;
			display: block;
			float: left;
			margin-right: 10px;
			position: relative;
			overflow: hidden;
		}

	aside .follow ul li .thumb img{
			height: 100%;
			position: absolute;
			top:0;
			left: 50%;
			margin-left: -65%;
		}

	aside .follow ul li .update{
			display: block;
			font-size: 14px;
		}

	aside .follow ul li .title{
			display: block;
		}
	
	aside .follow a.btn{
		display: block!important;
		width: 100%;
		margin: 1em 0;
		padding: 0.5em 0;
	}


	#sidebnr {}
	#sidebnr a img{
		margin:4% 4% 4% 0;
		width: 48%;
		float: left;
	}
	#sidebnr a:nth-child(even) img{
		margin:4% 0;
		width: 48%;
		float: left;
	}

	.floatbox_l,
	.floatbox_r {
		width: 100%;
		float: none;
		margin: 5% 0 0 0 ;
	}

	.floatbox_l img,
	.floatbox_r img{
		width: 70%;
		margin: 1% 15%;
	}

	.floatbox50 {
		width: 100%;
		float: left;
	}
	.floatbox50 img{
		width: 70%;
		margin: 1% 15%;
	}

	.btn_col2 li {
		width: 100%;
		float: none;
		padding: 5% 0;
	}

	.flex {
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content:         center;
		-webkit-align-items: center; /* Safari */
		align-items:         center;
	}
	.flex.img div {
		width: 50%;
		width: 100%;
		
		box-sizing:border-box;
	}
	.flex img {
		width: 100%;
	}

}

@media screen and (min-width:641px) and (max-width: 979px) {
	body#share {
		width: 100%;
		overflow-x: hidden;
	}
	.breadcrumb {
	}

	.breadcrumb ul{
		width: 980px;
		margin: 30px auto;
	}

	.breadcrumb ul li{
		float: left;
		padding-right: 1em;
	}
	.breadcrumb ul li a {
		font-size: 12px!important;
	}
	.breadcrumb ul li a:after{
		content: "　>";
	}
	/**/
	#content h1 {
		text-align: center;	
		font-size: 217%;
		padding: 56px;
		height: 140px;
		box-sizing: border-box;
		background: url(../images/share/bg_top.jpg) no-repeat ;
		background-size: cover;
		color: #FFF;
		text-shadow:0 0 3px #000;
	}
	#content .inner{
		width:100%;
		margin: 0
	}

	#content .inner article {
		width: 65%;
		float: left;
	}

	#content.product .inner article {
		width: 96%;
		float: none;
		margin: 0 2%;
	}

	#content .inner article img{
		max-width: 100%;
		margin-bottom:30px;
	}

	#content .inner aside {
		width: 30%;
		float: right;
	}

	.update {
		font-family: "Georgia";
		font-size: 117%;
	}
	
	.main-list li a .thumb {

	}

	.main-list li a .update {

	}

	.main-list li a .title {

	}

	/*article h2 {
		font-size: 200%;
		padding: 20px 0;
		border-bottom: 1px solid #4495d5;
		margin-bottom: 30px;
		font-weight: bold;
	}*/

	article h2 {
		font-size: 217%;
		padding: 10px 0;
		/*border-bottom: 1px solid #4495d5;*/
		margin-bottom: 20px;
		font-weight: bold;
		border-left: 1px solid #333;
		padding-left: 1em;
	}
	
	article h2 span{
		display: block;
		font-size: 14px;
	}
	.product article .inner {
		position:relative;
	}
	.product article .inner .setIco {
		position:absolute;
		left:0;
		top:0;
		display: flex;
		-webkit-box-orient: horizontal;
  		-webkit-box-direction: reverse;
     	-ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
        width: 980px;
        height:90px;
	}
	.product article .inner a.hsset,
	.product article .inner a.ssset,
	.product article .inner a.gsset {
		width: 90px;
		height:90px;

	}

	.product article .inner a.hsset {
		background:url('../images/share/tag_hsset_l.png') no-repeat;
		background-size: auto 100%;
	}
	.product article .inner a.ssset {
		background:url('../images/share/tag_ssset_l.png') no-repeat;
		background-size: auto 100%;
	}
	.product article .inner a.gsset {
		background:url('../images/share/tag_gsset_l.png') no-repeat;
		background-size: auto 100%;
	}

	article h3 {
		background: #4495d5;
		border-radius: 5px;
		font-size: 150%;
		padding: 20px;
		color: #FFF;
		margin: 30px 0;
	}

	article h4 {
		font-size: 175%;
		border-radius: 5px;
		font-size: 150%;
		padding: 15px;
		background: #F2F2F2;
		color: #333;
		margin: 15px 0;
	}
	
	article h5 {
		font-weight: bold;
		font-size: 117%!important;
		border-radius: 5px;
		font-size: 150%;
		padding: 5px 10px;
		color: #333;
		margin: 0 0 15px 0;
		border:2px solid #333;
		display: inline-block;
	}

	article p {
		margin-bottom: 30px;
	}

	/*  */
	
	#items {
		margin:40px 0; 
	}

	#items dl {
		border:2px solid #e4e7ec;
		border-top: 2px solid #e4e7ec;
		border-bottom: 2px solid #e4e7ec;
		box-sizing: border-box;
	}

	#items .aform-content dl {
		border:1px solid #e4e7ec;
		border-top: 1px solid #e4e7ec;
		border-bottom: 1px solid #e4e7ec;
		box-sizing: border-box;

		margin:0!important;
		padding:0!important;
		margin-top: -1px!important;

		background: #fbfbfd!important;
	}

	#items dl dt{
		width: 24%;
		/*float: left;*/
		border-top: 1px solid #e4e7ec;
		padding: 0.5em 2%;
		margin-top: -1px;
		
		display:inline-block;
	  	vertical-align:top;

	  	background: #fbfbfd;
	  	font-weight: bold;
	}

	#items dl dd{
		width: 68%;
		/*float: left;*/
		border-top: 1px dotted #e4e7ec;
		padding: 0.5em 2%;
		margin-top: -1px;

		display:inline-block;
	  	vertical-align:top;
	}

	#items .aform-content dl dd{
		background: #FFF;
		margin:-1px 0 0 0!important; 
	}

	.the_series li {
		width: 50%;
		box-sizing: border-box;
		float: left;
	}

	.product_list li {
		width: 50%;
		box-sizing: border-box;
		float: left;
		border:1px solid #e4e7ec;
		margin: -1px 0 0 -1px;

		height: 100%;
		position: relative;
	}

	.product_list li img.color{
		position: absolute;
		right: -7%;
		top:100px;
		z-index:100;
		width:25%!important;
	}

	/*  */

	.box {
		border:1px solid #CCC;
		padding: 20px;
		margin: 10px;
		font-weight: bold;
	}

	.cap {
		margin-bottom: 30px;
	}

	aside .follow{
	}

	aside h2{
		border-bottom: 1px solid #CCC;
		font-size: 134%;
		text-align: center;
		padding: 10px;
		font-weight: bold;
	}

	aside .follow ul{
		}

	aside .follow ul li{
			padding: 10px 0;
			border-bottom: 1px dotted #CCC;
		}

	aside .follow ul li .thumb{
			width: 60px;
			height: 60px;
			display: block;
			float: left;
			margin-right: 10px;
			position: relative;
			overflow: hidden;
		}

	aside .follow ul li .thumb img{
			height: 100%;
			position: absolute;
			top:0;
			left: 50%;
			margin-left: -65%;
		}

	aside .follow ul li .update{
			display: block;
			font-size: 14px;
		}

	aside .follow ul li .title{
			display: block;
		}

	aside .follow a.btn{
		display: block!important;
		width: 100%;
		margin: 1em 0;
		padding: 0.5em 0;
	}

	#sidebnr {
	}
	#sidebnr img{
		margin-top: 30px;
		width: 100%;
	}

	.floatbox_l {
		width: 40%;
		float: left;
		margin: 0 5% 5% 0 ;
	}

	.floatbox_r {
		width: 40%;
		float: right;
		margin: 0 0 5% 5% ;
	}
	.floatbox_l img,
	.floatbox_r img{
		width: 100%;
	}

	.floatbox50 {
		width: 50%;
		float: left;
	}
	.floatbox50 img{
		width: 70%;
		margin: 5% 15%;
	}

	.btn_col2 li {
		width: 50%;
		float: left;
		padding: 5% 0;
	}

	a.blog-btn {
		display: block;
		background: #EEE;
		border-radius:5px;
		text-align: center;
		padding: 0.5em;
		margin: 20px 0 ;
	}

	.flex {
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content:         center;
		-webkit-align-items: center; /* Safari */
		align-items:         center;
	}
	.flex.img div {
		width: 50%;
		padding: 10px;
		box-sizing:border-box;
	}
	.flex img {
		width: 100%;
	}

}

@media print, screen and (min-width:980px) {
	.breadcrumb {
	}

	.breadcrumb ul{
		width: 980px;
		margin: 30px auto;
		margin: 20px auto;
	}

	.breadcrumb ul li{
		float: left;
		padding-right: 1em;
	}

	.breadcrumb ul li a:after{
		content: "　>";
	}
	/**/
	#content h1 {
		text-align: center;	
		font-size: 217%;
		/*padding: 56px;*/
		padding: 46px;
		/*height: 130px;*/
		height: 120px;

		box-sizing: border-box;
		background: url(../images/share/bg_top.jpg) no-repeat ;
		background-size: cover;
		color: #FFF;
		text-shadow:0 0 3px #000;
	}
	#content .inner{
		width: 980px;
		margin: 0 auto;
	}

	#content .inner article {
		width: 640px;
		float: left;
	}

	#content.product .inner article {
		width: 100%;
		float: none;
	}

	#content .inner article img{
		max-width: 100%;
		margin-bottom:30px;

		/*height: 160px;
		width:auto;*/
	}

	#content .inner aside {
		width: 300px;
		float: right;
	}

	.update {
		font-family: "Georgia";
		font-size: 117%;
	}
	
	.main-list li a {
		margin-bottom: 10px;
		padding-bottom:10px; 
		border-bottom: 1px dotted #CCC;
	}

	.main-list li a .thumb {
		width: 100px;
		height: 100px;
		overflow: hidden;
		float: left;
		/*border:1px solid #EEE;*/
		position: relative;
		margin-right: 40px;
	}

	.main-list li a .thumb img{
		position: absolute;
		top:50%;
		left:50%;
		width: 200%!important;
		margin-left: -50%;
		margin-top: -25%;
	}

	.main-list li a .update {
		float: right;
		margin-top: 2em;
	}

	.main-list li a .title {
		float: left;
		margin-top: 2em;
		font-size:117%;
		width: 25em;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	article h2 {
		font-size: 200%;
		padding: 10px 0;
		/*border-bottom: 1px solid #4495d5;*/
		margin-bottom: 20px;
		font-weight: bold;
		border-left: 1px solid #333;
		padding-left: 1em;
		position:relative;
	}
	
	article h2 span{
		display: block;
		font-size: 14px;
	}
	.product article .inner {
		position:relative;
	}
	.product article .inner .setIco {
		position:absolute;
		left:0;
		top:0;
		display: flex;
		-webkit-box-orient: horizontal;
  		-webkit-box-direction: reverse;
     	-ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
        width: 980px;
        height:90px;
	}
	.product article .inner a.hsset,
	.product article .inner a.ssset,
	.product article .inner a.gsset {
		width: 90px;
		height:90px;

	}

	.product article .inner a.hsset {
		background:url('../images/share/tag_hsset_l.png') no-repeat;
		background-size: auto 100%;
	}
	.product article .inner a.ssset {
		background:url('../images/share/tag_ssset_l.png') no-repeat;
		background-size: auto 100%;
	}
	.product article .inner a.gsset {
		background:url('../images/share/tag_gsset_l.png') no-repeat;
		background-size: auto 100%;
	}

	article h3 {
		/*background: #4495d5;*/
		/*border-radius: 5px;*/
		font-size: 185%;
		padding: 20px 0;
		color: #333;
		margin: 30px 0 0 0;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
		line-height: 1.4em;
		font-weight: bold;
	}
	
	.product article h3 {
		border:none;
	}

	article h3 span{
		display: inline-block;
		font-size:70%;
		line-height: 1.4em;
	}
	
	article h4 {
		font-size: 175%;
		border-radius: 5px;
		font-size: 150%;
		padding: 15px;
		background: #F2F2F2;
		color: #333;
		margin: 15px 0;
	}
	
	article h5 {
		font-weight: bold;
		font-size: 117%!important;
		border-radius: 5px;
		font-size: 150%;
		padding: 5px 10px;
		color: #333;
		margin: 0 0 15px 0;
		border:2px solid #333;
		display: inline-block;
	}

	article p {
		margin: 15px 0;
	}

	/*  */
	
	#items {
		margin:40px 0; 
	}
	
	#items dl {
		border:2px solid #e4e7ec;
		border-top: 2px solid #e4e7ec;
		border-bottom: 2px solid #e4e7ec;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}

	#items .aform-content dl {
		border:1px solid #e4e7ec;
		border-top: 1px solid #e4e7ec;
		border-bottom: 1px solid #e4e7ec;
		box-sizing: border-box;

		margin:0!important;
		padding:0!important;
		margin-top: -1px!important;

		background: #fbfbfd!important;
	}

	#items dl dt{
		width: 26%;
		/*float: left;*/
		border-top: 1px solid #e4e7ec;
		padding: 0.5em 2%;
		margin-top: -1px;
		
		display:inline-block;
	  	vertical-align:top;

	  	background: #fbfbfd;
	  	font-weight: bold;


		box-sizing: border-box;
	}

	#items dl dd{
		width: 74%;
		/*float: left;*/
		border-top: 1px dotted #e4e7ec;
		padding: 0.5em 2%;
		margin-top: -1px;

		display:inline-block;
	  	vertical-align:top;

		box-sizing: border-box;
	}
	
	#items .aform-content dl dd{
		background: #FFF;
		margin:-1px 0 0 0!important; 
	}

	.the_series li {
		width: 50%;
		box-sizing: border-box;
		float: left;
	}




/*2016/02/19追記*/
.product_list{

display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

-webkit-justify-content:flex-start;
-moz-justify-content:flex-start;
-ms-justify-content:flex-start;
-o-justify-content:flex-start;
justify-content:flex-start;

-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}

/*EMMET展開元文*/
/*{.product_list li:nth-child($){order: $@-;}}*10*/

/*.product_list li:nth-child(1){order: 10;}
.product_list li:nth-child(2){order: 9;}
.product_list li:nth-child(3){order: 8;}
.product_list li:nth-child(4){order: 7;}
.product_list li:nth-child(5){order: 6;}
.product_list li:nth-child(6){order: 5;}
.product_list li:nth-child(7){order: 4;}
.product_list li:nth-child(8){order: 3;}
.product_list li:nth-child(9){order: 2;}
.product_list li:nth-child(10){order: 1;}*/

/*2016/02/19追記　ここまで*/




	.product_list li {
		width: 33.3% !important;
		box-sizing: border-box;
		float: left;
		border:1px solid #e4e7ec;
		margin: -1px 0 0 -1px;

		/*height: 230px;*/
		position: relative;
		/*height: 300px;*/
	}

	.product_list li img.color{
		position: absolute;
		right: -7%;
		top:100px;
		z-index:100;
		width:20%!important;
	}
	/*  */

	.box {
		border:1px solid #CCC;
		padding: 20px;
		margin: 10px;
		font-weight: bold;
	}

	.cap {
		margin-bottom: 30px;
	}

	aside .follow{
		width: 300px;
	}

	aside h2{
		border-bottom: 1px solid #CCC;
		font-size: 134%;
		text-align: center;
		padding: 10px;
		font-weight: bold;
	}

	aside .follow ul{
		}

	aside .follow ul li{
			padding: 10px 0;
			border-bottom: 1px dotted #CCC;
		}

	aside .follow ul li .thumb{
			width: 60px;
			height: 60px;
			display: block;
			float: left;
			margin-right: 10px;
			position: relative;
			overflow: hidden;
		}

	aside .follow ul li .thumb img{
			height: 100%;
			position: absolute;
			top:0;
			left: 50%;
			margin-left: -65%;
		}

	aside .follow ul li .update{
			display: block;
			font-size: 14px;
		}

	aside .follow ul li .title{
			display: block;
		}

	aside .follow a.btn{
		display: block!important;
		width: 100%;
		margin: 1em 0;
		padding: 0.5em 0;
	}

	#sidebnr {}
	#sidebnr img{
		margin-top: 30px;
	}

	.floatbox_l {
		width: 30%;
		float: left;
		margin: 0 5% 5% 0 ;
	}

	.floatbox_r {
		width: 30%;
		float: right;
		margin: 0 0 5% 5% ;
	}
	.floatbox_l img,
	.floatbox_r img{
		width: 100%;
	}
	.floatbox50 {
		width: 50%;
		float: left;
	}
	.floatbox50 img{
		width: 70%;
		margin: 5% 15%;
	}

	.btn_col2 li {
		width: 50%;
		float: left;
		padding: 5% 0;
	}

	a.blog-btn {
		display: block;
		background: #EEE;
		border-radius:5px;
		text-align: center;
		padding: 0.5em;
		margin: 20px 0 ;
	}

	.flex {
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;
		-webkit-justify-content: center; /* Safari */
		justify-content:         center;
		-webkit-align-items: center; /* Safari */
		align-items:         center;
	}
	.flex.img div {
		width: 50%;
		padding: 10px;
		box-sizing:border-box;
	}
	.flex img {
		width: 100%;
	}

}

#content .inner article#blog_entry ol li{
	list-style: decimal;
	margin-left: 2em;
}

#content .inner article#blog_entry ul li{
	list-style: disc;
	margin-left: 2em;
}

#content .inner article#blog_entry b{
	font-weight: bold;
}

.f-lft {
	float: left;
	margin: 20px 20px 20px 0px;
}
.f-rgt {
	float: right;
	margin: 20px 0px 20px 20px;
}

/*  */
/*.product {
	color:#FFF!important;
	border-color: #FFF!important;
	background: #000;
}*/


.trait li {
	list-style: disc;
	list-style-position: inside;
	font-weight: bold;
}

#gallery {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    background: #f2f2f2;

    background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2YyZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #ecf2f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ecf2f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ecf2f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ecf2f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ecf2f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ecf2f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf2f6',GradientType=0 ); /* IE6-8 */


}
.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    /*height: 340px;*/
    width: 100%;
    border-bottom: 1px solid #e4e7ec;
}
.gallery-top img{
	width: 100%;
	}
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    /*border-bottom: 1px solid #e4e7ec;*/
}

.gallery-thumbs img{
	width: 160px;
	}
.gallery-thumbs .swiper-slide {
    width: 20%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide img{
	cursor: pointer;
	width: 100%;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

.swiper-slide img {
	margin-bottom: 0px!important;
}

.notes {
	margin: 1em 0;
}
.notes p{
	font-size:84%;
	margin: 0 0 0 1em!important;
	line-height: 1.4em;
	text-indent: -1em;
}

.swiper-container-carousel {
    width: 100%;
    height: 100%;
}
.swiper-slide-carousel {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*  */

.product_list {
	margin-bottom: 20px;
}
/*.product_list li {
	width: 33%;
	box-sizing: border-box;
	float: left;
	border:1px solid #e4e7ec;
	margin: -1px 0 0 -1px;
}
これだけレスポンシブ
*/


.product_list li a {
	display: block;
	box-sizing: border-box;
	height: 100%;
	position:relative;
}
.product_list li a.hsset:after {
	position:absolute;
	right: 5px;
	top:5px;
	width: 50px;
	height:50px;
	content: '';
	background:url('../images/share/tag_hsset_l.png') no-repeat;
	background-size: auto 100%;
}
.product_list li a.gsset:after {
	position:absolute;
	right: 5px;
	top:5px;
	width: 50px;
	height:50px;
	content: '';
	background:url('../images/share/tag_gsset_l.png') no-repeat;
	background-size: auto 100%;
}
.product_list li a.ssset:after {
	position:absolute;
	right: 5px;
	top:5px;
	width: 50px;
	height:50px;
	content: '';
	background:url('../images/share/tag_ssset_l.png') no-repeat;
	background-size: auto 100%;
}
.product_list li a.hsset.ssset:after {
	position:absolute;
	right: 5px;
	top: 0;
	width: 50px;
	height:110px;
	content: '';
	background-image:url('../images/share/tag_hsset_l.png'),url('../images/share/tag_ssset_l.png');
	background-repeat: no-repeat, no-repeat;
	background-size: 100% auto, 100% auto;
	background-position:0 5px, 0 55px;
}

.product_list li a:hover {
	display: block;
	box-shadow: inset 0 0 10px #DDD;
	box-sizing: border-box;
}

.product_list li img{
	/* width: 70%; */
	display: inline-block;
	margin: 0!important;
	padding:5% 15%;
}

.product_list li a span{
	font-weight: bold;
	font-size: 117%;
	display: block;
	vertical-align: top;
	color: #333;
	width: 84%;
	border-top:1px solid #e4e7ec;
	margin:0 8%;
	padding: 5% 0 0 0;
	box-sizing:border-box;
	line-height: 1.2em;
}


.product_list li a span:last-child{
	font-weight: bold;
	font-size: 100%;
	display: block;
	vertical-align: top;
	color: #333;
	width: 90%;
	line-height: 1em;
	border-top:none;
	padding: 0 0 5% 0;
	box-sizing:border-box;
	line-height: 1.2em;
	margin-top: 0.3em;
}

.product_list li a span.s-title{
	font-weight: bold;
	font-size: 80%;
	display: block;
	vertical-align: top;
	color: #333;
	width: 84%;
	border-top:1px solid #e4e7ec;
	margin:0 8%;
	padding: 5% 0;
	box-sizing:border-box;
	line-height: 1.2em;
}

/*  */

.the_series {
	margin-bottom: 20px;
}
/*.the_series li {
	width: 50%;
	box-sizing: border-box;
	float: left;
}
これだけレスポンシブ
*/

.the_series li a {
	display: block;
}

.the_series li img{
	width: 50%;
	display: inline-block;
	margin: 0!important;
	float: left;
}

.the_series li a span{
	font-weight: bold;
	font-size: 134%;
	display: inline-block;
	vertical-align: top;
	margin-top: 30px;
	color: #333;
	width: 40%;
	float: left;
}

.the_series li a span:nth-child(3){
	font-weight: bold;
	font-size: 100%;
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
	color: #333;
	width: 40%;
	float: left;
	line-height: 1em;
}

/*  */

ul.product-thumb {
}

ul.product-thumb li{
	width: 33.0%;
	display: inline-block;
	border:1px solid #DDD!important;
	margin:-1px 0 0 -1px!important;
	float: left;
	box-sizing: border-box;
}
ul.product-thumb li a{
	display: block;
	/*border:1px solid #DDD!important;*/
	/*box-shadow: 0 0 2px #CCC;*/
    box-sizing: border-box;
	}
ul.product-thumb li img{
	width: 80%;
	padding: 10%;
	}
ul.product-thumb li span{
	display: block;
	text-align: center;
	font-size: 84%;
}

/*.btn_col2 li {
	width: 50%;
	float: left;
	padding: 5% 0;
}*/
.btn_col2 li a {
	display: block;
	font-weight: bold;
	width: 80%;
	text-align: center;
	border-radius: 5px;
	border:1px solid #CCC;
	line-height: 1.4em;
	padding: 0.5em 0;
	margin: 0 10%;
	font-size: 134%;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
		
	color: #333!important;
	box-sizing: border-box;
}
.btn_col2 li a:hover {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cecece 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cecece 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cecece 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cecece 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */

	box-shadow: inset 0 0 10px #DDD;
	box-sizing: border-box;
}




a.btn {
	display: block;
	width: 25%;
	text-align: center;
	border-radius: 5px;
	border:1px solid #CCC;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	color: #333!important;
}

a:hover.btn {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cecece 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cecece 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cecece 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cecece 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}
.dl_btn {
	border-top: 1px solid #DDD; 
	border-bottom: 1px solid #DDD; 
	margin: 40px 0; 
}
.dl_btn a.btn {
	display: block;
	width: 40%;
	text-align: center;
	border-radius: 5px;
	border:1px solid #CCC;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	margin:20px auto;
	color: #333!important;
	padding: 1em 0;
}


.box-border {
	border:2px solid #F2F2F2;
	padding: 1em 2em;
	line-height: 1.5em;
}

ul.normal {
	padding: 1em 2em;
	background: #F2F2F2;
	margin: 2em 0;
}
ul.normal li{
	list-style: disc;
	list-style-position: inside;
}

ul.normal-2 {
	padding: 1em 2em;
	margin: 2em 0;
}
ul.normal-2 li{
	list-style: disc;
	list-style-position: inside;
}


ol.normal {
	padding: 0em 2em;
}

ol.normal li{
	list-style: decimal!important;
	list-style-position: inside;
}

#fixedBox {

}

#fixedBox ul{
	width: 70%;
	float: left;
	margin: 0;
	padding: 0;
}
#fixedBox ul li{
	float: left;
	margin: 0;
	margin-left: 1em;
	font-size: 84%;
	height: 1.5em!important;
		
}
#fixedBox ul li a{
	margin: 0;
	padding: 0;
}

#fixedBox a.btn{
	float: right;
	width: 25%;
	padding: 0.8em 0;
}

.aform-content input,
.aform-content textarea {
	border-radius:3px;
	border:1px solid #DDD;
}

.aform-content .aform-name-ul li, .aform-content .aform-name-ul li,
.aform-content .aform-name-ul li, .aform-content .aform-kana-ul li  {
	display: inline-block!important;
}

.aform-input.aform-name{
	width: 90%!important;
	display: block;
}
.aform-input.aform-kana {
	width: 90%!important;
	display: block;
}
.aform-input.aform-email {
	width: 80%!important;
	display: block;
	margin-bottom: 0.5em;
}
.aform-input.aform-tel{
	width: 60%!important;
	display: block;
	margin-bottom: 0.5em;
}
.aform-input.aform-textarea {
	margin:0.5em 0;
	border:1px solid #DDD!important;
}
.aform-content dl dt .required {
	top:10px!important;
	right: 10px!important;
}

#aform_btn_confirm_58{
	text-align: center;
	border-radius: 5px;
	border:1px solid #CCC;
	width: 40%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	color: #333!important;
	cursor: pointer;
	padding: 0.5em;
}

.catalog li span {
	font-size: ;
}

.sale-product img{
	width: 100%!important;
}

.ico_nolicence {
	width: 80px;
	height: 80px;
	display: inline-block;
	position: absolute;
	right: 0px;
	top:0px;
}
.ico_nolicence img{
	width: 100%;
}

/* 20190724 */

.flex2Col {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
}

.flex2Col div{
	width: 48%;
}

.flex2Col div img{
	width: 100%;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*  */

.faq dl {
	margin:30px 0;
}
.faq dl dt{
	font-weight: bold;
	margin-bottom: 10px;
}
.faq dl dd{
	padding-left: 4em;
	text-indent: -1.7em;
}

.faq dl dd:first-letter{
	color:#D92B00;
	font-weight: bold;
}

.faq dl {}

.swiper-slide {
	padding-bottom: 20px;
}
.swiper-slide span {
  position: absolute;
  right: 10px;
  bottom:10px;
}

/*  */

.setItems img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
}


.marutokuBox .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}