@charset "UTF-8";
/*
 * component.css
 *
 *  version --- 1.0
 *  updated --- 2012/09/1
 */

/* Component
------------------------------------------------------------------*/
h3.txt{
	font-size:110%;
	border-top:2px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	padding:5px;
	margin:0 0 10px 0;
	font-family: 'Noto Sans Japanese bold';
	font-weight:bold;
}

.productsBox{
	margin:0 0 20px 0;
}

/* === clearfix ==*/
.productsBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.productsBox{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .productsBox{height: 1%;}
.productsBox{display: block;}
/* End hide from IE-mac */

.productsBox h3.cate_name {
	margin:0 0 20px 0;
	font-size:14px;
	background:url(../_img/master/h3_bg.gif) repeat-y;
	padding:6px 0 4px 15px;
}
@media only screen and (max-width: 767px) {
	.productsBox h3.cate_name {
		margin:0 0 20px 0;
		font-size:13px;
		background:url(../_img/master/h3_bg.gif) repeat-y;
		padding:5px 0 4px 15px;
	}
}

.productlist_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.productlist_container::after{
  content:"";
  display: block;
  width:300px;
}
.productsBox .element{
	width:300px;
	margin:0 0 50px 0;
}

/* === clearfix ==*/
.productsBox .element:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.productsBox .element{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .productsBox .element{height: 1%;}
.productsBox .element{display: block;}
/* End hide from IE-mac */

.productsBox .element .photo{
	float:left;
	display:inline;
	width:140px;
	text-align:center;
}

.productsBox .element .txt{
	float:left;
	display:inline;
	width:150px;
	margin:0 0 0 10px;
}

#gMainBody .productsBox .element .txt h3{
	font-size:108%;
	padding:0;
	border:none;
}

.productsBox .element h3 a{
	font-family: 'Noto Sans Japanese bold';
	font-weight:bold;
	text-decoration:none;
}

.productsBox .element h3 a:hover{
	text-decoration:underline;
}

.productsBox .element p{
	margin:0;
}

.productsBox.titleOnly{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.productsBox.titleOnly::after{
  content:"";
  display: block;
  width:30%;
}
.productsBox.titleOnly .element{
	width:190px;
	float:none;
	display:block;
	margin:0 0 30px 0;
	/*
	height:190px;
	background:url(../_img/master/product_photo_bg.gif) no-repeat;
	*/
}

.productsBox.titleOnly .element.last{
	margin-right:0;
}

.productsBox.titleOnly .photo{
	float:none;
	display:block;
	text-align:center;
	margin:10px 0 10px 0;
	width:190px;

}

.productsBox.titleOnly .photo img{

}

#gMainBody .productsBox.titleOnly h3{
	text-align:center;
}
.detailLink a{
	background:url(../_img/master/acs03.gif) no-repeat left center;
	padding:0 0 0 15px;
}


@media only screen and (max-width: 767px) {
	.productsBox .element{
		float:none;
		display:block;
		width:48%;
		margin:0 0 20px 0;
	}
	#gMainBody .productsBox .element .txt h3{
		margin-bottom: 5px;
	}
	.productsBox .element .photo{
		float:none;
		display:block;
		width:100%;
		text-align:center;
		margin-bottom: 10px;
	}

	.productsBox .element .txt{
		float:none;
		display:block;
		width:100%;
		font-size: .6rem;
		margin:0 0 0 0;
	}

	.productsBox .element h3 a{
		font-size: .7rem;
	}

	.productsBox.titleOnly .element{
		width:48%;
		float:none;
		display:block;
		margin:0 0 20px 0;
	}

	.productsBox.titleOnly .element.last{
		margin-right:0;
	}

	.productsBox.titleOnly .photo{
		width:100%;
	}
	.detailLink{
		text-align: right;
	}
	.detailLink a{
		display: inline-block;
		background:none;
		margin-top: 10px;
		font-size: 0.8rem;
		position: relative;
	}
	.detailLink a:before{
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 0;
		background:url(../_img/master/acs03.gif) no-repeat left center;
		width: 9px;
		height: 9px;
	}

}


/* === clearfix ==*/
.productsLink:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.productsLink{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .productsLink{height: 1%;}
.productsLink{display: block;}
/* End hide from IE-mac */

.productsLink ul{
	margin:0;
	padding:0;
}

.productsLink ul li{
	float:left;
	display:inline;
	width:190px;
	margin:0 10px 10px 0;
}

.full .productsLink ul li{
	float:left;
	display:inline;
	width:210px;
	margin:0 10px 10px 0;
}

.productsLink ul li a{
	background:url(../_img/master/acs01.gif) no-repeat left center;
	padding:0 0 0 7px;
}

.subContent{
	display:none;
}

.subContent.select{
	display:block;
}


.sp_logo{
	background-color: #000;
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
	color: #fff;
	font-family: 'Noto Sans Japanese bold';
	font-weight: bold;
	font-size: 16px;
}
.sp_logo .open_btn{
	position:absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sp_logo .open_btn img.close{
	display: none;
}
.sp_logo .open_btn.active img.close{
	display: inline;
}
.sp_logo .open_btn.active img.open{
	display: none;
}


/* === clearfix ==*/
#productsDetail:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#productsDetail{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #productsDetail{height: 1%;}
#productsDetail{display: block;}
/* End hide from IE-mac */

#productsDetail{
	margin:30px 0 0 0;
}

#productsDetail .photo{
	float:left;
	display:inline;
	width:419px;
	text-align:center;
}

#productsDetail .photo #imgViewArea{
	width:419px;
	height:419px;
	display:table-cell;
	layout-grid-line:419px;
	text-align:center;
	vertical-align:middle;
	margin:0 auto 15px auto;
}

#productsDetail .photo #imgViewArea img {
    vertical-align:middle;
    max-width:419px;
 	max-height:419px;
}
.product_audio .makerpage_new #productsDetail .photo{
	width: 700px;
	display: block;
	float: none;
	margin: 0 auto 40px auto;
}

@media only screen and (max-width: 767px) {
	#productsDetail .photo{
		float:none;
		display:block;
		width:100%;
		margin-bottom: 10px;
	}

	#productsDetail .photo #imgViewArea{
		width:100%;
		height:auto;
	}

	#productsDetail .photo #imgViewArea img {
	     vertical-align:middle;
	}
	.product_audio .makerpage_new #productsDetail{
		margin:20px 0 0 0;
		padding: 0 20px;
	}
	.product_audio .makerpage_new #productsDetail .photo{
		width: 100%;
		float: none;
		margin-left: auto;
		margin-bottom: 0;
	}
}

.product_audio .makerpage_new #productsDetail .photo .bx-wrapper img {
	margin: auto;
}
.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-pager {
	padding-top: 0;
	position: relative;
	top: 0;
	z-index: 99;
}
.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-pager.bx-default-pager a {
	background: url(../_img/top/pager.png) center center no-repeat;
	background-size: 7px auto;
    text-indent: -9999px;
    width: 30px;
    height: 25px;
    margin: 0 3px;
    outline: 0;
}
.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-pager.bx-default-pager a:hover,.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../_img/top/pager_on.png) center center no-repeat;
	background-size: 7px auto;
}
@media only screen and (max-width: 767px) {
	.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-pager {
		position: static;
		margin-top: 3px;
		padding-bottom: 13px;
		padding-top: 5px;
        width:60%;
        margin-left:auto;
        margin-right:auto;
	}
	.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-pager.bx-default-pager a {
	    background: url(../_img/top/pager.png) center center no-repeat;
			background-size: 5px 5px;
	    text-indent: -9999px;
	    width: 20px;
	    height: 20px;
	    margin: 0 0px;
	    outline: 0;
	}
	.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-pager.bx-default-pager a:hover,.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: url(../_img/top/pager_on.png) center center no-repeat;
		background-size: 5px 5px;
	}
}

