@charset "utf-8";

/*画面の幅が640pxまでの場合に適用するCSS */
@media screen and ( max-width:980px )
{
/*===================================================
					共通CSS
===================================================*/
	.footer-bottom-links__link:visited {
		color: #3c3c3c;
	}
	.fs-l-header {
		padding-top: 20%;
	}
	.fs-l-main {
		margin-top: 80px!important;
	}
	.fs-c-heading--page {
		margin: 0!important;
		padding: 0!important;
	}

	.mainImg_pc {
		display: none;
	}
	.mainImg_sp {
		display: block;	
		margin-bottom: 10%;
	}
	.conBox {
		width: 90%;
		margin-left: 5%;
	}
	.conBox .titleBox .subtitle {
		font-size: 15px;
		letter-spacing: 2.3px;
	}
	.conBox .titleBox .title {
		font-size: 18px;
		width: 86%;
		margin-left: 7%;
	}
	.conBox .title_de {
		width: 96%;
		margin-left: 2%;
	}
	.galleryBox {
		width: 96%;
		margin-left: 2%;
		margin-bottom: 25%
	}
	.left_container {
		width: 100%;
		margin-left: 0;
		display: block;
	}
	.left_container .left_item01 {
		width: 100%;
		margin-bottom: 3%;
	}
	.left_container .left_item02 {
		width: 100%;
		padding-left: 0;
	}
	.left_container .left_item02 .spec {
		padding-top: 10%;
	}
	.bottom {
		width: 50%;
	}
	.galleryBox .gallTitle {
		font-size: 18px;
		margin-bottom: 5%;
	}
	.right_container .right_item02 .detail {
		font-size: 14px;
	}
	.img_container {
		width: 100%;
		margin-left: 0;
		margin-bottom: 25%;
	}
	.img_container .img_item01 {
		width: 49%;
	}
	.repro_container {
		display: block;
		width: 96%;
		margin-left: 2%;
	}
	.repro_container .repro_item01 {
		width: 100%;
		margin-bottom: 3%;
	}
	.repro_container .repro_item02 {
		width: 100%;
		padding-left: 0;
	}
	.img_container {
		display: block;
	}
	.img_container .img_item01 {
		width: 100%;
		margin-bottom: 3%;
	}
	.bottom2 {
		width: 68%;
		margin-left: 16%;
		padding-top: 6%;
	}
	.product_container {
		display: block;
	}
	.product_container .product_item01 {
		width: 100%;
	}
	.hakase_container {
		width: 100%;
		margin-left: 0;
		margin-bottom: 5%;
	}
	.dangiCon {
		width: 90%;
		margin-left: 5%;
	}
	.dangiCon .dangiImg {
		width: 90%;
		margin-left: 5%;
	}
	.dangiTxt2 {
		width: 90%;
		margin-left: 5%;
	}
	.dangiBtn {
		width: 50%;
		margin-left: 25%;
	}
/*===================================================
			    	Footer CSS
===================================================*/
	
	.fs-l-footer {
		margin-top: 0!important;
	}
	.footer {
		margin-top: 1.0vw!important;
	}
}