@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: 216%;
    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%;
  }
}
.p-column-pic-list{
  max-width:840px;
  margin-left:auto;
  margin-right:auto;
}
@media print, screen and (min-width: 40em){
.p-column-pic-list{
  max-width: 900px;
  width: 100%;
  }
}
 
@media print, screen and (max-width: 48em){
  .p-column-block__column--3.pic-01{width: 45%;}
  .p-column-block__column--3.pic-02{width: 45%;}
  .p-column-block__column--3.pic-03{width: 45%;}
  .p-column-block__column--3.pic-04{width: 45%;}
} 
@media print, screen and (min-width: 48em) {
  .p-column-block__column--3.pic-01{
    width: 37%;
    max-width: 550px;
    margin: 0 1.5% 0 0;
  }
  .p-column-block__column--3.pic-02{
    width: 37%;
    max-width: 550px;
    margin: 0 0 0 1。０%;
  }
  .p-column-block__column--3.pic-03{
    width: 24%;
    max-width: 760px;
    margin: 0 1.5% 0 0;
  }
  .p-column-block__column--3.pic-04{
    width: 55%;
    max-width: 760px;
    margin: 0 0 0 1.5%;
  }
}
@media print, screen and (max-width: 40em){
  .p-column-block__column--3.pic-01{width:100%;}
  .p-column-block__column--3.pic-02{width:100%;}
  .p-column-block__column--3.pic-03{width:100%;}
  .p-column-block__column--3.pic-04{width:100%;}
}

/* ==================================================================
【共通】拡大なし画像
 */
.p-column-block-image{
  margin-bottom: 1em !important;
  border:none!important;
  text-align: center;
  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;
}
.p-column-block-image img{
  width: 100%;
  max-width: 1140px;
  height: auto;
}

/* ==================================================================
【共通】領域ブロック
 */
.p-column-block{
  margin-top: 2.5em;
}
@media print, screen and (min-width: 48em) {
  .p-column-block{
    margin-top: 2em;
    /* justify-content: center; */
    align-items: center;
  }
}
/* =================================================================================
【ページ本文ブロック】ページ本文ブロック　<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: 197%;
    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: 147%;
}
@media print, screen and (min-width: 48em) {
  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: 197%;
  }
  .c-heading-2__title .c-txt-price{
    margin-left:1em;
    font-weight:normal;
    font-size:73%;
  }
}

.c-small-txt{
  font-size: 85%;
  font-weight: normal;
}
/* ===========================================================
【ページ本文ブロック】左画像＆表題＆文章　ボックス
 */
.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;
    width: 100%;
    margin: 0.5em 0;
  }
  .p-img-txt-block .c-img-block{
    width: 13%;
    margin: 0 2% 0 3%;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
  }
  .p-img-txt-block .c-img-block img{
    width:100%;
    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:133%;
    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 {
  width: 100%;
  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 6px 14px;
  margin: 0;
  font-size:100%;
  line-height:1.3;
  color: #333;
  border: 1px solid #CCC;
  vertical-align:middle;
  background-color:#f1f1f1;
  text-align:center;
  font-weight:bold;
}
.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:14px 10px 13px 14px;
  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 th.kataban{
    width:40%;
  }
}
.c-table-list td em{
  font-style: normal;
  font-size: 133%;
}
.c-table-list th.price{
  width:23%;
}
.c-table-list th.kataban{
  width:23%;
}
.c-table-list th.name{
  width:52%;
}
.c-table-list th.kakaku{
  width:25%;
  }
@media print, screen and (min-width: 48em) {
  .c-table-list {
    width: 100%;
    display: inline-block;
    letter-spacing:normal;
    vertical-align:top;
  }
  .c-table-list table{
    margin:0 0 0.5em;
    border-collapse: collapse;
    table-layout: fixed;
    width:100%;
    color: #333;
  }
  .c-table-list th.price{
    width: 15%;
  }
  .c-table-list th.kataban{
    width:23%;
  }
  .c-table-list th.name{
    width:52%;
  }
  .c-table-list th.kakaku{
    width:25%;
  }
}
/************************************************************************
リスト文章
*************************************************************************/
.c-list--disc{
  /*margin-top: 2em;*/

}
.c-list--disc > li {
  margin-bottom: 0.8em;
  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%;
}
/************************************************************************
定義リスト;
*/
.c-dl-list{
  text-align: left;
  margin: 0.5em 0 0.5em 0;
}