.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-controls-direction a.bx-prev {
	background: url(../_img/top/prev2.png) center center no-repeat;
  width: 17px;
  height: 100px;
	margin-top: -70px;
	left: -30px;
	z-index: 99;
}
.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-controls-direction a.bx-prev:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}
.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-controls-direction a.bx-next {
	background: url(../_img/top/next2.png) center center no-repeat;
  width: 17px;
  height: 100px;
	margin-top: -70px;
	right: -30px;
	z-index: 99;
}
.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-controls-direction a.bx-next:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}
@media only screen and (max-width: 767px) {
	.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-controls-direction a.bx-prev {
		background-size: contain;
	  width: 8px;
	  height: 14px;
		margin-top: 0;
		top: auto;
		bottom: 15px;
		left: 40px;
		z-index: 200;
	}
	.product_audio .makerpage_new #productsDetail .photo .bx-wrapper .bx-controls-direction a.bx-next {
		background-size: contain;
	  width: 8px;
	  height: 14px;
		margin-top: 0;
		top: auto;
		bottom: 15px;
		right: 40px;
		z-index: 200;
	}
}


#productsDetail .txt{
	float:right;
	display:inline;
	width:481px;
}

#productsDetail .txt h2{
	border:none;
	margin:0 0 10px 0;
	font-size:160%;
}

#productsDetail .txt .copy{
	font-family: 'Noto Sans Japanese bold';
	font-weight:bold;
	font-size:120%;
}
.product_audio .makerpage_new #productsDetail .txt{
	float:none;
	display:block;
	width:100%;
}
.product_audio .makerpage_new #productsDetail .txt p{
	font-size: 14px;
}

.product_audio .makerpage_new #productsDetail .txt h2{
	font-size: 45px;
	border-bottom: none;
	margin-bottom: 30px;
	text-align: center;
}

.product_audio .makerpage_new #productsDetail .txt p.copy{
	font-size: 20px;
	border-bottom: none;
	margin-bottom: 30px;
	text-align: center;
}
.product_audio .makerpage_new #productsDetail .txt .copy br{
	/*display: none;*/
}

.product_audio .makerpage_new #productsDetail .txt .entry h2{
	font-size: 18px;
	margin-bottom: 15px;
	border-left: 7px solid #000;
	padding: 5px 0 5px 10px;
}
.product_audio .makerpage_new .entry h3{
	box-sizing: border-box;
	background-image: none;
	font-size: 18px;
	margin-bottom: 15px;
	border-left: 7px solid #000;
	padding: 5px 0 5px 10px;
	line-height: 1.4;
	padding-bottom: 0\9; /* IE10以下 */
	padding-top: 8px\9; /* IE10以上 */
}
@media all and (-ms-high-contrast: none){
  .product_audio .makerpage_new .entry h3{
    padding-bottom: 0; /* IE10以上 */
    padding-top: 8px; /* IE10以上 */
  }
}
.product_audio .makerpage_new .entry h3 span{
	background-color: #fff;
	padding: 0;
}
.product_audio .makerpage_new .entry h4 {
	clear: none;
}
.product_audio .makerpage_new .entry {
	padding: 0 40px;
}
.product_audio .makerpage_new .entry p{
	font-size: 15px;
	color: #333;
}

.product_audio .makerpage_new #productsDetail .txt .entry {
	padding: 0 0;
}

@media only screen and (max-width: 767px) {
	#productsDetail .txt{
		float:none;
		display:block;
		width:100%;
        margin-top: 20px;
	}
	#productsDetail .txt h2{
		font-size:140%;
	}
	.product_audio .makerpage_new .productContent .txt h2{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.product_audio .makerpage_new #productsDetail #textArea h2{
		font-size: 16px;
	}
	.product_audio .makerpage_new #productsDetail .txt p.copy{
		font-size: 16px;
	}
	.product_audio .makerpage_new #productsDetail .txt .copy{
		color: #000;
		font-size: 15px;
		font-family: 'Noto Sans Japanese bold';
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	.product_audio .makerpage_new .entry {
		padding: 0 20px;
	}
	.product_audio .makerpage_new #productsDetail .txt .entry h2{
		font-size: 22px;
		margin-bottom: 10px;
	}
	.product_audio .makerpage_new .sp_title h2{
		font-size: 20px;
		border-bottom: none;
		margin: 10px 0;
		text-align: center;
	}
	.product_audio .makerpage_new .entry h3{
		font-size: 16px;
		margin-bottom: 15px;
		border-left: 7px solid #000;
		padding: 5px 0 5px 10px;
		width: 100%;
	}
	.product_audio .makerpage_new #productsDetail .txt p{
		font-size: 15px;
	}
	.product_audio .makerpage_new .entry p{
		font-size: 14px;
	}
}

.links{
	text-align:left;
}

.links p{
	margin:0 0 0 30px;
}

.links p.review{
	background:url(../_img/ico/review.gif) no-repeat left center;
	padding:0 0 0 20px;
}

.links p.shop{
	background:url(../_img/ico/shop.gif) no-repeat left center;
	padding:0 0 0 20px;
}

.thumbnails img{
	margin:0 2px 10px 2px;
	border:1px solid #e1e1e1;
}

#contentsNavi{
	border-bottom:1px solid #d3d3d3;
	margin:30px 0 10px 0;
}

#contentsNavi li{
	background:#9e9e9e url(../_img/master/tab.gif) repeat-x left top;
	border:1px solid #a0a0a0;
	display:inline-block;
	*display: inline;
    *zoom: 1;
	padding:2px 10px;
	font-size:12px;
    line-height: 16px;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	behavior: url(/_js/PIE.htc);
	margin:0 5px 0 0;
}

#contentsNavi li.on{
	background:#757575 url(../_img/master/tab_on.gif) repeat-x left top;
	border:1px solid #777777;
	display:inline-block;
	*display: inline;
    *zoom: 1;
	padding:2px 10px;
}

#contentsNavi li a{
	color:#fff;
	font-family: 'Noto Sans Japanese bold';
	font-weight:bold;
	text-decoration:none;
}

#contentsNavi li a:hover{
	text-decoration:underline;
}

.makerpage_new #contentsNavi{
	border-bottom:1px solid #000;
	width: 1120px;
	margin: 15px auto 40px auto;
}

.ak .makerpage_new #contentsNavi{
    margin-bottom:20px;
    margin-top:20px;
}

.makerpage_new #contentsNavi li{
	background-image:none;
	border:none;
	color: #fff;
	font-size:14px;
	border-radius: 0;
	margin:0 5px 0 0;
	padding: 0;
}
.makerpage_new #contentsNavi li.on {
	background-image:none;
	background-color: transparent;
}
.makerpage_new #contentsNavi li.on a{
	background-color: #000;
}

.makerpage_new #contentsNavi li a{
	background-color: #8e8e8e;
	display: block;
	padding:5px 15px 4px 15px;
	color:#fff;
	font-family: 'Noto Sans Japanese bold';
	font-weight:bold;
	text-decoration:none;
	min-width: 90px;
	text-align: center;
	padding-bottom: 0\9; /* IE10以下 */
    padding-top:8px\9;
}
@media all and (-ms-high-contrast: none){
  .makerpage_new #contentsNavi li a{
    padding-bottom: 0; /* IE10以上 */
    padding-top:8px;
  }
}

.makerpage_new #contentsNavi li a:hover{
	text-decoration:none;
	background-color: #000;
}

