@charset "utf-8";

@media screen and (max-width: 740px) {

/* =============================================================

　　スマホ画面 個別設定

============================================================= */


/*  全体・コンテナー 設定
---------------------------------------------*/


/*  ヘッダー 設定
---------------------------------------------*/


/*  コンテンツ 設定
---------------------------------------------*/


/*  Content Top
-----------------------------------*/

/* -------- カテゴリータイトル -------- */

.boxCategoryTitle,
.boxCategoryTitle.sub {
  background-image: url(../img/categorytitle-bg-all.png);
  
}


.boxCategoryTitle h1 {
	max-width: 90%;
}





/*  Content Main
-----------------------------------*/

/* -------- タイトル -------- */

/* -------- 概要 -------- */

.txtSummary {
	margin: 2.5em 15px 2.5em 15px;
}


/* ------ コンテンツ ------ */
/* -- バナー --*/
.boxBannerList {
  border-bottom: none;
}

/* -- アコーディオン --*/
h2.resp-accordion {
  padding: 0;
  border-bottom: 1px solid #ccc !important;
}

h2.resp-accordion:first-child {
}

h2.resp-accordion .btn {
  width: 80%;
  padding: 0;
}

h2.resp-accordion .btn img {
  width: 100%;
}

.resp-tabs-container .resp-arrow {
  position: relative;
  top: 64px;
  right: 22px;
}

.boxColumnList > ul li:nth-child( n+5 ) {
  display: none;
}

.boxColumnList {
  margin-bottom: 20px;
}

.boxColumnList.column03 > ul {
  margin-top: 0;
}

.boxColumnList .boxThumb,
.boxColumnList .boxTxt {
  display: inline-block;
  vertical-align: top;
}

.boxColumnList .boxThumb {
  width: 100%;
}

.boxColumnList .boxTxt {
  width: 100%;
  padding-left: 0;
}

.boxColumnList.column03 .txtCont {
  padding: 0;
}

.boxMoreLink .btn {
  width: 100%;
}

/* -- カテゴリー別一覧 --*/


.boxColumnList > ul {
	letter-spacing: 0.05em;
}

.boxColumnList ul li {
	padding-left: 0;
	padding-right: 1.5em;
}

.boxColumnList ul a {
}


.boxColumnList ul a:after {
	right: 5px;
}


.boxColumnList ul li dt {
	font-weight: bold;
	font-size: 1.15em;
	line-height: 1.6em;
}

.boxColumnList ul li dd p {
	font-size: 0.9em;
	line-height: 1.5em;
}

.boxColumnList ul li dd p span {
	display: block;
}

/* -- 詳細 --*/
.boxEntryBody .boxEntryDetail img{
  width: 100%;
}


/*  フッター 設定
---------------------------------------------*/


}