.c-dl-list dt::before{
}
.c-dl-list dt::after{
  content: " :"
}
.c-dl-list dt.c-after-none::after{
  content: ""
}
.c-dl-list dt{
  vertical-align: top;
  float: left;
  clear: left ;
  margin: 0 0.21em 0 0;
}
@media print, screen and (min-width: 48em) {
}
.c-dl-list dd{
  float: left;
  text-align: left;
  vertical-align: top;
  margin: 0 0 0.5em 0;
}
.c-dl-list dt:nth-of-type(){}
.c-dl-list dt:nth-of-type(2){}
.c-dl-list:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/************************************************************************
モーダルウインドウのサイズ調整
*************************************************************************/

.p-modal-module--simple.is-size-s img {
  width: 700px;
}
.p-modal-module--simple.is-size-m img {
  width: 760px;
}
.p-modal-module--simple.is-size-l img {
  width: 1200px;
}






























/* ======================================================================================================================
未使用素材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;
}


.c-heading-3--simple .c-heading-3__title {
  font-size: 146.6%;
}
.c-heading-3--simple .c-heading-3__title span{
  font-size: 93%;
}


.c-indent{
  padding-left: 1.5em;
}


/*******************************************/
.p-contact-block--business {
  padding-top: 15px;
  padding-bottom: 19px;
  padding-right: 14px;
  padding-left: 14px;
}
@media print, screen and (min-width: 48em) {
  .p-contact-block--business {
    padding-top: 15px;
    padding-bottom: 42px;
  }
}

@media print, screen and (min-width: 80em) {
  .p-column-block__column.p-column-block__column--large {
    width: 430px;
  }
}

.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 17px 17px;
  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;
}
.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: 17px 17px 17px 17px;
  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.8;
  vertical-align: middle;
  text-align: left;
}
.c-table-list th.series{
  width: 25%;
}
.c-table-list th.place{
  width: 21%;
}
.c-table-list th.kataban{
  width: 50%;
}
.c-table-list th.name{
  width: 25%;
}
}
@media print, screen and (min-width: 48em) {
  .c-table-list th.series{
    width:40%;  
  }
  .c-table-list th.kataban{
    width:40%;
  }
  .c-table-list th.name{
    width:30%;
  }
}
.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;
    /* margin-top: 1em; */
  }
  .c-table-list table{
    margin:0 0 0.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 th.place{
    width: 21%;
  }
  .c-table-list table{
    width: 960px;
  }
  .js-scroll-table-msg{
    display: inline;
    letter-spacing: normal;
  }
}

.p-column-block__column.p-column-block__column--large img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 340px;
  margin:2em 0 0 0;
}


ul.c-info-txt{

margin: 1.5em 0 0 0;
}
ul.c-info-txt li{
  
text-indent: -2em;
  
padding: 0 0 0.5em 2em;
  
box-sizing: border-box;
  
font-size: 108%;
}

@media only screen and (max-width: 767px) {
  .p-column-block-image img.img-main1 {
    max-width: 250px;
  }
}

/*********20250131-01追加**********************************/
.c-article-col {
    -ms-flex-direction: initial;
    flex-direction: initial;
    gap: 20px 10px;
    flex-wrap: wrap;
}
.c-article-col-item {
  width: calc(50% - 8px);
}
@media print, screen and (min-width: 61.25em) {
    .c-article-col-item {
        width: calc(25% - 8px);
    }
  .c-article-col.m-gap-small {
        gap: 10px 10px;
    }
}




/*********20250909-01追加**********************************/

@media print, screen and (min-width: 61.25em) {
    .c-insert-html-box.num-box {
        margin-top: 25px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-insert-html-block.num-box  {
        margin-top: 25px;
    }
}
@media print, screen and (min-width: 61.25em) {
    .c-article-figure-image.num-box  {
        margin: 25px 0 0;
    }
}
@media print, screen and (min-width: 48em) {
    .c-column-block {
        gap: 55px 40px;
    }
    .c-column-block.m-col2, .c-column-block.m-col4 {
        grid-template-columns: repeat(auto-fill, 49%);
        gap: 40px 2%;
    }
    .c-column-block.m-col3 {
        grid-template-columns: repeat(auto-fill, 31.5%);
        gap: 40px 2.75%;
    }
}




/* メインビジュアル下スライダー .c-sub-slider */
.c-sub-slider .f-container {
    max-width: 1140px;
}
@media print, screen and (min-width: 61.25em) {
    .c-sub-slider__list {
        margin: 0 0 36px;
    }
    .c-sub-slider__item {
        max-width: 1140px;
    }
}
.c-sub-slider__item {
    max-width: 93%;
    border-radius: 8px;
    overflow: hidden;
}
.c-sub-slider__item img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
@media print, screen and (min-width: 61.25em) {
      .c-sub-slider__item {
      max-width: 100%;
      border-radius: 8px;
      overflow: hidden;
  }
}