@media only screen and (max-width: 767px) {
	#contentsNavi{
		margin:10px 0 10px 0;
	}

	#contentsNavi li{
		background-color:#9e9e9e;
		background-image: none;
		border-radius: 3px;
		margin:0 5px 5px 0;
	}

	#contentsNavi li.on{
		background-color:#757575;
		background-image: none;
		border-radius: 3px;
		margin:0 5px 5px 0;
	}

	#contentsNavi li a{
		color:#fff;
		font-family: 'Noto Sans Japanese bold';
		font-weight:bold;
		text-decoration:none;
	}

	#contentsNavi li a:hover{
		text-decoration:underline;
	}
	.makerpage_new #contentsNavi{
		border-bottom:1px solid #000;
		width: 100%;
		margin: auto;
	}
	.makerpage_new #contentsNavi li{
		font-size:10px;
		background-color:transparent;
		background-image: none;
		border-radius: 0;
		margin:0 0 0 0;
	}
	.makerpage_new #contentsNavi li a{
		padding:5px 10px 4px 10px;
		color:#fff;
		font-family: 'Noto Sans Japanese bold';
		font-weight:bold;
		text-decoration:none;
		min-width: 55px;
		text-align: center;
	}
	.product_audio .makerpage_new #contentsNavi{
	}
	.product_audio .makerpage_new #contentsNavi {
		border-bottom: none;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-bottom: 30px;
	}
	.product_audio .makerpage_new #contentsNavi li {
		box-sizing: border-box;
		float: none;
		margin-right: 0;
		border: 1px solid #9b9b9b;
		border-bottom: none;
		border-right: none;
		width: 25%;
	}
	.product_audio .makerpage_new #contentsNavi li:only-child {
		width: 100%;
	}
	.product_audio .makerpage_new #contentsNavi li:first-child:nth-last-child(2),
	.product_audio .makerpage_new #contentsNavi li:first-child:nth-last-child(2) ~ li {
		width: 50%;
	}
	.product_audio .makerpage_new #contentsNavi li:first-child:nth-last-child(3),
	.product_audio .makerpage_new #contentsNavi li:first-child:nth-last-child(3) ~ li {
		width: 33.33333%;
	}
	.product_audio .makerpage_new #contentsNavi li:first-child:nth-last-child(4),
	.product_audio .makerpage_new #contentsNavi li:first-child:nth-last-child(4) ~ li {
		width: 25%;
	}
	.product_audio .makerpage_new #contentsNavi li:nth-child(4n) {
		border-right: 1px solid #9b9b9b;
		height:
	}
	.product_audio .makerpage_new #contentsNavi li:last-child {
		border-right: 1px solid #9b9b9b;
		width: 25.3%;
	}
	.product_audio .makerpage_new #contentsNavi li:nth-last-child(-n+4) {
		border-bottom: 1px solid #9b9b9b;
	}
	.product_audio .makerpage_new #contentsNavi li a{
		box-sizing: border-box;
		background-color: #fff;
		color: #000;
		font-family: 'Noto Sans Japanese bold',"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
		font-size: 14px;
		width: 100%;
		height: 36px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.product_audio .makerpage_new #contentsNavi li.on a{
		background-color: #000;
		color: #fff;
	}
	.product_audio .makerpage_new #contentsNavi li a:hover{
		background-color: #000;
		color: #fff;
	}
	.product_audio .makerpage_new #contentsNavi ul{
		padding: 10px 20px 0 20px;
	}
	.product_audio .makerpage_new #contentsNavi ul li{
		display: block;
		height: auto;
		border-bottom:1px solid #dddddd;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 12px;
	}
	.product_audio .makerpage_new #contentsNavi ul li:last-child{
		border-bottom:1px solid #dddddd;
	}
}

.freeArea{
	margin:30px 0 0 0;
}

.makerpage_new .freeArea h2{
	font-size:18px;
	font-family: 'Noto Sans Japanese bold';
	font-weight:bold;
	margin:0 0 30px 0;
	border-left: 7px solid #000;
	border-bottom: none;
	padding: 5px 0 5px 10px;
}
.makerpage_new .freeArea{
	font-size:14px;
	line-height: 1.8;
}
.makerpage_new .freeArea p{
	font-size:14px;
	line-height: 1.8;
	margin:0 0 50px 0;
}
@media only screen and (max-width: 767px) {
	.makerpage_new .freeArea h2{
		font-size:16px;
		margin:0 0 20px 0;
	}
	.makerpage_new .freeArea p{
		font-size:15px;
		line-height: 1.8;
		margin:0 0 40px 0;
	}
	.makerpage_new .freeArea{
		font-size:15px;
		line-height: 1.8;
	}
}

.subContent{
	margin:0 0 20px 0;
}

#introArea{

}

/* === clearfix ==*/
#introArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#introArea{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #introArea{height: 1%;}
#introArea{display: block;}
/* End hide from IE-mac */

#introArea{
	margin:0 0 50px 0;
}

#introArea .photo{
	float:left;
	display:inline;
	width:100px;
	text-align:center;
}

#introArea #faqArea{
	float:right;
	display:inline;
	width:480px;
}

#introArea #faqArea h3{
	margin:0 0 5px 0;
	padding:0;
	background:none;
	border:none;
}

#introArea #faqArea .input input{
	vertical-align:middle;
}

#introArea #faqArea .input .inputIn{
	width:400px;
}
@media only screen and (max-width: 767px) {
	#introArea #faqArea{
		float:none;
		display:block;
		width:100%;
	}
	#introArea #faqArea .input .inputIn{
		width:100%;
	}
	#introArea #faqArea .input .inputIn{
		width:220px;
	}
}

.faqList{
	height:200px;
	overflow-y:scroll;
}
@media only screen and (max-width: 767px) {
	.faqList{
		height:100px;
		overflow-y:scroll;
	}
}

.faqList ul{
	margin:0 10px 0 10px
}

.faqList #result{
	display:none;
}

ul.acsList li{
	background:url(../_img/master/acs01.gif) no-repeat left 8px;
	padding:0 0 0 8px;
	margin:0 0 10px 0;
}

/* === clearfix ==*/
#files:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#files{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #files{height: 1%;}
#files{display: block;}
/* End hide from IE-mac */

#files{
	margin:0 0 40px 0;
}

#files .element{
	float:left;
	display:inline;
	width:300px;
	margin:0 0 20px 0;
}

#files .element.right{
	float:right;
	display:inline;
	width:300px;
}

#files h3{
	font-size:110%;
	border-top:2px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	padding:5px;
	margin:0 0 10px 0;
	font-family: 'Noto Sans Japanese bold';
	font-weight:bold;
}

#files .element ul{
	margin:0 10px;
}

.arrowLink{
	background:url(../_img/master/acs03.gif) no-repeat left center;
	padding:0 0 0 15px;
}

.backLink{
/*	background:url(../_img/master/acs04.gif) no-repeat left center;*/
	padding:0 0 0 0;
	margin:-10px 0 30px 0;
}

.arrowLink a{
	text-decoration:underline;
}

.arrowLink a:hover{
	text-decoration:none;
}

.dateHeader{
	float: right;
	display: inline;
	text-align:right;
	margin:0px 0 10px 0;
}

/* === clearfix ==*/
.news li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news li{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .news li{height: 1%;}
.news li{display: block;}
/* End hide from IE-mac */


.news li .date{
	float:left;
	display:inline;
	width:100px;
}

.news li .txt{
	float:left;
	display:inline;
	width:840px;
}
@media only screen and (max-width: 767px) {
	.news li .date{
		float:none;
		display:block;
		width:100px;
		margin-bottom: 5px;
	}
	.news li .txt{
		float:none;
		display:block;
		width:100%;
	}
}

#gSubBody .sideBox{
	margin:0 0 20px 0;
}

#gSubBody .sideBox .informationList{

}

#gSubBody .sideBox .informationList li{
	background:none;
	padding:5px 0;
}

#gSubBody .sideBox .informationList li span{
	display:block;
	background:none;
	padding:0;
}

#gSubBody .sideBox .informationList li .txt{
	background:none;
}

#gSubBody .sideBox .informationList a{
	background:none;
	padding:0;
}

#gSubBody .sideBox .informationList li span.date,
#gSubBody .sideBox .informationList li span.txt{
	margin:0 10px;
}

#gSubBody .sideBox .informationList li span.date{
	background:url(../_img/master/acs01.gif) no-repeat left center;
	padding:0 0 0 8px;
}

.page{
	text-align:center;
	margin:20px 0 0 0;
}

#gMainBody .page a{
	text-decoration:underline;
}

