@charset "UTF-8";

/* =================================================================================
【タイトル・導入部分】　<h1>ブログメインタイトル
================================================================================= */
@media print, screen and (min-width: 48em) {
	.c-content-section-1 {
		margin-bottom: 3.5em !important;
	}
}
.p-article-heading {
	margin-bottom: 25px;
}
@media print, screen and (min-width: 48em) {
	.p-article-heading {
	margin-bottom: 30px;
	}
}
.p-article-heading__main_title {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
		  font-feature-settings: 'palt' 1;
	font-weight: bold;
	font-size:153.9%;
	line-height: 1.6;
}
.p-article-heading__main_title span{
	font-size:70%;
	margin-top: 0.25em;
	display: block;
}
@media print, screen and (min-width: 48em) {
	.p-article-heading__main_title {
		font-size: 206%;
		text-align: center;
		line-height: 1.9;
	}
}
@media only screen and (max-width: 47.9375em) {
	.p-article-heading__main_title br {
		display: none;
	}
}

/* ==================================================================
【タイトル・導入部分】　リード文 */
.p-entry-edit-area p {
	margin-bottom: 8px;
	font-size: 100%;
	line-height: 1.8;
}
@media print, screen and (min-width: 48em) {
	.p-entry-edit-area p {
		margin-bottom: 18px;
		font-size: 108%;
	}
}
/* ==================================================================
【タイトル・導入部分】リード文下 画像リスト
 */
@media print, screen and (min-width: 48em) {
	.p-column-pic-list{
		max-width:550px;
		margin-left:auto;
		margin-right:auto;
	}
}
@media print, screen and (min-width: 80em) {
	.p-column-pic-list{
		max-width:1040px;
		margin-left:auto;
		margin-right:auto;
	}
}


@media print, screen and (min-width: 40em) {
	.p-column-pic-list{
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: center;/*Safari etc.*/
		-ms-justify-content: center;/*IE10*/
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 3em;
	}
}


.c-image{
	margin-bottom: 1em !important;
	border: solid 1px #cacaca;
}
@media print, screen and (min-width: 48em) {
	.c-image{
		margin-bottom: 3em !important;
		border: solid 1px #cacaca;
	}
} 
@media print, screen and (max-width: 40em){
	.p-column-block__column--3.pic-01{margin-bottom:2em!important;}
	.p-column-block__column--3.pic-02{margin-bottom:2em!important;}
	.p-column-block__column--3.pic-03{margin-bottom:2em!important;}
}
@media print, screen and (min-width: 40em) {
	.p-column-block__column--3.pic-01{
		width:100%;
		max-width: 550px;
		margin-bottom:1em!important;
	}
	.p-column-block__column--3.pic-02{
		width:250px;
		margin:0 0.5em;
		margin-bottom:0!important;
	}
	.p-column-block__column--3.pic-03{
		width:250px;
		margin-bottom:0!important;
	}
}  
@media print, screen and (min-width: 80em) {
	.p-column-block__column--3.pic-01{
		width:550px;
		margin-bottom:0!important;
	}
	.p-column-block__column--3.pic-02{
		width:320px;
		margin:0 0.5em;
		margin-bottom:0;
	}
	.p-column-block__column--3.pic-03{
		width:320px;
		margin-bottom:0;
	}
}

/* ==================================================================
【共通】領域ブロック
 */
.p-column-block{
	margin-top: 2.5em;
	margin-bottom: 3em;
}
@media print, screen and (min-width: 48em) {
	.p-column-block{
		/*! margin-top: 2em; */
	}
}


/* =================================================================================
【ページ本文ブロック】ページ本文ブロック　<h2>項目メインタイトル
================================================================================= */
.p-contents-heading {
	margin-bottom: 25px;
}
@media print, screen and (min-width: 48em) {
	.p-contents-heading {
	margin-bottom: 20px;
	}
}
.p-contents-heading__main_title {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	font-weight: bold;
	font-size:153.9%;
	line-height: 1.4;
}
.p-contents-heading__main_title span{
	font-size:70%;
	/*! margin-top: 0.25em; */
	display: block;
}
@media print, screen and (min-width: 48em) {
	.p-contents-heading__main_title {
		font-size: 226%;
		text-align: center;
		line-height: 1.8;
	}
}
@media only screen and (max-width: 47.9375em) {
	.p-contents-heading__main_title br {
		display: none;
	}
}

