@charset "utf-8";

/* clearfix */
/*************************************************************/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* custom */
/*************************************************************/
#special_body img{
	max-width:100%;
	height:auto;
}

#special_body h2{
	color: #dc8629;	/* 文字色 */
	font-size: 2.8rem;
	text-align: center;
	font-weight: bold;
	padding: 20px 0;
}
#special_body h3{
	background: none;
	color: #dc8629;	/* 文字色 */
	font-size: 2rem;
	font-weight: bold;
	margin: 5% 0 3%;
	padding: 0 0 1%;
	border-bottom: 1px solid #dc8629;
}
#special_body h4{
	background: none;
	font-size: 1.5rem;
	font-weight: bold;
	margin: 3% 0 0;
	padding: 0;
}
#special_body p.txt{
	font-size: 1.3rem;
	line-height: 180%;
}

.sns-box__ttl {
	margin-top: 20px !important;
}

.item-cassette__logo {
    width: 65px !important;
    height: auto !important;
}
.item-cassette__logo2 {
    width: 130px !important;
    height: auto !important;
}
.item-cassette__logo--mop {
    width: 80px !important;
    margin-left: 20px !important;
}
.item-cassette__logo--yt {
    width: 61px !important;
    height: 44px !important;
    margin-left: 32px !important;
}
.item-cassette__txt-wrap {
    width: 280px !important;
}
.item-cassette__txt-wrap2 {
    width: 225px !important;
}
.sns-box__list-item:before {
    left: 124px !important;
}
.sns-box__list-item2:before {
    left: 186px !important;
}
.item-cassette__account,
.item-cassette__account:after {
	font-size: 1.3rem !important;
}
.item-cassette__url {
	color: #dc8629;
	padding-bottom: 5px;
}

.archive-section__link-btn {
	width: 100% !important;
	margin-top: 5%;
}

/*アコーディオン*/
/*ベース*/
#special_body .accordion > .toggle {
	display: none;
}
#special_body .accordion > .Label {		/*タイトル*/
	display: block;
	border: 1px solid #ccc;
}
#special_body .accordion > .Label::after {		/*タイトル横の矢印*/
	content:"";
	width: 10px;
	height: 10px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
#special_body .accordion > .Label,
#special_body .accordion > .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
#special_body .accordion > .content {		/*本文*/
	height: 0;
	overflow: hidden;
}
#special_body .accordion > .toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	transition: all .3s;
}
#special_body .accordion > .toggle:checked + .Label::after {
	transform: rotate(-45deg) !important;
}


@media screen and (max-width: 640px) {
	#special_body h2{
		background: none;
		font-size: 2rem;
		padding: 4% 0 2%;
	}
	#special_body h3{
		font-size:1.6rem;
	}
    .item-cassette__logo, .item-cassette__logo--yt {
        width: 12vw !important;
        margin-left: 7vw !important;
    }
	.item-cassette__logo2 {
		width: 17.33333vw !important;
		margin-left: 4vw !important;
	}
    .item-cassette__logo--mop {
        width: 18vw !important;
        margin-left: 4vw !important;
    }
	.item-cassette__txt-wrap {
	    width: 55vw !important;
	}
	.item-cassette__txt-wrap2 {
		width: 53.93333vw !important;
	}
	.sns-box__list-item:before {
	    left: 25vw !important;
	}
	.sns-box__list-item2:before {
		left: 25.33333vw !important;
		height: 14.66667vw !important;
	}
	.item-cassette__account,
	.item-cassette__account:after {
		font-size: 1rem !important;
	}
	.item-cassette__url {
	    font-size: 2.53333vw;
	    line-height: 1.4;
	}
	.sns-box__list-item {
		height: 30vw !important;
	}
}