#gMainBody .page a:hover{
	text-decoration:none;
}


/* Top
------------------------------------------------------------------*/
.top .main_image {
	width: 100%;
	overflow: hidden;
}
/* 高さ不変　--------------
.top .main_image li {
	position: relative;
}
.top .main_image li .kv01_bg {
	background: url(../_img/top/kv01_bg.png) center center repeat-y;
	background-size: auto 593px;
	height: 593px;
	width: 100%;
	position: relative;
	z-index: 100;
}
.top .main_image li a img {
	position: absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 99;
}
 ////高さ不変　--------------*/

.top .main_image .bx-wrapper {
  width: 100%;
	position: relative;
}
.top .main_image .bx-wrapper .bx-viewport{
	background-color: #fff;
}

.top .main_image .bx-wrapper img {
	width: 100%;  /* 高さ可変時は100% */
	height: auto;
	margin: 0 auto;
}
.top .main_image li a img {
	opacity:1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
}

/* 高さ不変　--------------
@media only screen and (max-width: 1280px) {
	.top .main_image .bx-wrapper img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.top .main_image li a img {
		position: static;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}
	.top .main_image li .kv01_bg {
		display: none;
	}
}
 ////高さ不変　--------------*/

 /* 高さ変わる　--------------*/
 /*
 @media only screen and (max-width: 1400px) {
 	.top .main_image .bx-wrapper img {
 	  max-width: 200%;
 		width: 130%;
 		height: auto;
 		margin: 0 auto;
 	  -webkit-transform: translateX(-12.5%);
 	  -ms-transform: translateX(-12.5%);
 	  transform: translateX(-12.5%);
 	}
 }
 */
 /*  ///高さ変わる　--------------*/

 .main_image .bx-wrapper .bx-pager {
 	padding-top: 0;
 	position: relative;
 	top: -35px;
 	z-index: 99;
 }
 .main_image .bx-wrapper .bx-pager.bx-default-pager a {
 	background: url(../_img/top/pager.png) center center no-repeat;
 	background-size: 7px auto;
     text-indent: -9999px;
     width: 30px;
     height: 25px;
     margin: 0 3px;
     outline: 0;
 }
 .main_image .bx-wrapper .bx-pager.bx-default-pager a:hover,.main_image .bx-wrapper .bx-pager.bx-default-pager a.active {
 	background: url(../_img/top/pager_on.png) center center no-repeat;
 	background-size: 7px auto;
 }
 @media only screen and (max-width: 767px) {
 	.main_image .bx-wrapper .bx-pager {
 		position: static;
 		margin-top: 10px;
 		padding-bottom: 13px;
 		padding-top: 5px;
         width:60%;
         margin-left:auto;
         margin-right:auto;
 	}
 	.main_image .bx-wrapper .bx-pager.bx-default-pager a {
 	    background: url(../_img/top/pager.png) center center no-repeat;
 			background-size: 5px 5px;
 	    text-indent: -9999px;
 	    width: 20px;
 	    height: 20px;
 	    margin: 0 0px;
 	    outline: 0;
 	}
 	.main_image .bx-wrapper .bx-pager.bx-default-pager a:hover,.main_image .bx-wrapper .bx-pager.bx-default-pager a.active {
 		background: url(../_img/top/pager_on.png) center center no-repeat;
 		background-size: 5px 5px;
 	}
 }

.top .main_image .bx-wrapper .bx-controls-direction a.bx-prev {
	background: url(../_img/top/prev.png) center center no-repeat;
  width: 17px;
  height: 100px;
	margin-top: -70px;
	left: 20px;
	z-index: 99;
}
.top .main_image .bx-wrapper .bx-controls-direction a.bx-prev:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}
.top .main_image .bx-wrapper .bx-controls-direction a.bx-next {
	background: url(../_img/top/next.png) center center no-repeat;
  width: 17px;
  height: 100px;
	margin-top: -70px;
	right: 20px;
	z-index: 99;
}
.top .main_image .bx-wrapper .bx-controls-direction a.bx-next:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}
@media only screen and (max-width: 767px) {
	.top .main_image .bx-wrapper .bx-controls-direction a.bx-prev {
		background-size: contain;
	  width: 8px;
	  height: 14px;
		margin-top: 0;
		top: auto;
		bottom: 15px;
		left: 40px;
		z-index: 99;
	}
	.top .main_image .bx-wrapper .bx-controls-direction a.bx-next {
		background-size: contain;
	  width: 8px;
	  height: 14px;
		margin-top: 0;
		top: auto;
		bottom: 15px;
		right: 40px;
		z-index: 99;
	}
}


.top .top_topics {
	padding: 5px 0 50px;
}
.top .top_topics a{
	display: block;
	background-color: #dcdcdc;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
  transition: all  0.5s ease;
}
.top .top_topics a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
}
.top .top_topics a:hover{
	text-decoration: none;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}
.top .top_topics a .text_box{
	/*height: 190px;*/
	padding: 20px 15px 20px 15px;
	font-size: 13px;
	position: relative;
}
.top .top_topics a .text_box .title{
	color: #242424;
	text-align: center;
	font-family: 'Noto Sans Japanese bold';
	margin-bottom: 5px;
}
.top .top_topics a .text_box .cate{
	color: #242424;
	display: block;
	font-family: 'Noto Sans Japanese bold';
	font-size: 16px;
	position: absolute;
	bottom: 15px;
	left: 15px;
}
.top .top_topics a .text_box .date{
	color: #242424;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 15px;
	font-size: 11px;
}

.topics_list .text_box{
   min-height:180px;
}

@media only screen and (max-width: 767px) {
	.top .top_topics .topics_list {
		display: none;
	}
	.top .top_topics {
		padding: 25px 20px;
	}
	.top .top_topics ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.top .top_topics ul li{
		background-color: #dcdcdc;
		width: 48%;
		margin-bottom: 15px;
	}
	.top .top_topics a {
		position: relative;
	}
	.top .top_topics a img{
		width: 100%;
		height: auto;
	}
	.top .top_topics a .text_box{
		padding: 7px 7px 20px 7px;
		height: auto;
		position: static;
	}
	.top .top_topics a .text_box p{
		margin-bottom: 5px;
		font-size: 12px;
	}
	.top .top_topics a .text_box p.title{
		font-size: 13px;
	}
	.top .top_topics a .text_box .cate{
		position: static;
	}
	.top .top_topics a .text_box .date{
		position: static;
		font-size: 10px;
		text-align: right;
	}
}
@media only screen and (min-width: 768px) {
	.top .top_topics .topics_list_sp {
		display: none;
	}
}

.top .top_topics .bx-wrapper .bx-pager {
	padding-top: 28px;
}
.top_topics .bx-wrapper .bx-pager.bx-default-pager a {
	background: url(../_img/top/pager.png) center center no-repeat;
	background-size: 7px auto;
    text-indent: -9999px;
    width: 30px;
    height: 25px;
    margin: 0 3px;
    outline: 0;
}
.top_topics .bx-wrapper .bx-pager.bx-default-pager a:hover,.top_topics .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../_img/top/pager_on.png) center center no-repeat;
	background-size: 7px auto;
}
.top .top_topics .bx-wrapper .bx-controls-direction a.bx-prev {
	background: url(../_img/top/prev.png) center center no-repeat;
	background-size: 8px 15px;
  width: 8px;
  height: 30px;
	margin-top: 0;
	top: auto;
	bottom:-5px;
	left: 50%;
	margin-left: -110px;
	z-index: 99;
}
.top .top_topics .bx-wrapper .bx-controls-direction a.bx-next {
	background: url(../_img/top/next.png) center center no-repeat;
	background-size: 8px 15px;
	width: 8px;
  height: 30px;
	margin-top: 0;
	top: auto;
	bottom:-5px;
	right: 50%;
	margin-right: -110px;
	z-index: 99;
}

