@charset "utf-8";
/* CSS Document */

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

/* =======================================
    共通
======================================= */

/*　　font　　*/
/*	ブロック共通（タイトル・タグ・タブ）	*/
.post-title,
.block-header {
	font-size: 2.2rem;
	margin-bottom: 1.5rem;
	}
h3,
.blo-col-2.block1003 h3,
.blo-col-2.block1004 h3,
.swiper-slide .title,
.slick-slider .title{
	font-size: 2rem;
	}
.b-column h3,
.blo-col-3 .block-body h3,
.blo-col-3-03 section:last-child h3,
.blo-col-4 .block-body h3,
.blo-col-5 .block-body h3,
.blo-col-6 .block-body h3,
.design05 .block-body h3,
.block1002 h3,
.block1003 h3,
.block1004 h3,
.block1005 h3,
.block-ranking h3{
	font-size: 1.8rem;
	}
h3 a{
	font-size: 1.8rem;
	padding: 0.5rem 0 1rem;
	}

.block2100.blo-col-4 .block-body h3,
.block2100.blo-col-5 .block-body h3,
.block-slider04 h3 a,
.block-slider05 h3 a,
.block-slider06 h3 a,
.block3200 h3{
	font-size: 1.6rem;
	}
h4.block-description{
	font-size: 1.6rem;
	margin-bottom: 1rem;
	}

/* =======================================
    header
======================================= */
.drawer--left .logo{
	margin-left: 30px;
}
.logo.sp-logo-center,
.logo.sp-logo-center img{
	display: block;
	margin: 0 auto;
}

/* =======================================
    layout
======================================= */
  #site-content-main {
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #site-content-main.sp-layout-lr {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  #site-content-main.sp-layout-rl {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  #site-content > .column {
    float: none !important;
    width: 100% !important;
  }

  .pc-only { display: none !important; }
  .sp-only { display: block !important; }

  #cms-breadcrumb {
    white-space: nowrap;
    overflow: hidden;
  }

#site-content-main > .column {
	float: none !important;
	width: 100% !important;
}

.contents{
	padding: 0 1rem;
	}
.contents.two-contents{
	width: 100%;
	margin-bottom: 2rem;
	}
.column .left-contents{
	padding-right: 0;
	}
.column .right-contents{
	padding-left: 0;
	}
.contents.wrapper {
	width: 100%;
}
.cms-block{
	padding-top: 1rem;
	padding-bottom: 1rem;
	}

/* =======================================
    block
======================================= */
/*	ブロック共通（タイトル・タグ・タブ）	*/
.block{
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	}
.btn-tab li {
	font-size: 1.2rem;
	line-height: 1.2;
}
span.tag-new{
	margin-right: .5rem;
	}

/* =======================================
    block1000系　共通
======================================= */
.block1002 .block-body,
.block1003 .block-body,
.block1005 .block-body{
	padding-left: 1rem;
	}

/* =======================================
    block1001
======================================= */
.block1001 .block-body p{
	display: block;
	}

/* =======================================
    block1002  スマホ表示
======================================= */
/*    .sp-a-atype スマホ表示 A案 A-type   */
.sp-a-atype.block1002 .block-img{
	width: 33%;
	}
.sp-a-atype.block1002 .block-body{
	width: 67%;
	}
/*    .sp-b-atype スマホ表示 B案 A-type   */
.sp-b-atype.block1002 .block-img{
	width: 25%;
	}
.sp-b-atype.block1002 .block-body{
	width: 75%;
	}

/* =======================================
    block1002・1003 共通
======================================= */


/* =======================================
    block1003 .sp-a-btype スマホ表示 A案 B-type
======================================= */
.sp-a-btype.block1003 .block-img,
.sp-a-btype.block1004 .block-img,
.sp-a-btype.block1003 .block-body,
.sp-a-btype.block1004 .block-body{
	width: 50%;
	}

/* =======================================
    block1003 .sp-b-btype スマホ表示 B案 B-type
======================================= */
.sp-b-btype{
	font-size: 0;
	}