/* ===========================================================
【ページ本文ブロック】各項目表題
 */
.c-heading-2__title {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
		  font-feature-settings: 'palt' 1;
	letter-spacing: 0.16em;
	font-weight: bold;
	font-size: 116%;
}
@media print, screen and (min-width: 48em) {
	.c-heading-2__title {
		font-size:138.5%;
	}
}
.c-heading-2__title .c-txt-price{
	margin-left:0;
	font-weight:normal;
	font-size:73%;
	display: block;
}
@media print, screen and (min-width: 48em) {
	.c-heading-2__title .c-txt-price{
		margin-left:1em;
		font-weight:normal;
		font-size:73%;
		display: inline-block;
	}
}
@media print, screen and (min-width: 61.25em) {
	.c-heading-2__title {
		margin-right: 27px;
		font-size:184%;
	}
	.c-heading-2__title .c-txt-price{
		margin-left:1em;
		font-weight:normal;
		font-size:73%;
	}
}
/* ===========================================================
【ページ本文ブロック】左画像＆表題＆文章　ボックス
 */
.p-img-txt-block {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	letter-spacing:-0.4em;
	margin-bottom:2em;
}
.p-img-txt-block .c-img-block{
	width:100%;
	margin:0;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
	text-align:center;
}
.p-img-txt-block .c-img-block img{
	width:60%;
	max-width:380px;
	height:auto;
}
.p-img-txt-block .c-txt-block{
	width:100%;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.p-img-txt-block .c-txt-block-ttl{
	font-size:100%;
	font-weight:bold;
}
.p-img-txt-block .c-txt-block-txt{
}
@media print, screen and (min-width: 48em) {
	.p-img-txt-block {
		font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
		letter-spacing:-0.4em;
		margin-bottom:0;
		display:block;
	}
	.p-img-txt-block .c-img-block{
		width: 26%;
		margin: 0 2% 0 3%;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	.p-img-txt-block .c-img-block img{
		width:100%;
		max-width:380px;
		height:auto;
	}
	.p-img-txt-block .c-txt-block{
		width:69%;
		display:inline-block;
		letter-spacing:normal;
		vertical-align:top;
	}
	.p-img-txt-block .c-txt-block-ttl{
		font-size:146.5%;
		font-weight:bold;
	}
	.p-img-txt-block .c-txt-block-txt{
	}
}

/* ===========================================================
【ページ本文ブロック】製品画像とラインアップ
 */
.p-product-block{
	letter-spacing:-0.4em;
}
.c-procuct-img{
	width:100%;
	margin-right:5%;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	text-align:center;
}
.c-procuct-img img{
	width:100%;
	max-width:200px;
	height:auto;
}
@media print, screen and (min-width: 48em) {
	.c-procuct-img{
		width:20%;
		margin-right:5%;
		display:inline-block;
		letter-spacing:normal;
		vertical-align:top;
	}
	.c-procuct-img img{
		width:100%;
		max-width:200px;
		height:auto;
	}
}
.c-table-list {
	display: inline-block;
	letter-spacing:normal;
	vertical-align:top;

}

.c-table-list table{
	margin:1em 0 1em;
	border-collapse: collapse;
	table-layout: fixed;
	width:100%;
	color: #333;
}
.c-table-list th{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	padding: 17px 15px 14px;
	margin: 0;
	font-size: 100%;
	line-height:1.3;
	color: #333;
	border: 1px solid #CCC;
	vertical-align:middle;
	background-color:#f1f1f1;
	text-align: left;
	font-weight:bold;
}
@media print, screen and (min-width: 48em) {
	.c-table-list th{
		font-size: 116%;
	}
}
.c-table-list .c-img-item{

}
.c-table-list .c-img-item img{
	width: 100%;
	max-width: 160px;
	height: auto;

}

.c-table-list td{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	font-size: 100%;
	padding: 16px 15px 14px 16px;
	margin: 0;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: top;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	line-height: 1.4;
	vertical-align: middle;
	text-align: left;
}
@media print, screen and (min-width: 48em) {
	.c-table-list td{
		/* font-size: 116%; */
	}
}
.c-table-list th.series{
	width:20%;	
}
.c-table-list th.kataban{
	width: 24%;
}
.c-table-list th.name{
	width:20%;
}
.c-table-list th.kakaku{
	width:37%;
}
@media print, screen and (min-width: 48em) {
	.c-table-list th.series{
		width: 40%;
	}
	.c-table-list th.kataban{
		width: 60%;
	}
	.c-table-list th.name{
		width:20%;
	}
	.c-table-list th.kakaku{
		width:37%;
	}
}
.c-table-list td em{
	font-style: normal;
	font-size: 133%;
}
@media print, screen and (min-width: 48em) {
	.c-table-list {
		width: 100%;
		display: inline-block;
		letter-spacing:normal;
		vertical-align:top;
		overflow-x:none;
	}
	.c-table-list table{
		margin: 0px 0 1.5em;
		border-collapse: collapse;
		table-layout: fixed;
		width:100%;
		color: #333;
	}
	.js-scroll-table-msg{
		display: none;
		letter-spacing: normal;
	}

}

@media print, screen and (max-width: 47.9375em) {
	.c-table-list {
		width: 100%;
		overflow-x: scroll;
	}
	.c-table-list table{
		width: 600px;
	}
	.js-scroll-table-msg{
		display: inline;
		letter-spacing: normal;
	}
}

/* ==================================================================
表形式内、インラインリンク
 */

.p-link-list-title{
	font-weight: bold;
	font-size:108%; 

}
td .p-link-list-title{
	font-weight: bold;
	font-size: 100%;

}
.p-block-link-inline-list{
	margin: 0.5em 0;
}
.p-block-link--item-inline{
	display: inline-block!important;
	margin-right: 1.5em;
	padding:0.15em 0; 
}

.p-gd-icn{
	display: inline;
	vertical-align: middle;
	width: 100%;
	max-width: 134px;
	height: auto;
	line-height: 1.1;
	margin-right: 0.25em;
}
@media print, screen and (max-width: 40em){
	.p-gd-icn{
		display: inline;
		vertical-align: middle;
		width: 100%;
		max-width: 134px;
		height: auto;
		margin:0 auto; 
		float: left;
		margin-right:10px;
	}
}
@media print, screen and (max-width: 48em){
	.p-gd-icn{
		display: none;
	}
}
.p-gd-txt{
	display: inline;
	vertical-align: middle;
	line-height: 1.1;
} 
/* ==================================================================
GOOGデザイン賞とは？
 */
.about-section{
	width:100%;
	padding:0;
	margin: 0 auto 2.5%;
	letter-spacing:-.40em;
}
@media print, screen and (min-width: 48em) {
	.about-section{
		margin: 0 auto 4.5%;
	}
}
.about-section div.img-box{
	width:100%;
	display:inline-block;
	vertical-align:top;
	margin: 12px 0 0 0;
	letter-spacing:normal;
	text-align:center;
}
.about-section div.img-box img{
	width: 100%;
	max-width: 400px;/*max505px*/
	height: auto;
}
.about-section dl{
	width:100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:0em 0 0 0;
	margin: 0 ;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}
.about-section dt{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	font-size: 146%;
	font-weight: bold;
	color: #cd1b13;
	padding: 0.25em 0 0.75em 0;
	text-align:center;
}
.about-section dd{
	font-size: 108%;
	line-height: 1.8;
	color:#666;
}





/************************************************************************
リスト文章
*************************************************************************/
.c-list--disc{
	margin-top: 2em;

}
.c-list--disc > li {
  margin-bottom: 1.3em;
  padding-left: 11px;
  background-image: url(//www.elecom.co.jp/common/svg/icon_disc.svg);
  background-repeat: no-repeat;
  background-position: 0 0.7em;
  background-image: url(//www.elecom.co.jp/common/svg/icon_disc_02.svg);
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: normal;
	font-size: 108%;
}


/************************************************************************
モーダルウインドウのサイズ調整
*************************************************************************/
.p-modal-module--simple.is-size-s img {
  width:700px!important;
}
.p-modal-module--simple.is-size-m img {
  width:800px!important;
}
.p-modal-module--simple.is-size-l img {
  width:900px!important;
}









/* ======================================================================================================================
未使用素材CLASS
 */


/* ===========================================================
【ページ本文ブロック】応募方法ブロック
 */
.p-enclosed-block{
	display: block;
}
.c-enclosed-box{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	border:1px solid #cacaca;
	border-radius:5px;
	box-sizing:border-box;
	padding:2em 1.5em 1em;
	margin:1.5em 0 0 0;
	width:100%;
	letter-spacing:normal;
}

.c-enclosed-box .c-img-ttl{
	text-align:center;
	margin:0 0 0.5em 0;
}
.c-enclosed-box .c-img-ttl img{
	width:95%;
	height: auto;
	max-width: 460px;
}
.c-enclosed-box .c-txt{
}
.c-enclosed-box .c-list-ttl{
	font-size:133%;
	font-weight:bold;
}
.c-enclosed-box .c-list-lineup{
}
@media print, screen and (min-width: 48em) {
	.p-enclosed-block{
		display: -webkit-box; /*Android4.3*/
		display: -moz-box;    /*Firefox21*/
		display: -ms-flexbox; /*IE10*/
		display: -webkit-flex; /*PC-Safari,iOS8.4*/
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	.c-enclosed-box{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	border: 1px solid #cacaca;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 3em 3em 1em;
	margin: 1.5em 0 0 0;
	width: 49%;
	letter-spacing: normal;
	}
	
	.c-enclosed-box .c-img-ttl{
		text-align:center;
		margin:0 0 0.5em 0;
	}
	.c-enclosed-box .c-img-ttl img{
		width: 100%;
		height: auto;
		max-width: 460px;
	}
	.c-enclosed-box .c-txt{
	}
	.c-enclosed-box .c-list-ttl{
		font-size:133%;
		font-weight:bold;
	}
	.c-enclosed-box .c-list-lineup{
	}
}
/* ===========================================================
【ページ本文ブロック】応募先詳細・期間表示
 */
.p-info-txt{
	margin:2em 0 0;
}
.p-info-txt strong{
	font-weight:bold;
}
.p-info-txt p{
		margin-bottom:0;
}
@media print, screen and (min-width: 48em) {
}


/* ===========================================================
【ページ本文ブロック】リミッツ開催概要・説明ブロック
 */
.p-limits-img-list{
	width: 100%;
	clear: both;
	display: block;
}
.p-limits-img-list .c-limits-img{
	margin-bottom:1em;
}
.p-limits-img-list .c-limits-img img{
	width:100%;
	max-width:1080px;
	height:auto;
}


@media print, screen and (min-width: 40.0625em) {
  .c-flex-container--3col .p-product-link-panel {
    /* width: 32%; */
    width: calc(50.33% - 2%);
    margin-right: 2%;
  }
}


.p-video-container-block{
	width: 100%;
	margin: 0 auto 1.75em;
}
@media print, screen and (min-width: 40.0625em) {
	.p-video-container-block{
		width: 100%;
		max-width: 550px;
		margin: 0 auto 2.0em;
	}
}



.p-column-block__column img {
  display: block;
  width: 100%;
  height: auto;
}



@media print, screen and (min-width: 40.0625em) {
  .p-column-block--article .p-column-block__column--2.pic-02 {
    width: 48.8%;
    margin-left: 2.2%;
  }
}


.p-column-block-image img{
	width: 100%;
	height: auto;
}

.c-content-section-1--has_border {
  padding-top: 24px;
}
@media print, screen and (min-width: 48em) {
  .c-content-section-1--has_border {
    padding-top: 48px;
  }
}





/************************************************************************************/

.c-article-col-item {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item {
        width: 680px;
        margin: 0;
    }
}

.c-gallery-popup .mfp-container.mfp-image-holder,
.c-inline-popup .mfp-container.mfp-image-holder {
    width: 900px;
}



@media print, screen and (min-width: 61.25em) {
    .c-sub-slider__list {
        margin: 0 0 36px;
    }
    .c-sub-slider__item {
        max-width: 680px;
    }
}

@media print, screen and (min-width: 61.25em) {
	.p-contents-heading.m-center{
	    text-align:center;
	}
}