@media only screen and (max-width: 767px) {
	.top .top_topics .bx-wrapper .bx-pager {
		padding-top: 10px;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
	}
	.top .top_topics .bx-wrapper .bx-pager.bx-default-pager a {
	    width: 5px;
	    height: 5px;
	    margin: 0 7px;
	    outline: 0;
	    -moz-border-radius: 2.5px;
	    -webkit-border-radius: 2.5px;
	    border-radius: 2.5px;
	}
	.top .top_topics .bx-wrapper .bx-controls-direction a.bx-prev {
		background: url(../_img/top/prev.png) center center no-repeat;
		background-size: 8px 15px;
	  width: 8px;
	  height: 15px;
		margin-top: 0;
		top: auto;
		bottom:-5px;
		left: 40px;
		margin-left: 0;
		z-index: 99;
	}
	.top .top_topics .bx-wrapper .bx-controls-direction a.bx-next {
		background: url(../_img/top/next.png) center center no-repeat;
		background-size: 8px 15px;
		width: 8px;
	  height: 15px;
		margin-top: 0;
		top: auto;
		bottom:-5px;
		right: 40px;
		margin-right: 0;
		z-index: 99;
	}
}

.top .top_news {
	background-color: #fff;
	padding: 35px 44px;
}
.top .top_news .aR{
	margin-top: 15px;
}

.top .top_news .aR a{
	font-size: 11px;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ",'Noto Sans Japanese bold';
	font-weight: bold;
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	.top .top_news {
		padding: 35px 0 5px 0;
	}
	.top .top_news .aR{
		box-sizing: border-box;
		padding: 0 20px;
	}
}

.top .top_news .tabs {
	border-bottom: 2px solid #000;
	margin-bottom: 10px;
}
.top .top_news .tabs li {
	float: left;
	margin-right: 5px;
}
.top .top_news .tabs li:last-child {
	margin-right: 0;
}
.top .top_news .tabs li{
}
.top .top_news .tabs li a{
	background-color: #b5b5b5;
	color: #fff;
	display: flex;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese bold',"メイリオ";
	font-size: 14px;
	font-weight: bold;
	justify-content: center;
	align-items: center;
	width: 274px;
	height: 34px;
	cursor: pointer;
}
.top .top_news .tabs li a:hover{
	text-decoration: none;
}
.top .top_news .tabs li.active a{
	background-color: #000;
}
.top .top_news .tabs li a:hover{
	background-color: #000;
	text-decoration: none;
}
.top .top_news .news_tab ul{
	padding: 0 25px;
}
.top .top_news .news_tab ul li{
	display: display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	height: 60px;
	border-bottom:1px solid #dddddd;
}
.top .top_news .news_tab ul li:last-child{
	border-bottom:none;
}
.top .top_news .news_tab ul li span{
	display: block;
	font-family: 'Noto Sans Japanese bold';
}
.top .top_news .news_tab ul li span.date{
	width: 107px;
	font-size: 15px;
}
.top .top_news .news_tab ul li span.cate{
	background-color: #7d7d7d;
	color: #fff;
	margin-right: 20px;
	width: 135px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 11px;
}
.top .top_news .news_tab ul li a{
	display: block;
	width: 780px;
	font-size: 14px;
}
.top .box{
	position:absolute;
	right:-3px;
	top:0;
	cursor:pointer;
	margin:0;
	width:244px;
	height:76px;
	z-index:9999;
}

@media only screen and (max-width: 767px) {
	.top .top_news .tabs {
		border-bottom: none;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.top .top_news .tabs li {
		box-sizing: border-box;
		float: none;
		margin-right: 0;
		width: 25%;
		border: 1px solid #9b9b9b;
		border-right: none;
	}
	.top .top_news .tabs li:first-child {
		border-left: none;
	}
	.top .top_news .tabs li a{
		background-color: #fff;
		color: #000;
		font-family: 'Noto Sans Japanese bold',"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ";
		font-size: 12px;
		width: 100%;
		height: 36px;
		text-align: center;
		line-height: 1.2;
	}
	.top .top_news .tabs li.active a{
		background-color: #000;
		color: #fff;
	}
	.top .top_news .tabs li a:hover{
		background-color: #000;
		color: #fff;
	}
	.top .top_news .news_tab ul{
		padding: 10px 20px 0 20px;
	}
	.top .top_news .news_tab ul li{
		display: block;
		height: auto;
		border-bottom:1px solid #dddddd;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 12px;
	}
	.top .top_news .news_tab ul li:last-child{
		border-bottom:1px solid #dddddd;
	}
	.top .top_news .news_tab ul li span.date{
		position: static;
		width: auto;
		font-size: 12px;
		right: 10px;
		margin-bottom: 5px;
	}
	.top .top_news .news_tab ul li span.cate{
		display: inline-block;
		font-size: 12px;
		line-height: 1.2;
		min-width: 60px;
		margin-right: auto;
		margin-bottom: 5px;
		width: auto;
		height: auto;
		padding: 5px 20px;
	}
	.top .top_news .news_tab ul li a{
		width: 100%;
		font-size: 12px;
	}
}

.top .top_special {
	padding: 40px 0 0 0;
}
.top .top_special .flexbox {
	justify-content: flex-start;
}
.top .top_special .flexbox a {
	display: block;
	margin-right: 15px;
	margin-bottom: 25px;
}
.top .top_special .flexbox a:nth-child(4n) {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
    .top .top_special .flexbox::before{
      content:"";
      display: block;
      width: 288px;
      order:1;
    }
    .top .top_special .flexbox::after{
      content:"";
      display: block;
      width: 288px;
      margin-right: 15px;
      margin-bottom: 25px;
    }
}



@media only screen and (max-width: 767px) {
	.top .top_special {
		padding: 28px 20px 0 20px;
	}
	.top .top_special .flexbox {
		justify-content: space-between;
	}
	.top .top_special .flexbox a {
		width: 49%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.top .top_special .flexbox a img{
		width: 100%;
		height: auto;
	}
}

.top .top_shop {
	padding: 25px 0 0 0;
}
.top .top_shop .flexbox {
	justify-content: center;
}
.top .top_shop .flexbox a {
	display: block;
	margin-right: 20px;
}
.top .top_shop .flexbox a:last-child {
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	.top .top_shop {
		padding: 20px 20px 0 20px;
	}
	.top .top_shop .flexbox {
		display: block;
		text-align: center;
	}
	.top .top_shop .flexbox a {
		margin: 0 auto 15px auto;
	}
	.top .top_shop .flexbox a img{
		max-width: 80%;
	}
}

.top .top_brands {
	padding: 45px 0 0 0;
}
.top .top_brands .brands_list {
  *zoom: 1;
}
.top .top_brands .brands_list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.top .top_brands .brands_list a {
	background-color: #fff;
	width: 184px;
	height: 184px;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	margin: 0 19px 19px 0;
}
.top .top_brands .brands_list a:nth-child(6n) {
	margin-right: 0;
}
.top .top_brands .brands_list a img{
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px) {
	.top .top_brands {
		padding: 20px 20px 0 20px;
	}
	.top .top_brands .brands_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.top .top_brands .brands_list:after {
		content:"";
    display: block;
    width:30%;
	}
	.top .top_brands .brands_list a {
		box-sizing: border-box;
		padding: 0 10px;
		width: 30%;
		height: 184px;
		height: 95px;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.top .top_brands .brands_list a:nth-child(6n) {
		margin-right: 0;
	}
	.top .top_brands .brands_list a img{
		max-width: 100%;
		height: auto;
	}
}

#visualArea{
	width:957px;
	margin:0 auto;
	margin-bottom:60px;
	position:relative;
}

#mainVisual{
	margin:0;
	height:360px;
}

#mainVisual p{
	display:none;
	margin:0;
	padding:0;
}

#mainVisual p.on{
	display:block;
}


/* === clearfix ==*/
#visualArea #productsList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#visualArea #productsList{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #visualArea #productsList{height: 1%;}
#visualArea #productsList{display: block;}
/* End hide from IE-mac */

