@charset "UTF-8";

/* ==========================================
		　　　メーカートップページ
===========================================*/
.maker .title_ {
	border-top: 1px solid #d1cfcf;
	font-size: 20px;
    padding: 20px 5px;
    font-weight: bold;
}

.maker .maker_news_ {
	margin-bottom: 50px;
}

.maker .maker_news_ .topicline_ {
	border: 1px solid #d1cfcf;
	padding: 20px 10px;
}

.maker .maker_news_ .topicline_ li{
	margin-bottom: 15px;
}

.maker .maker_news_ .topicline_ li:last-child{
	margin-bottom: 0px;
}

.maker .maker_news_ .topicline_ dl {
	width: 100%;
    display: flex;
    align-items: baseline;
}

.maker .maker_news_ .topicline_ dl dt {
    font-size: 13px;
    margin-right: 25px;
    box-sizing: border-box;
    color: #1c1b1b;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.maker .maker_news_ .topicline_ dl dd {
	font-size: 13px;
    vertical-align: middle;
    box-sizing: border-box;
}

.maker .maker_news_ .topicline_ dl dd a {
	text-decoration: none;
}

.maker_icon_ {
	display: flex;
	width: 55px;
    height: 20px;
    background-color: #E45476;
    color: #F6F6F6;
    text-align: center;
    font-size: 8px;
    padding-top: 1.2px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 10px;
}

.maker_icon_.outlet_ {
	background-color: #FF3700;
}

.maker_icon_.new_ {
	background-color: #DC0000;
}

.maker_icon_.recommend_ {
	background-color: #F58320;
}

.maker_icon_.update_ {
	background-color: #D6A64C;
}

.maker_icon_.news_ {
	background-color: #D6A64C;
}

.maker_icon_.feature_ {
	background-color: #1D5FB3;
}

