/*********************************
	SP用CSS
*********************************/
@media screen and (max-width: 640px){
/*コンテンツ
------------------------------------------------*/
	#container{
		margin-top: 0px;
	}
/*メインビジュアル*/
		#special-x910 .main-visual{
			width: 90%;
			margin: 0 auto;
		}

/*マージン調整*/
		#special-x910 .md-adjust{
			margin-top: -30px !important;
		}
		#special-x910 .pd-inner.end {
			padding-top: 0px;
		}
		#special-x910 p{
			font-size: 1.4rem;
		}

/*SNSボタン*/
	#special-x910 .main-visual .sns{
		position: static;
		display: block;
		width: 100%;
		height: 50px;
		padding: 0;
		right:0;
		bottom:0;
	}

	#special-x910 .main-visual .sns li:nth-child(2){
		margin-right:0px;
	}

	#special-x910 .interview .intro p {
		margin-bottom: 30px;
	}

/*section
------------------------------------------------*/
	#special-x910 .interview .ct-section {
		padding-top: 0;
		margin-bottom: 0px;
	}
/*見出し*/
	 	#special-x910 .interview .at-heading {
	 		display: block;
	 		width: 100%;
			font-size: 6.5rem;
			text-align: center;
			margin: 10px 0 20px;
		}
			#special-x910 .interview .at-heading span{
				display: block;
				margin-left:0;
			}
				#special-x910 .interview .at-heading span img,
				#special-x910 .interview .at-heading img{
					height: 50px;
					width: auto;
			 	}

/*流星*/
	#special-x910 .interview .ct-section .anim-box{
		padding-bottom: 17%;
	}

		#special-x910 .interview .ct-section .anim-box .sc-heading {
			font-size: 2.4rem;
			padding: 0 1em;
			text-align: left;
			margin-bottom:0px;
		}

		#special-x910 .interview .ct-section .anim-box .meteor{
			width:300%;
			bottom:-8%;
		}
		#special-x910 .interview .ct-section .anim-box .star{
			opacity: 0;
		}
			#special-x910 .interview .ct-section .anim-box .meteor .light{
				right: 2%;
				bottom: -5%;
			}
			#special-x910 .interview .ct-section .sc-heading .br{
				display: none;
			}
/*カラムボックス*/
	#special-x910 .interview .ct-section .clum{
		position: relative;
		display: block;
		width: 100%;
		padding: 10px 10px 20px 10px;
		margin-top: -20px;
		z-index: 1000;
	}

		#special-x910 .interview .ct-section .clum li {
			position: relative;
			display: block;
			width: 100%;
			padding: 10px 10px 0 10px;
			margin-top: 0px;
			z-index: 1000;
		}

			#special-x910 .interview .ct-section .clum-float figure img,
			#special-x910 .interview .ct-section .clum li figure img {
				width: 100%;
				height: auto;
				vertical-align: bottom;
			}
			#special-x910 .interview .ct-section .clum-float p,
			#special-x910 .interview .ct-section .clum li.text-box p {
				margin-bottom: 18px;
			}

	#special-x910 .interview .ct-section .clum-float {
		column-count: 1;
		column-width: 0;
		padding: 0 20px 20px;
		column-gap: 0;
		text-align: left;
	}

/*商品紹介*/
	#special-x910 .interview .prd-section .clum{
		display: block;
		width: 100%;
		text-align: center;
	}

		#special-x910 .interview .prd-section .clum li{
			display: block;
			width: 100%;
			margin-bottom:30px;
		}

/*カラムボックス：高さ調整解除*/
	#special-x910 .interview .ct-section .clum-float.sct01,
	#special-x910 .interview .ct-section .clum-float.sct02,
	#special-x910 .interview .ct-section .clum-float.sct03,
	#special-x910 .interview .ct-section .clum-float.sct04,
	#special-x910 .interview .ct-section .clum-float.sct05{
		max-height: inherit;
	}
	#special-x910 .interview .ct-section .clum-float.sct05{
		 padding-bottom: 10px;
	}
	#special-x910 .interview .ct-section .clum-float.sct06 {
		max-height: inherit;
		padding-bottom: 0;
	}

		#special-x910 .interview .ct-section .clum-float.sct02 figure {
			margin-top: 0px;
		}
/*インタビュー画像*/
	#special-x910 .interview .ct-section .intv-img {
		margin-bottom: 60px;
	}
	#special-x910 .interview .ct-section .fig-box{
		margin-bottom:10px;
	}

/*商品紹介*/
	#special-x910 .interview .prd-section {
			margin-top: 0px;
		}

			#special-x910 .interview .prd-section h4{
				display: block;
				font-size: 3rem;
				line-height: 1em;
				text-align: center;
				color:#CEB36E;
			}

			#special-x910 .interview .prd-section figure{
				display: block;
				width:100%;
				font-size: 1rem;
				padding-top: 3em;
				padding-bottom: 3em;
				margin-bottom: 0px;
				text-align: center;
			}
/*注釈*/
	#special-x910 .interview .notes {
		font-size: 1.2rem;
		line-height: 1.4em;
	}
}