#visualArea #productsList{
	background:url(../_img/top/list_bg.gif) no-repeat;
	width:957px;
	height:196px;
}

#visualArea #productsList li{
	width:187px;
	height:187px;
	float:left;
	display:inline;
	margin:0 5px 5px 0;
}

#visualArea #productsList li{
	cursor:pointer;
}

#visualArea #productsList li.last{
	margin-right:0;
}

#visualArea #productsList li .photo{
	float:none;
	display:block;
	text-align:center;
	margin:15px 0 10px 0;
}

#visualArea #productsList li .photo img{

}

#visualArea #productsList li h3{
	text-align:center;
	font-size:95%;
}

#visualArea #productsList li h3 a{
	font-weight:bold;
}

#visualArea #selected{
	position:absolute;
	left:5px;
	top:365px;
}

.shopList{

}

/* === clearfix ==*/
.shopList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.shopList{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .shopList{height: 1%;}
.shopList{display: block;}
/* End hide from IE-mac */

.shopList li{
	float:left;
	display:inline;
	width:145px;
	margin:0 10px 20px 0;
}

/* === clearfix ==*/
#dlList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#dlList{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #dlList{height: 1%;}
#dlList{display: block;}
/* End hide from IE-mac */

/* === clearfix ==*/
#dlList .element:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#dlList .element{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #dlList .element{height: 1%;}
#dlList .element{display: block;}
/* End hide from IE-mac */

#dlList .element{
	border-bottom:1px dotted #999;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

#dlList .element .photo{
	float:left;
	display:inline;
	width:140px;
	text-align:center;
}

#dlList .element .txt{
	float:left;
	display:inline;
	width:450px;
	margin:20px 0 0 15px;
}

#dlList .element .txt a{
	text-decoration:underline;
}

#dlList .element .txt a:hover{
	text-decoration:none;
}

#dlList .element .txt ul{

}

#dlList .element .txt li{
	margin:0 0 5px 0;
}
@media only screen and (max-width: 767px) {
	#dlList .element .photo{
		width:100%;
		display: block;
		margin: auto;
	}

	#dlList .element .txt{
		float:none;
		display:block;
		width:100%;
		margin:10px 0 10px 0;
	}
}

.btn{
	text-align:center;
	margin:20px 0 30px 0;
}

.error{
	margin:0 0 0 20px;
}

.error li{
	list-style:disc;
	color:#c30000;
	margin:0 0 10px 0;
}

table.form th{
	width:180px;
}
@media only screen and (max-width: 767px) {
	table.form th{
		width:30%;
	}
	table.form td textarea{
		width: 98%;
	}
}

.errorMes{
	color:#c30000;
	margin:0 0 4px 0;
}

.calendarIcon{
	vertical-align:middle;
}

/*---------------- sitemap --------------------*/
.sitemap li,
.sitemap ul{
	padding:0;
	margin:0;
	background:none;
	}


.sitemap #linklist a{
	text-decoration:none;
	}

.sitemap #linklist a:hover{
	text-decoration:underline;
	}

.sitemap #linklist a em{
	font-weight:bold;
	}

.sitemap #linklist{
	padding:5px 0 0 50px;
	}

.sitemap #linklist,
.sitemap #linklist ul{ list-style:none;}
.sitemap .link02,.link03,.link04{ margin-left:0; padding-left:0;}

.sitemap ul#linklist ul{
	line-height:1;
	margin-bottom:1em;
	padding-top:0.3em;
	background-image:url("/_img/master/first-bar.gif");
	background-repeat:repeat-y;
	background-position:20px 0px;
	}

.sitemap ul#linklist ul li{
	margin:0.8em 0 0.8em 0;
	padding-left:65px;
	background-image:url("/_img/master/all-bar.gif");
	background-repeat:no-repeat;
	background-position:20px 0.7em;
	font-size:12px;
	}

.sitemap ul#linklist ul li.lastitem{
	background-image:url("/_img/master/last-bar.gif");
	background-repeat:no-repeat;
	background-position:20px 0.5em;
	}

.sitemap ul#linklist{
	margin:0em 1em 2em 1em;
	}

/*------------------ poricy --------------------*/
ul.policy{
	padding-left:20px;
	margin-bottom:15px;
}
ul.policy li{
	float:left;
	border-right:solid 1px #cccccc;
	padding:0 10px;
	margin-bottom:10px;
}
ul.policy li a{
	color: #EB8A32;
}

/* ----------------------business -------------------*/

#business #subNavi{
	margin-bottom:20px;
}
#business #subNavi li{
	float:left;
}

#social{
	margin:0 0 25px 0;
}

/* === clearfix ==*/
#social:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#social{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #social{height: 1%;}
#social{display: block;}
/* End hide from IE-mac */

#social li{
	float:left;
	display:inline;
	width:110px;
}

#entryOptions{

}

/* === clearfix ==*/
#entryOptions:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#entryOptions{
	display: inline-block;
	margin-top: -10px;
}

/* Hides from IE-mac \*/
* html #entryOptions{height: 1%;}
#entryOptions{display: block;}
/* End hide from IE-mac */

#entryOptions .backLink{
	float:left;
	display:inline;
	width:200px;
	padding-top: 10px;
}

#entryOptions #social{
	float:right;
	display:inline;
	margin:-8px -20px 0 0;
}
@media only screen and (max-width: 767px) {
	#entryOptions #social{
		margin:-8px 0px 0 0;
	}
	.company_table th,.company_table td {
		display: block;
		width: 100%;
	}
	.company_table .map{
		width: 100% !important;
	}
}

.bx-viewport li { min-height: 1px; min-width: 1px; }
.bx-clone {display: none;}


/* サポートページ */
.supportpage #makerNavi,
.commonHeader #makerNavi {
    width: 100%;
    height: 44px;
    margin: 0 0 0 0;
    background-color: #000;
    position: fixed;
    top: 50px;
    z-index: 99998;
}


.supportpage #makerNavi .logo,
.commonHeader #makerNavi .logo{
    width: 140px;
    height: 44px;
    display: flex;
    align-items: center;
    float: left;
    margin-right: 15px;
}
.supportpage #makerNavi .logo a,
.commonHeader #makerNavi .logo a{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.supportpage #makerNavi .logo a:hover,
.commonHeader #makerNavi .logo a:hover{
    text-decoration: none;
    color: #e0e0e0;
}

@media all and (-ms-high-contrast: none){
  .supportpage #makerNavi .logo a,
  .commonHeader #makerNavi .logo a{
    margin-top:5px;
  }
}

.supportpage #gWrapperInner{
	background-color:#f2f2f2;
}
.supportpage.audio #gWrapperInner{
	background-color:#fff;
}
.supportpage #makerNavi .logo a,
.commonHeader #makerNavi .logo a{
	font-size: 14px;
    font-family: 'Noto Sans Japanese bold';
	font-weight: 600;
	color: #fff;
}
.full .supportpage #gContainer{
	padding-top: 70px;
	width: 1200px;
}

.commonHeader #gContainer{
    padding-top: 60px;
}

.commonHeader #contentHeader{
    padding-bottom:25px;
}

.commonHeader #gContainer .pathNavi{

}

@media only screen and (max-width: 767px) {
	.full .supportpage #gContainer{
		padding-top: 30px;
		width: 100%;
	}
}

.supportpage h2{
	padding-bottom: 5px;
	margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
	.supportpage h2{
		padding-left: 10px;
	}
}

.supportpage #contentHeader {
    padding: 0 0 25px 0;
}


.supportpage .section.top_news{
	background-color: #fff;
	margin-bottom: 70px;
}

.supportpage .section.top_news h2{
    border-bottom:1px solid #000;
    padding:0 0 15px 0;
}