.sp-b-btype article{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	}
.sp-b-btype article:nth-of-type(2n-1){
	padding-right: 1rem;
	}
.sp-b-btype article:nth-of-type(2n){
	padding-left: 1rem;
	}
.sp-b-btype .block{
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	border-bottom: none;
	}
.sp-b-btype.block1003 .block-img,
.sp-b-btype.block1004 .block-img,
.sp-b-btype.block1003 .block-body,
.sp-b-btype.block1004 .block-body{
	width: 100%;
	}
.sp-b-btype.block1003 .block-img,
.sp-b-btype.block1004 .block-img{
	padding-bottom: 1rem;
	}
.sp-b-btype.block1002 .block-body,
.sp-b-btype.block1003 .block-body {
    padding-left: 0;
}
.sp-b-btype p{
	font-size: 1.4rem;
}
.sp-b-btype.block1003 .block-body a{
	padding-left: 0;
	}

/* =======================================
    block1100
======================================= */
.block1100 li a{
	font-size: 1.6rem;
	}

/* =======================================
    block1301～1304 contents 2つ並び
======================================= */
.left-contents{
	padding-right: 1rem;
	}
.right-contents{
	padding-left: 1rem;
	}

/* =======================================
    block1201～1204 タブ切り替え
======================================= */
.btn-tab.display{
	margin-bottom: 1rem;
	}

/* =======================================
    block2000系　共通
======================================= */

/*     block　2カラム	 */
.blo-col-2 > article,
.blo-col-3 > article{
	width: 100%;
	}
.blo-col-2 > article,
.blo-col-3 > article{
	margin-right: 0;
	}

/*     block　3カラム 1番目のカラムだけ大きい	 */
.blo-col-3-02 > article{
	width: 49%;
	}
.blo-col-3-02 > article:nth-of-type(1){
	width: 100%;
	margin-right: 0;
	}

/*     block　4カラム	 */
.blo-col-4 > article,
.blo-col-4 > section,
.blo-col-5 > article,
.blo-col-5 > section,
.blo-col-6 > article,
.blo-col-6 > section{
	width: 49%;
	}
.blo-col-5 > article,
.blo-col-5 > article:nth-of-type(5n){
	margin-right: 2%;
	}
.blo-col-4 > article:nth-of-type(2n),
.blo-col-5 > article:nth-of-type(2n),
.blo-col-6 > article:nth-of-type(2n){
	margin-right: 0;
	}
.block2000 .block-body p{
	display: block;
	}

/* =======================================
    block2100系　共通
======================================= */
.block2100 .block-body{
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	padding: 1rem;
	}
.block2100.blo-col-4 .block-body,
.block2100.blo-col-5 .block-body,
.block2100.blo-col-6 .block-body,
.slick-slider.block-slider04 .block-body,
.slick-slider.block-slider05 .block-body,
.slick-slider.block-slider06 .block-body{
	padding: .5rem;
	}
.slick-slider.block-slider04 .block-body,
.slick-slider.block-slider05 .block-body,
.slick-slider.block-slider06 .block-body{
	top: 0;
	}
.block2100 .block-img span.tag-new{
	top: .5rem;
	left: .5rem;
	}
.block2100.blo-col-5 .block-img span.tag-new,
.block2100.blo-col-6 .block-img span.tag-new,
.slick-slider.block-slider04 .block-img span.tag-new,
.slick-slider.block-slider05 .block-img span.tag-new,
.slick-slider.block-slider06 .block-img span.tag-new{
	display: none;
	}
.block2100.blo-col-5 .block-body span.tag-new,
.block2100.blo-col-6 .block-body span.tag-new,
.slick-slider.block-slider04 .block-body span.tag-new,
.slick-slider.block-slider05 .block-body span.tag-new,
.slick-slider.block-slider06 .block-body span.tag-new{
	display: inline-block;
	margin-left: .5rem;
	}
.more-btn a,
.more-btn a span{
	display: block;
}
.more-btn a {
	width: 100%;
	}
.block2100 .block-body h3{
	font-size: 2rem;
	}