.maker .maker_event_ ul {
	width: 100%;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.maker .maker_event_ ul:after {
    content: "";
    display: block;
    width: 235px;  
    height: 0;
}

.maker .maker_event_ ul li {
	width: calc((100% - 60px) / 5);
	min-width: 235px;
	margin: 0 15px 15px 0;
}

.maker .maker_event_ ul li:nth-child(5n) {
	margin-right: 0;
}

.maker .maker_event_ ul li .maker_event_img_ {
	width: 100%;
    height: 165px;
    align-items: center;
		justify-content: center;
    display: flex;
    border: 1px solid #d1cfcf;
		overflow: hidden;
}

.maker .maker_event_ ul li .maker_event_img_ a {
	display: block;
}

.maker .maker_event_ ul li .maker_event_img_ img {
	width: auto;
    max-height: 163px;
}

@media screen and (max-width: 1644px) {
  .maker .maker_event_ ul li {
    width: calc((100% - 45px) / 4);
  }

  .maker .maker_event_ ul li:nth-child(4n) {
		margin-right: 0;
	}

  .maker .maker_event_ ul li:nth-child(5n) {
		margin-right: 15px;
	}
}

@media screen and (max-width: 1384px) {
  .maker .maker_event_ ul li {
    width: calc((100% - 30px) / 3);
  }

	.maker .maker_event_ ul li:nth-child(3n) {
		margin-right: 0;
	}

  .maker .maker_event_ ul li:nth-child(4n) {
		margin-right: 15px;
	}

  .maker .maker_event_ ul li:nth-child(5n) {
		margin-right: 15px;
	}
}

.maker .maker_event_ ul li .maker_event_text_ {
	margin-top: 5px;
}

.maker .maker_event_ ul li .maker_event_text_ .maker_event_title_ a {
	display: block;
	margin-top: 5px;
}

.maker .maker_event_ ul li .maker_event_text_ .maker_event_title_ .maker_event_day_ {
	display: block;
}

.maker .maker_event_ ul li .maker_event_text_ .maker_event_title_ a {
	font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.maker .maker_event_ ul li .maker_event_text_ .maker_event_discription_ {
    margin-top: 5px;
}

.maker .maker_event_ ul li .maker_event_text_ .maker_event_discription_ a {
    text-decoration: none;
}

.maker_more_btn_ a{
	color: #fff!important;
    text-align: center;
    text-decoration: none;
    border-radius: 0 !important;
    width: 256px !important;
    height: 47px;
    background-color: #3A3A3A;
    padding: 11px 0 !important;
    text-align: center;
    margin: 0 auto;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

@media screen and (max-width: 768px) {
	.genre_name_img_ {
		text-align: center;
	}
	
	.top_comment_ {
		margin: 0 6px 15px;
	}

	.maker .title_ {
		font-size: 16px;
		text-align: center;
	}
	
	.maker .maker_news_ {
		margin: 0 6px 50px;
	}

	.maker .maker_news_ .topicline_ dl {
		display: block;
	}

	.maker .maker_news_ .topicline_ dl dt {
		font-size: 12px;
		justify-content: start;
	}

	.maker .maker_news_ .topicline_ .maker_news_icon_ {
		margin-right: 10px;
	}

	.maker .maker_news_ .topicline_ dl dd {
		width: 100%;
		margin-top: 10px;
	}
	
	.maker .maker_event_ {
		margin: 0 6px;
	}

	.maker .maker_event_ ul {
		justify-content: space-between;
	}

	.maker .maker_event_ ul li {
		width: 47%;
		min-width: initial;
		margin-right: 0px;
	}

	.maker .maker_event_ ul li:nth-child(3n),
	.maker .maker_event_ ul li:nth-child(4n),
	.maker .maker_event_ ul li:nth-child(5n) {
		margin-right: 0px;
	}

	.maker .maker_event_ ul li .maker_event_img_ {
		width: 100%;
		height: 135px;
	}

	.maker .maker_event_ ul li .maker_event_img_ img {
		max-height: initial;
	}

	.maker .maker_event_ ul li .maker_event_text_ .maker_event_title_ a {
		font-size: 13px;
	}

	.maker .maker_event_ ul li .maker_event_text_ .maker_event_title_ .maker_event_day_ {
		font-size: 12px;
	}

	.maker .maker_event_ ul li .maker_event_text_ .maker_event_discription_ {
		font-size: 13px;
	}

	.maker_more_btn_ a{
		height: 35px;
	}

	.maker_icon_ {
		margin-right: 10px;
	}
}


/* ==========================================
		メーカー記事詳細ページ
===========================================*/

div.mainframe_ {
    float: right;
    display: inline;
    overflow: hidden;
}

.maker_detail_ {
	margin-bottom: 50px;
}

.maker_detail_ .detail_title_ {
	margin-top: 50px;
	margin-bottom: 50px;
}

.maker_detail_ .detail_title_ h1{
	font-size: 24px;
	font-weight: bold;
}

.maker_detail_ .detail_img_ {
	width: 100%;
}

.maker_detail_ .detail_img2_,
.maker_detail_ .detail_img3_ {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.maker_detail_ .detail_img_ img {
	width: 100%;
}

.maker_detail_ .detail_img2_ img {
	width: 47%;
}

.maker_detail_ .detail_img3_ img {
	width: 32%;
}

.maker_detail_ .detail_text_  {
	margin-top: 30px;
}

.maker_detail_ .detail_text_ h2.heading {
	font-size: 20px;
	font-weight: bold;
	margin-bottom:15px;
}

.maker_detail_ .detail_text_ h3.heading {
	font-size: 18px;
	margin-bottom: 15px;
}

.maker_detail_ .detail_text_ p.discription {
	font-size: 16px;
	margin-bottom: 15px;
}

.maker_detail_ p.discription a {
	text-decoration: underline;
}

.maker_detail_ .youtube_area_ iframe {
	/* width: 100%; */
	height: 420px;
}

.maker_moreinfo_btn_ a {
	color: #1D5FB3;
	text-align: center;
	text-decoration: none;
	border: 1px solid;
	border-color: #1D5FB3;
	border-radius: 0 !important;
	max-width: 100%;
	width: 500px !important;
	height: 47px;
	background-color: #fff;
	padding: 11px 0 !important;
	text-align: center;
	margin: 0 auto;
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

.maker_moreinfo_btn_ a:hover {
	color: #fff;
	background-color: #1D5FB3;
}

.maker_productlist_btn_ a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 0 !important;
	width: 256px !important;
	height: 47px;
	background-color: #009EDF;
	padding: 11px 0 !important;
	text-align: center;
	margin: 0 auto;
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

.maker_product_btn_ a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 0 !important;
	width: 256px !important;
	height: 47px;
	background-color: #D6A64C;
	padding: 11px 0 !important;
	text-align: center;
	margin: 0 auto;
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

.maker_contact_btn_ a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 0 !important;
	width: 256px !important;
	height: 47px;
	background-color: #1D5FB3;
	padding: 11px 0 !important;
	text-align: center;
	margin: 0 auto;
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

.maker_official_btn_ a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 0 !important;
	width: 256px !important;
	height: 47px;
	background-color: #3A3A3A;
	padding: 11px 0 !important;
	text-align: center;
	margin: 0 auto;
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 25px;
}

.maker_productlist_btn_ a:hover {
	opacity: 0.5;
}

.maker_product_btn_ a:hover {
	opacity: 0.5;
}

.maker_contact_btn_ a:hover {
	opacity: 0.5;
}

.maker_official_btn_ a:hover {
	opacity: 0.5;
}

.maker_detail_ .detail_blank_ {
	height: 30px;
}

@media screen and (max-width: 768px) {
	.maker_detail_ {
		padding: 0 12px;
	}

	.maker_detail_ .maker_logo_ {
		text-align: center;
	}

	.maker_detail_ .detail_title_ {
		margin: 35px 6px;
	}

	.maker_detail_ .detail_title_ h1 {
		font-size: 18px;
	}

	.maker_detail_ .detail_text_ {
		margin: 20px 6px;
	}

	.maker_detail_ .detail_text_ h2.heading {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.maker_detail_ .detail_text_ h3.heading {
	font-size: 14px;
	margin-bottom: 10px;
	}

	.maker_detail_ .detail_text_ p.discription {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.maker_detail_ .youtube_area_ iframe {
		height: 210px;
	}

	.maker_product_btn_ a, .maker_contact_btn_ a, .maker_official_btn_ a, .maker_productlist_btn_ a, .maker_moreinfo_btn_ a {
		height: 35px;
	}
	
}