.supportpage .section.support_maker .support_list .tabs {
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
}
.supportpage .section.support_maker .support_list.product .tabs {
    border-bottom: none;
		margin-bottom: 0;
		background-color: #000;
}
.supportpage .section.support_maker .support_list .tabs li {
    float: left;
    margin-right: 8px;
}
.supportpage .section.support_maker .support_list .tabs li:last-child {
    margin-right: 0;
}
.supportpage .section.support_maker .support_list .tabs a{
    background-color: #b5b5b5;
    color: #fff;
    display: flex;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese bold',"メイリオ";
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    width: 294px;
    height: 90px;
    cursor: pointer;
    padding-top: 5px\9;
		text-decoration: none;
		letter-spacing: 0.05em;
}
.supportpage .section.support_maker .support_list .tabs a i{
    font-size: 20px;
		margin-left: 5px;
}
.supportpage .section.support_maker .support_list .tabs a:hover {
    background-color: #000;
}
.supportpage .section.support_maker .support_list .tabs li.active a {
    background-color: #000;
}
.supportpage .section.support_maker .support_list .tabMenu {
	background-color: rgba(227,227,227,0.9);
	padding: 32px 0;
	width: 100%;
}
/* clearfix */
.supportpage .section.support_maker .support_list .tabMenu{
  *zoom: 1;
}
.supportpage .section.support_maker .support_list .tabMenu:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1281px) {
	.supportpage .section.support_maker .support_list .tabMenu {
		padding: 16px 0 18px 0;
	}
}

.supportpage .section.support_maker .support_list .tabMenu ul{
	margin-left:17px;
}

.supportpage .section.support_maker .support_list .tabMenu ul li{
	width: 183px;
	display: inline-block;
    vertical-align: top;
	margin-right: 10px;
    margin-bottom:20px;
}

.supportpage .section.support_maker .support_list .tabMenu ul li:nth-child(6n){
	margin-right: 0;
}
.supportpage .section.support_maker .support_list .tabMenu ul li a{

	width: 183px;
	height: 183px;
	margin-bottom: 10px;
    position: relative;
}

.supportpage .section.support_maker .support_list .tabMenu ul li a .image{
    background-color: #fff;
	width: 184px;
	height: 184px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #f2f2f2;
	margin-bottom: 10px;
}



.supportpage .section.support_maker .support_list .tabMenu ul li a .text{
	font-family: 'Noto Sans Japanese bold';
	text-align: center;
	line-height: 1.4;
}


.supportpage .section.support_maker .support_list .tabMenu ul li a img{
	width: 184px;
	height: auto;
}

.supportpage .section.support_maker .support_list.product ul.tabs li{
	float:left;
}

@media only screen and (min-width: 768px) {
	/* 1つの場合 */
	.supportpage .section.support_maker .support_list.product ul.tabs li.category_btn:only-child {
		width: 180px;
	}

	/* 2つの場合 */
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(2),
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(2) ~ li {
		width: 300px;
	}

	/* 3つの場合 */
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(3),
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(3) ~ li {
		width: 300px;
	}

	/* 4つの場合 */
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(4),
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(4) ~ li {
		width: 300px;
	}

	/* 5つの場合 */
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(5),
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(5) ~ li {
		width: 240px;
	}
	/* 6つの場合 */
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(6),
	.supportpage .section.support_maker .support_list.product ul.tabs li:first-child:nth-last-child(6) ~ li {
		width: 200px;
	}
}

.supportpage .section.support_maker .support_list.product ul.tabs li{
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Noto Sans Japanese medium';
	font-size: 14px;
	height: 44px;
	cursor: pointer;
	position: relative;
	width: 300px;
	margin-right: 0;
}
@media screen\0 {
  .supportpage .section.support_maker .support_list.product ul li {
		padding-top:3px;
  }
}
.supportpage .section.support_maker .support_list.product .tabs a {
	background-color: #000;
    font-size: 14px;
    width: 100%;
    height: 44px;
}

.supportpage .section.support_maker .support_list.product ul li i{
	font-size: 17px;
	margin-left: 10px;
}
@media screen\0 {
  .supportpage .section.support_maker .support_list.product ul li i {
		padding-bottom:4px;
  }
}


.supportpage .section.support_maker .support_list.product ul li:before{
	content: "";
	background-color: #a2a2a2;
	display:block;
	position: absolute;
	width: 1px;
	height: 22px;
	top: 50%;
	margin-top: -11px;
	right: 0;
}
.supportpage .section.support_maker .support_list.product ul li:last-child:before{
	content: none;
}
.supportpage .section.support_maker .support_list.product ul li:hover:after,
.supportpage .section.support_maker .support_list.product ul li.active:after{
	content: "";
	background-color: #cc1b38;
	display:block;
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0;
	left: 0;
}
.supportpage .section.support_maker .support_list.product .tabMenu ul li:hover:after{
	content: none;
}



@media only screen and (max-width: 767px) {
	.supportpage .section.support_maker .support_list_sp{
		background-color: transparent;
		position: static;
	}
	.supportpage .section.support_maker .support_list_sp ul {
		width: 100%;
		border-top: 1px solid #c6c6c6;
		border-bottom: 1px solid #c6c6c6;
	}
	.supportpage .section.support_maker .support_list_sp ul li{
		float:none;
	}
	.supportpage .section.support_maker .support_list_sp ul li span{
		background: url(../_img/master/navi_plus.png) 94% center no-repeat #e7e7e7;
		background-size: 16px auto;
		box-sizing: border-box;
		color: #474747;
		display: block;
		font-size: 16px;
		width: 100%;
		height: 52px;
		line-height: 52px;
		padding-left: 20px;
		font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",'Noto Sans Japanese bold',"メイリオ";
		font-weight: bold;
	}
	.supportpage .section.support_maker .support_list_sp ul li.active span{
		background: url(../_img/master/navi_close.png) 94% center no-repeat #e7e7e7;
		background-size: 16px auto;
	}
	.supportpage .section.support_maker .support_list_sp ul li:nth-child(2n) span{
		background-color: #fff;
	}
	.supportpage .section.support_maker .support_list_sp ul li span:before{
		content: none;
	}
	.supportpage .section.support_maker .support_list_sp ul li span i{
		display: none;
	}

	.supportpage .section.support_maker .support_list_sp ul li span:hover:after{
		content: none;
	}

	.supportpage .section.support_maker .support_list_sp ul li .menu_over {
		padding: 10px ;
		position: static;
		background-color: #e7e7e7;
		display: none;
	}
	.supportpage .section.support_maker .support_list_sp ul li .menu_over ul{
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		border-top: none;
		border-bottom: none;
	}
	.supportpage .section.support_maker .support_list_sp ul li .menu_over ul:after{
		content:"";
        display: block;
        width:31.3%;
	}
	.supportpage .section.support_maker .support_list_sp ul li .menu_over ul li{
		width: 31.3%;
		height: auto;
		float: none;
		margin-right: 3%;
		margin-bottom: 10px;
	}
	.supportpage .section.support_maker .support_list_sp ul li .menu_over ul li:nth-child(3n){
		margin-right: 0;
	}
	.supportpage .section.support_maker .support_list_sp ul li .menu_over ul li a{
		display: block;
		width: auto;
		height: auto;
		margin-bottom: 0;
	}
	.supportpage .section.support_maker .support_list_sp ul li .menu_over ul li a img{
		width: 100%;
		height: auto;
	}
	.supportpage .section.support_maker .support_list_sp.product ul li .menu_over ul li{
		width: 49%;
		height: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.supportpage .section.support_maker .support_list_sp.product ul li .menu_over ul li:nth-child(3n){
		margin-right: 0;
	}
    .supportpage .section.support_maker .support_list_sp.product ul li .menu_over ul li a{
    	background-color:transparent;
    	display: block;
        margin-bottom: 20px;
    }

    .supportpage .section.support_maker .support_list_sp.product ul li .menu_over ul li a:hover{
    	color: #898888;
    }

    .supportpage .section.support_maker .support_list_sp.product ul li .menu_over ul li a .image{
        display: flex;
		background-color: #fff;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 180px;
		margin-bottom: 0;
    }

    .supportpage .section.support_maker .support_list_sp.product ul li .menu_over ul li a .text{
    	font-family: 'Noto Sans Japanese bold';
    	text-align: center;
    	line-height: 1.4;
        margin-top:10px;
    }
}
.supportpage .section.support_faq {
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
	margin-bottom: 100px;
}
.supportpage .section.support_faq ul{
}
.supportpage .section.support_faq ul li{
	background-image: none;
	border-bottom: none;
	text-align: center;
}
.supportpage .support_btn{
	width: 345px;
	border: 1px solid #000;
	border-radius: 5px;
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
}
.supportpage .support_btn:hover{
	color: #898888;
	text-decoration: none;
	border-color: #898888;
}
@media only screen and (max-width: 767px) {
	.supportpage .support_btn{
		width: 290px;
		height: 60px;
		line-height: 60px;
		font-size: 15px;
	}
}
.supportpage .enditem{
	margin-top: 70px;
}
.supportpage .enditem a{
	font-size: 16px;
	font-weight: 500;
	text-decoration: underline;
    font-weight: bold;
}
.supportpage .enditem a:hover{
	color: #898888;
    font-weight: bold;
}

.supportpage.audio .support_photo {
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.supportpage.audio .support_photo {
		padding: 0 20px;
	}
	.supportpage.audio #pathNavi {
		padding: 0 10px;
	}
}
.supportpage.audio .support_photo h3{
	font-size: 40px;
	margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
	.supportpage.audio .support_photo h3{
		font-size: 20px;
	}
}


