@charset "utf-8";

/* ----------------------------------
 common setting 
 ----------------------------------*/


/* ----------------------------------
 common setting 
 ----------------------------------*/
#container_main_content,
.bw-main div,
.bw-main p,
.bw-main ul,
.bw-main li,
.bw-main a,
.bw-main span{
  box-sizing :border-box;
  line-height: 1.7;
  font-size: 15px;
}

/* font-set */
.bw-main h3,.bw-main h4,.bw-main h5,.bw-main h6{
  font-size:16px;
}

.bw-main,
.bw-main *{
 box-sizing: border-box;
}

/* SP 大枠 */
.bw-main{
  padding: 4%;
}

/* タイトル改行修正 */
.category_top_title h1{
  width: 100% !important;
  line-height: 1.4;
  padding: 0;
  font-size: 18px;
  }

/* タイトル赤外す */
.category_top_title.magazine_color{
  border: none;
  height: 0px;
  width: 92%;
  margin: 2% auto auto auto;
}

/* ul リセット */
.bw-main ul{
  list-style: none;
}

/* 基本設定（共通） */
.only-pc{
  display: none;
}

.only-sp{
  display: block;
}

.txt-small{
  font-size: 10px !important;
  font-weight: normal !important;
}

/* ボタン */
.btn-large{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 8%);
  font-size: 18px;
  font-weight: bold;
  background: #ff9245;
  height: 40px;
  padding: 10px;
  border-radius: 100px;
  margin: auto;
  position: relative;
  line-height: 1.2;
  }

a.btn-large{
  color: #FFF;
  font-size: 13px;
}

.bw-main .arrow:before{
  content:"";
  background: #FFF;
  border-radius: 50%;
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -13px;
}

.bw-main .arrow:after{
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  border: 2px solid;
  border-color: #cc0000 #cc0000 transparent transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 22px;
  top: 50%;
  margin-top: -5px;
}

/* ----------------------------------
 各コンテンツの大枠設定
 ----------------------------------*/
 /* 区切りボーダー */
.innner-box01,
.innner-box03{
  border-bottom: 1px solid rgb(133, 133, 133);
  padding-bottom: 6%;
  margin-bottom: 6%;
}

/* 区切りボーダーない場合 */
.innner-box02,
.innner-box04,
.innner-box05,
.innner-box06{
  margin-bottom: 6%;
}

/* max指定 */
.innner-box06{
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}


/* 小見出し設定 */
.bw-main h3{
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
 }


.area-read {
	margin-bottom: 3rem;
}


/* ----------------------------------
 記事
 ----------------------------------*/
.bw-main h3{
  margin-bottom: 1rem;
  }

.img-box{
  margin: 3% auto;
  text-align: center;
  }

.img-box p{
  font-size: 14px;
}

/* dl設定 */
.innner-box05 dt{
  font-weight: bold;
}

.innner-box05 dd{
  margin-bottom: 1rem;
}

.txt-attention {
  font-size: 14px;
  color: #888;
  }



/* ----------------------------------
 人物紹介
 ----------------------------------*/
/* クレジット */
.credit{
  margin-bottom: 6%;
  color: #888;
  }

/* 教えてくれた人 */
.teacher{
  margin-bottom:3rem;
}

.bw-main img{
  max-width: 100%;
  vertical-align: bottom;
}
.spTabOnly{
  display: none;
}

/* ----------------------------------
 さらに特集を無料で読むならdマガジンで 
 ----------------------------------*/
.img-sarani{
  text-align: center;
  margin-bottom: 4%;
}

/* 見開き */
.img-box_with-cap{
	margin-bottom: 3rem;
	text-align: center;
}

.img-box_with-cap img{
	width: 100%;
}


.img-box_with-cap p{
  font-size: 80%;
}

/* 雑誌と説明 */
.zasshi-intro{
  display: flex;
  }

.zasshi-intro dt{
  width: 34%;
  margin-right: 12px;
  }

.innner-box06 h5{
  margin-bottom: .51rem;
}

.zasshi-intro dd{
  width: calc(100% - (34% + 12px));
  }

/* もっと読みたい方 */
.more-read{
  border: 1px solid #d1d1d1;
  padding: 4%;
   text-align: center;
}

.more-read p{
 font-size: 110%;
 font-weight: bold;
 margin-bottom: 3%;
}

/* リンク色 */
a.link-red{
  color: #CB0F04;
  }