.block2100 .block-body p{
	display: block;
	}

/*     block　4・5・6カラム	 */
.block2100.blo-col-4 article,
.block2100.blo-col-5 article,
.block2100.blo-col-6 article{
	margin-bottom: 2%;
	}
.block2100.blo-col-4 .block-body{
	height: 50%;
	top: auto;
	}
.block2100.blo-col-6 .block-body h3{
	font-size: 1.4rem;
	}
.block2100.blo-col-4 .tag-date,
.block2100.blo-col-5 .tag-date,
.block2100.blo-col-6 .tag-date{
	display: none;
	}
/*     block　5・6カラム	 */
.block2100.blo-col-5 > article,
.block2100.blo-col-6 > article{
	width: 32%;
	margin-right: 2%;
	}
.block2100.blo-col-5 > article:nth-of-type(3n),
.block2100.blo-col-6 > article:nth-of-type(3n){
	margin-right: 0;
	}
.block2100.blo-col-5 .block-body p a,
.block2100.blo-col-6 .block-body p a{
	display: none;
	}

.block2100.blo-col-4 .block-body p,
.block2100.blo-col-5 .block-body p,
.block2100.blo-col-6 .block-body p{
	display: none;
	}

.block1311 ul li > *{
	padding: .5rem 0;
	}
.block1311 ul li > date{
	padding-bottom: 0;
	}
.block1311 li a,
.block1311 li p{
	display: block;
	}
.block1311 span.tag-new,
.block2100.blo-col-5,
.block2100.blo-col-6{
	line-height: 1rem;
	padding: .4rem;
	}
.block1311 .cat{
	margin-left: .5rem;
	}

/* =======================================
    block3200
======================================= */
.block3200{
	padding: 0 3rem;
	}
.block3200 .slick-prev,
.block3200 .slick-next{
	width: 30px !important;
	height: 80px !important;
	}
.block3200 .slick-prev:before{
	right: 5px !important;
	}
.block3200 .slick-next:before{
	left: 5px !important;
	}

/* =======================================
    design
======================================= */
.design03 .blo-col-2 > section{
	width: 100%;
	}
.design02 .block-body,
.design03 .block-body,
.design04 .block-body,
.design05 .block-body{
	padding-left: 1rem;
	}

/* =======================================
    design A-B
======================================= */
.a-column,
.b-column{
	width: 100%;
	}
.a-column{
	padding-right: 0;
	}
.b-column{
	padding-left: 0;
	}
.b-column.blo-col-2 section:first-child{
	padding-right: .5rem;
	}
.b-column.blo-col-2 section:last-child{
	padding-left: .5rem;
	}

/* =======================================
    swiper
======================================= */
.swiper-slide .title{
	padding: 1rem 1rem 0 1rem;
	}
.swiper-slide .text{
	font-size: 1.4rem;
	padding: 0 1rem;
	}

/* =======================================
    slick-slider
======================================= */
.slick-prev, .slick-next{
	border: none !important;
	}
.slick-slider.block-slider04 .block-body p,
.slick-slider.block-slider04 .block-body .tag-date,
.slick-slider.block-slider05 .block-body p,
.slick-slider.block-slider05 .block-body .tag-date,
.slick-slider.block-slider06 .block-body p,
.slick-slider.block-slider06 .block-body .tag-date{
	display: none;
	}

/* =======================================
    block-ranking
======================================= */
.block-ranking{
	padding-top: 1rem;
	}
.block-ranking .block-body{
	padding-left: 1rem;
	}
.block-ranking .block-img{
	padding-left: 2.5rem;
	}
.block-ranking .block-img::before{
	top: 0;
	width: 2rem;
	height: 100%;
	line-height: 10;
	background-color: #ddd;
	margin-top: -1rem;
	padding-bottom: 1rem;
	}

/*	画像幅を固定するパターン	*/
.block-ranking.block-fixed .block-img{
	width: 120px;
	}
.block-ranking.block-fixed .block-body{
	padding-left: 1rem;
	}

}