.supportpage.audio .support_box,
.supportpage.audio .supportSubContentsList{
	width: 960px;
	margin: auto;
}
@media only screen and (max-width: 767px) {
	.supportpage.audio .support_box,
    .supportpage.audio .supportSubContentsList{
		width: 100%;
		margin: auto;
		padding: 0 20px;
	}
}
.supportpage.audio .support_box h2{
	border-bottom: none;
}
.supportpage.audio .support_box.faq h2{
	border-bottom: 1px solid #000;
}
@media only screen and (max-width: 767px) {
	.supportpage.audio .support_box h2{
		margin-bottom: 10px;
	}
}


.supportpage .top_news {
	background-color: #fff;
	padding: 35px 44px;
}
.supportpage .top_news .aR{
	margin-top: 15px;
}

.supportpage .top_news .aR a{
	font-size: 11px;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ",'Noto Sans Japanese bold';
	font-weight: bold;
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	.supportpage .top_news {
		padding: 35px 0 5px 0;
	}
	.supportpage .top_news .aR{
		box-sizing: border-box;
		padding: 0 20px;
	}
}

.supportpage.audio .support_box.faq ul.faqScroll{
	height: 200px;
	overflow-y: scroll;
}

.supportpage.audio .support_box ul li{
	background-image: none;
	position: relative;
	padding: 10px 0 10px 10px;
}
.supportpage.audio .support_box ul li a{
    text-decoration: underline;
}
.supportpage.audio .support_box ul li a:hover{
    text-decoration: none;
}
.supportpage.audio .support_box ul li span{
	background-image: none;
	padding-left: 10px;
}
.supportpage.audio .support_box ul li:before{
    content: "";
	border-left: 1px solid #d24347;
	border-bottom: 1px solid #d24347;
	width: 6px;
	height: 6px;
	display: block;
	transform: rotate(-135deg);
	position: absolute;
	left:0;
	top:17px;
}

.supportpage .top_news .news_tab ul{
	padding: 0 25px;
}
.supportpage .top_news .news_tab ul li{
	display: display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	height: 60px;
	border-bottom:1px solid #dddddd;
}
.supportpage .top_news .news_tab ul li:last-child{
	border-bottom:none;
}
.supportpage .top_news .news_tab ul li span{
	display: block;
	font-family: 'Noto Sans Japanese bold';
}
.supportpage .top_news .news_tab ul li span.date{
	width: 107px;
	font-size: 15px;
}
.supportpage .top_news .news_tab ul li span.cate{
	background-color: #7d7d7d;
	color: #fff;
	margin-right: 20px;
	width: 135px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 11px;
}
.supportpage .top_news .news_tab ul li a{
	display: block;
	width: 780px;
	font-size: 14px;
}



@media only screen and (max-width: 767px) {
	.supportpage .supporttxt {
		padding: 0 20px;
	}
	.supportpage .top_news .news_tab ul{
		padding: 10px 20px 0 20px;
	}
	.supportpage .top_news .news_tab ul li{
		display: block;
		height: auto;
		border-bottom:1px solid #dddddd;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 12px;
	}
	.supportpage .top_news .news_tab ul li:last-child{
		border-bottom:1px solid #dddddd;
	}
	.supportpage .top_news .news_tab ul li span.date{
		position: static;
		width: auto;
		font-size: 12px;
		right: 10px;
		margin-bottom: 5px;
	}
	.supportpage .top_news .news_tab ul li span.cate{
		display: inline-block;
		font-size: 12px;
		line-height: 1.2;
		min-width: 60px;
		margin-right: auto;
		margin-bottom: 5px;
		width: auto;
		height: auto;
		padding: 5px 20px;
	}
	.supportpage .top_news .news_tab ul li a{
		width: 100%;
		font-size: 12px;
	}
}


.bx-viewport li { min-height: 1px; min-width: 1px; }
.bx-clone {display: none;}

.supportpage.audio .supportSubContentsList{
    margin-bottom:50px;
}
@media only screen and (max-width: 767px) {
    .supportpage.audio .supportSubContentsList{
        width:auto;
    }
}

.supportpage.audio .supportSubContentsList ul{
    margin-left:10px;
}

.supportpage.audio .supportSubContentsList li{
    margin-bottom:10px;
}

.supportpage.audio .supportSubContentsList a{
    text-decoration: underline;
    font-weight: bold;
    font-size:16px;
}

.supportpage.audio .supportSubContentsList a:hover{
    text-decoration: none;
}



.indentForm{
    margin-left:140px;
    margin-right:140px;
}

.cntForm table td{
    padding:10px 20px;
}

.cntForm table th strong{
    background: #cb0f27;
    color:#fff;
    font-size:10px;
    padding:2px;
    border:1px solid #dd868c;
    margin-left:5px;
    font-weight: normal;
}
@media all and (-ms-high-contrast: none){
    .cntForm table th strong{
        padding:3px 3px 0 3px;
    }
}

.cntForm table th{
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
}

.cntForm table th.bodyText{
    vertical-align: top;
}

.cntForm.en table th strong{
    background:none;
    color:#cb0f27;
    font-size:12px;
    padding:0;
    border:none;
    margin-left:5px;
}

.cntForm table td input[type="text"]{
    width:100%;
    display: block;
    height: 20px;
    padding: 4px 2px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    -webkit-appearance: none;
    border-radius: 0;
}

.cntForm table td textarea{
    -webkit-appearance: none;
    border-radius: 0;
    width:100%;
    display: block;
    height: 200px;
    padding: 4px 2px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.cntForm table tr td.inline input{
    display: inline !important;
    width: auto !important;
    width:100px !important;
}

.cntForm .btn input{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;

    display: inline-block;
    padding: 6px 60px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #fff;
    background-color: #a0a0a0;
    border-color: #dbdbdb;
    -webkit-appearance: none;
    border-radius: 0;
}

.formAttLink a{
    font-weight: bold;
    text-decoration: underline;
    color:#3e3e3e;
}
.formAttLink a:hover{
    text-decoration: none;
    color:#3e3e3e;
}


@media only screen and (max-width: 767px) {
    .indentForm{
        margin-left:0 ;
        margin-right:0;
    }
    .cntForm table tr td.inline input{
        display: inline !important;
        width: auto !important;
        width:50px !important;
    }
}

.youtube {
    text-align: center;
    margin: 80px auto 40px auto;
}
@media only screen and (max-width: 767px) {
    .youtube {
        margin: 40px auto 10px auto;
        padding: 0 20px;
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }
    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }
}