/*===============================================
　SP iPhone6以上（画面の横幅が761pxまで）
===============================================*/

@media (max-width:761px){

	

	/* ============================================================
 	gallery_all_wrap
	==============================================================*/
	#gallery_all_wrap{
		background:#000000c9;
		padding: 50px 0 0;
		min-height:100vh;
	}

	#gallery_all_wrap .tab_btn_list{
		width: 88vw;
		margin: 0 auto 60px;
		padding:6px;
		border:1px solid #ffffff75;
		border-radius:4px;
		display:flex;
		justify-content:space-between;
	}

	#gallery_all_wrap .tab_btn_list li{
		width:49.5%;
		position:relative;
	}

	#gallery_all_wrap .tab_btn_list a{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		letter-spacing: 0rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		border-radius:4px;
		font-feature-settings: 'palt';
		padding: 10px 0 12px;
		position: relative;
	}

	#gallery_all_wrap .tab_btn_list li.act a{
		color: #000;
		background:#ffffff;
		pointer-events: none;
	}

	#gallery_all_wrap .tab_btn_list li a:after{
		content: "";
		display: block;
		width: 0;
		height:0;
		background:#ffffff;
		position: absolute;
		bottom:-8px;
		left: 50%;
		transform:translate(-50%,0) rotate(-45deg);
		transition: all 0.4s cubic-bezier(0.08, 0.64, 0.25, 1) 0s;
	}

	#gallery_all_wrap .tab_btn_list li.act a:after{
		content: "";
		display: block;
		width: 16px;
		height:16px;
		background:#ffffff;
		position: absolute;
		bottom:-8px;
		left: 50%;
		transform:translate(-50%,0) rotate(-45deg);
	}
	
	
	
	
	/* ============================================================
 	cm 2026
	==============================================================*/

	
	#sec_cm_gallery2026{
		width: 100%;
		padding: 0 0 60px;
	}

	#sec_cm_gallery2026 ul{
		/* display:flex; */
		/* flex-wrap:wrap; */
		/* justify-content:space-evenly; */
		/* gap: 90px 40px; */
	}

	#sec_cm_gallery2026 ul li{
	width: 100%;
	margin: 0 0 50px;
	}

	#sec_cm_gallery2026 .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		line-height:1;
		text-align: center;
		letter-spacing: 0.2rem;
		color: #fefefe45;
		white-space: nowrap;
		padding: 0 0 5px;
	}

	#sec_cm_gallery2026 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 70px;
		position: relative;
	}

	#sec_cm_gallery2026 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #fff;
		text-align: left;
		font-feature-settings: 'palt';
		padding: 10px 0 0;
	}

	#sec_cm_gallery2026 p span{
		font-weight: 600;
		/* font-size: 1.4rem; */
		display: inline-block;
		margin: 0 10px 0 0;
	}

	#sec_cm_gallery2026 .img_box{
		line-height:0;
		border-radius: 10px;
		overflow:hidden;
		position: relative;
	}

	#sec_cm_gallery2026 ul a .play_wrap{
		position:absolute;
		left:50%;
		top: calc(50%);
		transform:translate(-50%,-50%);
	}

	#sec_cm_gallery2026 ul a .img_play{
		line-height:0;
		width: 50px;
		height: 50px;
		background:#fff;
		border-radius:50%;
		opacity:0.6;
		/* border: 2px solid #000000; */
	}

	/* ============================================================
 	sec_graphic_gallery2026
	==============================================================*/
	
	#sec_graphic_gallery2026{
		width: 100%;
		padding: 20px 0 120px;
	}

	#sec_graphic_gallery2026 ul{
		/* display:flex; */
		/* flex-wrap:wrap; */
		/* justify-content:space-evenly; */
		/* gap: 90px 40px; */
	}

	#sec_graphic_gallery2026 ul li{
	width: 100%;
	margin: 0 0 50px;
	}

	#sec_graphic_gallery2026 .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		line-height:1;
		text-align: center;
		letter-spacing: 0.2rem;
		color: #fefefe45;
		white-space: nowrap;
		border-top:2px solid #ffffff66;
		padding: 50px 0 5px;
	}

	#sec_graphic_gallery2026 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 70px;
		position: relative;
	}

	#sec_graphic_gallery2026 h2:after{
		content: "";
		display: block;
		width: 34px;
		height:1px;
		background:#fff;
		position: absolute;
		top: 62%;
		left: 50%;
		transform:translate(-50%, -50%) rotate(-45deg);
	}

	#sec_graphic_gallery2026 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 3.0rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		padding: 28px 0 29px;
	}

	#sec_graphic_gallery2026 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 1.8;
		color: #fff;
		font-feature-settings: 'palt';
		padding: 0 1vw 50px;
		position: relative;
	}

	#sec_graphic_gallery2026 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #fff;
		text-align: left;
		font-feature-settings: 'palt';
		padding: 10px 0 0;
	}

	#sec_graphic_gallery2026 ul p span{
		font-weight: 600;
		/* font-size: 1.4rem; */
		display: inline-block;
		margin: 0 10px 0 0;
	}

	#sec_graphic_gallery2026 .img_box{
		line-height:0;
		border-radius: 10px;
		overflow:hidden;
		position: relative;
	}

	#sec_graphic_gallery2026 ul a .play_wrap{
		position:absolute;
		left:50%;
		top: calc(50%);
		transform:translate(-50%,-50%);
	}

	#sec_graphic_gallery2026 ul a .img_play{
		line-height:0;
		width: 50px;
		height: 50px;
		background:#fff;
		border-radius:50%;
		opacity:0.6;
		/* border: 2px solid #000000; */
	}


	/* ============================================================
 	cm 2025
	==============================================================*/

	
	#sec_cm_gallery2025{
		width: 100%;
		padding: 0 0 120px;
	}

	#sec_cm_gallery2025 ul{
		/* display:flex; */
		/* flex-wrap:wrap; */
		/* justify-content:space-evenly; */
		/* gap: 90px 40px; */
	}

	#sec_cm_gallery2025 ul li{
	width: 100%;
	margin: 0 0 50px;
	}

	#sec_cm_gallery2025 .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		line-height:1;
		text-align: center;
		letter-spacing: 0.2rem;
		color: #fefefe45;
		white-space: nowrap;
		padding: 0 0 5px;
	}

	#sec_cm_gallery2025 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 70px;
		position: relative;
	}

	#sec_cm_gallery2025 p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #fff;
		text-align: left;
		font-feature-settings: 'palt';
		padding: 10px 0 0;
	}

	#sec_cm_gallery2025 p span{
		font-weight: 600;
		/* font-size: 1.4rem; */
		display: inline-block;
		margin: 0 10px 0 0;
	}

	#sec_cm_gallery2025 .img_box{
		line-height:0;
		border-radius: 10px;
		overflow:hidden;
		position: relative;
	}

	#sec_cm_gallery2025 ul a .play_wrap{
		position:absolute;
		left:50%;
		top: calc(50%);
		transform:translate(-50%,-50%);
	}

	#sec_cm_gallery2025 ul a .img_play{
		line-height:0;
		width: 50px;
		height: 50px;
		background:#fff;
		border-radius:50%;
		opacity:0.6;
		/* border: 2px solid #000000; */
	}

	/* ============================================================
 	sec_graphic_gallery2025
	==============================================================*/
	
	#sec_graphic_gallery2025{
		width: 100%;
		padding: 20px 0 120px;
	}

	#sec_graphic_gallery2025 ul{
		/* display:flex; */
		/* flex-wrap:wrap; */
		/* justify-content:space-evenly; */
		/* gap: 90px 40px; */
	}

	#sec_graphic_gallery2025 ul li{
	width: 100%;
	margin: 0 0 50px;
	}

	#sec_graphic_gallery2025 .eng_txt{
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		font-size: 1.8rem;
		line-height:1;
		text-align: center;
		letter-spacing: 0.2rem;
		color: #fefefe45;
		white-space: nowrap;
		border-top:2px solid #ffffff66;
		padding: 50px 0 5px;
	}

	#sec_graphic_gallery2025 h2{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		letter-spacing: 0.1rem;
		line-height: 1;
		color: #fff;
		text-align: center;
		font-feature-settings: 'palt';
		padding: 0 0 70px;
		position: relative;
	}

	#sec_graphic_gallery2025 h2:after{
		content: "";
		display: block;
		width: 34px;
		height:1px;
		background:#fff;
		position: absolute;
		top: 62%;
		left: 50%;
		transform:translate(-50%, -50%) rotate(-45deg);
	}

	#sec_graphic_gallery2025 h3{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 200;
		font-size: 3.6rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		color: #fff;
		font-feature-settings: 'palt';
		padding: 28px 0 29px;
	}

	#sec_graphic_gallery2025 p.body_txt{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.4rem;
		letter-spacing: 0.05rem;
		line-height: 1.8;
		color: #fff;
		font-feature-settings: 'palt';
		padding: 0 1vw 50px;
		position: relative;
	}

	#sec_graphic_gallery2025 ul p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 300;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #fff;
		text-align: left;
		font-feature-settings: 'palt';
		padding: 10px 0 0;
	}

	#sec_graphic_gallery2025 ul p span{
		font-weight: 600;
		/* font-size: 1.4rem; */
		display: inline-block;
		margin: 0 10px 0 0;
	}

	#sec_graphic_gallery2025 .img_box{
		line-height:0;
		border-radius: 10px;
		overflow:hidden;
		position: relative;
	}

	#sec_graphic_gallery2025 ul a .play_wrap{
		position:absolute;
		left:50%;
		top: calc(50%);
		transform:translate(-50%,-50%);
	}

	#sec_graphic_gallery2025 ul a .img_play{
		line-height:0;
		width: 50px;
		height: 50px;
		background:#fff;
		border-radius:50%;
		opacity:0.6;
		/* border: 2px solid #000000; */
	}
	
	/* ============================================================
 	Modal CSS
	==============================================================*/
	
	#modal_win {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0);
		width: 100vw;
		height: 100vh;
		z-index: 10000;
		display: none;
		cursor: pointer;
	}

	#modal_win .m_n_wrap {
		position: relative;
		width: 100%;
		height: 100vh;
	}

	#modal_win .m_n_box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		opacity:0;
		width: 94vw;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#modal_win .m_n_box_short{
		width: 60vw;
		top: 40%;
	}

	#modal_win iframe{
		width:calc(94vw);
		height:calc(94vw*315/560);
	}

	#modal_win .m_n_box_short iframe{
		width: calc(60vw);
		height: calc(60vw * 766/430);
	}


	#modal_win .m_n_box_act{
		opacity:1;
		transform:translate(-50%, -50%);
	}
    
    #modal_win .youtube_wrap{
		line-height:0;
	}

	#modal_win .img_box{
		line-height:0;
	}
	
	#modal_win p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.4rem;
		color:#7d7d7d;
		padding:3px 0 0;
	}
	
	#modal_win .m_n_box_gra p{
		width:calc(80vw);
		margin:0 auto;
	}

	#modal_win .img_box{
		line-height:0;
		width: calc(80vw);
		margin:0 auto;
	}
	
	#modal_win ul > li{
		position: fixed;
        bottom: 10px;
        left: 50%;
        transform: translate(-50%, 0);
	}
	#modal_win a.xClose{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.5rem;
		text-align:center;
		color:#fff;
		position: relative;
	}

	#modal_win a.xClose span{
		display:block;
		width:50px;
		line-height:0;
		border-radius:50%;
		border:2px solid #fff;
	}


	
	
}



/*===============================================
　SP iPhone5サイズ対応　画面の横幅が350pxまで▼▼▼▼▼
===============================================*/

@media (max-width:349px) {
	
}

/*===============================================
　SP iPhone Plus サイズ対応　画面の横幅が415pxまで▼▼▼▼▼
===============================================*/

@media (min-width: 413px) and (max-width: 761px) {
	
}