@charset "UTF-8";
*{box-sizing:border-box;}

/* 横幅1200px以上 */
@media screen and (min-width: 1200px) {
	/* ３段組みの設定を記述 */ 
			/* footer */
			.footer{width:100%; height:105px; margin-top: 10px;}
			.footerbox{float: left; height:99px; width:100%; background-color:#D2D2D2;}
			.btn-wrapper{width: 634px; padding-top: 20px; margin-left: auto; margin-right: auto;}
			.btn1{padding:8px 24px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn1:hover{opacity:1;}
			.btn2{padding:8px 34px; margin-right: 8px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn2:hover{opacity:1;}
			.btn3{padding:8px 26px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn3:hover{opacity:1;}
			.btn9{padding:8px 34px; margin:0 8px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn9:hover{opacity:1;}
			.instagram{background-color:#ED11E0;}
			.facebook{background-color:#3b5998; margin-right:10px;}
			.twitter{background-color:#55acee;}
			.youtube{background-color: #C20003;}
			.copyright{color:black; font-size: 10px; text-align: center; padding:8px;}
}

/* 横幅1199px以下〜1000px以上 */
@media screen and (max-width: 1199px) and (min-width: 1000px) {
	/* ３段組みの設定を記述 */ 
			/* footer */
			.footer{width:100%; height:105px; margin-top: 10px;}
			.footerbox{float: left; height:99px; width:100%; background-color:#D2D2D2;}
			.btn-wrapper{width: 634px; padding-top: 20px; margin-left: auto; margin-right: auto;}
			.btn1{padding:8px 24px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn1:hover{opacity:1;}
			.btn2{padding:8px 34px; margin-right: 8px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn2:hover{opacity:1;}
			.btn3{padding:8px 26px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn3:hover{opacity:1;}
			.btn9{padding:8px 34px; margin:0 8px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn9:hover{opacity:1;}
			.instagram{background-color:#ED11E0;}
			.facebook{background-color:#3b5998; margin-right:10px;}
			.twitter{background-color:#55acee;}
			.youtube{background-color: #C20003;}
			.copyright{color:black; font-size: 10px; text-align: center; padding:8px;} }

/* 横幅999px以下〜800px以上 */
@media screen and (max-width: 999px) and (min-width: 800px) {
	/* ３段組みの設定を記述 */ 
			/* footer */
			.footer{width:100%; height:105px; margin-top: 10px;}
			.footerbox{float: left; height:99px; width:100%; background-color:#D2D2D2;}
			.btn-wrapper{width: 634px; padding-top: 20px; margin-left: auto; margin-right: auto;}
			.btn1{padding:8px 24px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn1:hover{opacity:1;}
			.btn2{padding:8px 34px; margin-right: 8px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn2:hover{opacity:1;}
			.btn3{padding:8px 26px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn3:hover{opacity:1;}
			.btn9{padding:8px 34px; margin:0 8px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn9:hover{opacity:1;}
			.instagram{background-color:#ED11E0;}
			.facebook{background-color:#3b5998; margin-right:10px;}
			.twitter{background-color:#55acee;}
			.youtube{background-color: #C20003;}
			.copyright{color:black; font-size: 10px; text-align: center; padding:8px;} }

/* 横幅799px以下〜650px以上 */
@media screen and (max-width: 799px) and (min-width: 650px){
	/* ３段組みの設定を記述 */ 
			/* footer */
			.footer{width:100%; height:105px; margin-top: 10px;}
			.footerbox{float: left; height:99px; width:100%; background-color:#D2D2D2;}
			.btn-wrapper{width: 634px; padding-top: 20px; margin-left: auto; margin-right: auto;}
			.btn1{padding:8px 24px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn1:hover{opacity:1;}
			.btn2{padding:8px 34px; margin-right: 8px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn2:hover{opacity:1;}
			.btn3{padding:8px 26px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn3:hover{opacity:1;}
			.btn9{padding:8px 34px; margin:0 8px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn9:hover{opacity:1;}
			.instagram{background-color:#ED11E0;}
			.facebook{background-color:#3b5998; margin-right:10px;}
			.twitter{background-color:#55acee;}
			.youtube{background-color: #C20003;}
			.copyright{color:black; font-size: 10px; text-align: center; padding:8px;}
}

/* 横幅649px以下 */
@media screen and (max-width: 649px) {
	/* ３段組みの設定を記述 */ 
			/* footer */
			.footer{width:100%; height:105px; margin-top: 10px;}
			.footerbox{float: left; height:99px; width:100%; background-color:#D2D2D2;}
			.btn-wrapper{width: 312px; padding:5px; margin-left: auto; margin-right: auto}
			.btn1{width:140px; height:32px; padding:4px 23px; margin-bottom: 2px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn1:hover{opacity:1;}
			.btn2{width:140px; height:32px; padding:4px 23px; margin-bottom: 2px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn2:hover{opacity:1;}
				.break:before { content: "\A"; white-space: pre; }
			.btn3{width:140px; height:32px; padding:4px 20px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn3:hover{opacity:1;}
			.btn9{width:140px; height:32px; padding:4px 23px; margin-left:10px; color:white; display:inline-block; opacity:0.8; border-radius:4px;}
			.btn9:hover{opacity:1;}
			.instagram{background-color:#ED11E0;}
			.facebook{background-color:#3b5998; margin-right:10px;}
			.twitter{background-color:#55acee;}
			.youtube{background-color: #C20003;}
			.copyright{color:black; font-size: 10px; text-align: center; padding:3px;} }