@charset "UTF-8";


/**************************************************/
/* Media Queries 画面の横幅が1500 */
/**************************************************/

@media screen and (min-width: 1025px){
	.sp{
		display: none !important;
	}

	.item1 img {
		width: 100%;
	}
	
}

/**************************************************/
/* Media Queries 画面の横幅が1500～768 */
/**************************************************/

@media screen and (max-width: 1024px){
	.pc {
		display: none !important;
	}

	.font27 {
		font-size: 25px;
	}

	#uxtop {
		width: 35%;
	}

	#navi {
		width: 65%;	
	}

	#navi h2 {
		width: 100%;
		height: auto;
		padding: 25px 20px 20px;
	}
	
	#navi h2 img{
		width: 65%;
		height: auto;

	}

	.navi_sp {
		position: fixed;
		z-index: 100;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: rgba(241,103,138,0.9);
	}

	.navi_sp ul {
		display: flex;
		justify-content: space-around;		
	}

	.navi_sp li {
		padding: 20px 0;
		position:relative;
		display:inline-block;
		width: 100%;
	}

	.navi_sp li::after {
		content:"";
		display:inline-block;
		width:1px;
		height:100%;
		background-color: rgba(255,255,255,0.2);
		position:absolute;
		top:0;
		right:0;

	}

	.navi_sp li:last-child::after{
		content: none;
	}

	.navi_sp li a {
		display: block;
		height: 100%;
		width: 100%;
	}

	.slideBox {
		height: 40vh;
	}

	.instagram {
		width: 100%;
	}

	.instagram img {
		width: 100%;
	}

	.page {
		width: 95%;
		text-align: center;
		margin: 100px auto;
	}

	.page h2 {
		line-height: 1em;
		padding-bottom: 30px;
	}

	.page h2:before {
		bottom: 20px;
	}

	.page h3 {
		margin: 10px auto 40px;
	}

	#supporters p {
		line-height: 1.5em;
	}

	#supporters li {
		width: 50%;
	}

	

	.left_img {
		width: 100% !important;
		height: auto;
		order: 2;
	}

	.profile_img {
		width: 100% !important;
		height: auto;
		order: 1;
	}

	.profile_photo {
		height: 35vh;
	}

	.profile_photo img{
		width: 100%;
		height: auto;
	}

	.profile_photo dl {
		top: 12vh;
		left: 10%;
	}

	#footer {
		position: static;
		padding-bottom: 20px;
		margin-bottom: 90px;
	}

	#footer .color_w {
		color: #eb2658;
	}

	.oubosp {
		width: 90%;
		padding-bottom: 20px;
	}

	.oubosp img {
		max-width: 100%;
	}

	
	.fukidashi_left,.fukidashi_right {
		width: 100%;
	}

	.qtitle {
		width: 100%;
	}
}
/**************************************************/
/* Media Queries 画面の横幅が700px以下 */
/**************************************************/

@media screen and (max-width: 767px){
	body {
		letter-spacing:1px;
		font-size: 17px;
	}

	.font70 {
		font-size: 30px;
		line-height: 0.1em;
	}

	.font27 {
		font-size: 20px;
	}

	.mt50 {margin-top: 30px;}

	#navi h2 {
		width: 100%;
		height: auto;
		padding: 15px 10px 10px;
	}
	
	#navi h2 img{
		width: 75%;
		height: auto;

	}

	.slideBox {
		height: 30vh;
	}

	.page {
		width: 85%;
		margin: 50px auto;
	}

	.page h2 {
		font-size: 40px;
		line-height: 1em;
	}

	.page h2:before {
		bottom: 25px;
	}

	.page h3 {
		margin: -10px auto 20px;
		font-size: 15px;
	}

	#supporters li {
		padding: 5px;
		width: 50%;
	}
	
	#supporters dl {
		text-align: left;
		display: block;
	}

	#supporters dt {
		padding: 10px;
		margin: 0;
	}

	#supporters dd {
		padding: 10px;
		margin: 0 0 20px;
		background: #eee;
	}
	#member li {
		margin: 5px;
	}

	.profile_photo {
		height: 29vh;
	}

	.profile_photo dl {
		top: 10vh;
		left: 7%;
	}

	.profile_text {
		margin: 30px auto;
	}


	.profile_text td, .profile_text th {
		width: 100%;
			padding: 10px 0;
			vertical-align: middle;
			display: block;
		}


		.profile_text td {
			position: relative;			
		}

		.profile_text td::before {
			position: absolute;
			content: "";
			top: 0;
			width: 100%;
			height: 1px;
			background-color: rgba(235, 38, 88, 1.0);
		}

		.profile_text td p {
			padding-left: 0;
			margin-bottom: 20px;
		}

		a.btn-border {
			font-size: 1.1rem;
		}

		.title {
			font-size: 2rem;
		}

		.fukidashi_img {
			width: 30%;
		}

		.fukidashi_left,.fukidashi_right {
			font-size: 0.8em;
			width: 100%;
		}

		.balloon1-left,.balloon1-right {
			width: 70%;
			padding: 10px 15px;
		}

		.qtitle {
			font-size: 1.1em;
			text-align: left;
			width: 100%;
		}

}