@charset "utf-8";

@media screen and (max-width : 768px){
	
	.for_pc,
	.pc { display: none; }
	
	.section h3 {
		margin: 0 15px 20px;
		font-size: 26px;
		font-weight: bold;
	}
	
	/* gallery */
	#section_gallery {
		margin: 6vw 2vw 14vw;
	}	
	#section_gallery .link_wrapper{
		margin-bottom: 40px;
	}	
	#section_gallery .link_special {		
		text-align: center;
	}
	#section_gallery .link_special a {
		display: inline-block;
		border: 1px solid #444;
		padding: 10px 26px;
		text-align: center;
		color: #444;
		font-size: 14px;
		line-height: 20px;
	}
	#section_gallery .link_special span {
		display: inline-block;
		padding-right: 26px;
		background: url(../img/linkbox_arrow_sp.png) no-repeat right center;
		background-size: 20px auto;
	}
	
	
	/* gallery_wrapper */
	.gallery_wrapper#gallery_sp,
	.gallery_wrapper#gallery_es_sp {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		
	}
	 #gallery_pc,#gallery_es_pc{ display: none; }
	
	.gallery_wrapper > a {
		display: block;
		width: 50%;
		padding: 2px;
	}
	.gallery_wrapper > a img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	
	.tab_container {
		margin-bottom: 8vw;
	}
	.tab_menu_wrapper {
		margin-bottom: 0;
	}
	.tab_menu {
		width: 100%;
		height: 6.6vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.tab_menu > li {
		width: 50%;
		height: 6.6vw;
		background-repeat: no-repeat;
		background-position: top left;
		background-size: 100% auto;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: 0.3s;
	}
	.tab_menu > li:hover{
		opacity:0.7;
	}
	.tab_menu > li.menu01 { background-image: url(../img/tab01_bg_sp.png); color: #79ba30; }
	.tab_menu > li.menu01.active { background-image: url(../img/tab01_active_bg_sp.png); color: #fff; }
	.tab_menu > li.menu02 { background-image: url(../img/tab02_bg_sp.png); color: #4c5ca6; }
	.tab_menu > li.menu02.active { background-image: url(../img/tab02_active_bg_sp.png); color: #fff; }
	/*
	.tab_menu > li.menu02.wait { background-image: url(../img/tab02_wait_bg_sp.png); color: #b1b1b1; text-align: right; }*/
	
	.tab_menu > li span {
		display: inline-block;
		height: 6.6vw;
		line-height: 6.6vw;
		font-size: 3.4vw;
		font-weight: bold;
		text-align: center;
	}
	.tab_menu > li span.cap {
		font-size: 10px;
		margin-left: 4px;
	}
	
	.tab_menu > li.menu02.wait {
		display: block;
	}
	.tab_menu > li.menu02.wait span {
		display: block;
		padding-top: 2px;
		width: 100%;
		height: auto;
		font-size: 12px;
		line-height: 1;
	}
	.tab_menu > li.menu02.wait span.cap {
		display: block;
		padding-top: 0;
		width: 100%;
		height: auto;
		font-size: 10px;
		font-weight: normal;
	}
	
	.tab_panel_wrapper {
		
	}
	.tab_panel_wrapper .tab_panel {
		overflow: hidden;
		height: 0;
		opacity: 0;
	}
	.tab_panel_wrapper .tab_panel.active {
		overflow: visible;
		height: auto;
		opacity: 1;
		transition: opacity .4s ease-in-out;
	}
	
	
	/* fancybox */
	.fancybox-bg {
		background-color: #fff;
	}
	
	/* magnificPopup */
	.mfp-bg {
		z-index: 70000;
		background-color: #fff;
	}
	.mfp-wrap {
		z-index: 70001;
	}
	.mfp-close {
		/* font-size: 42px; */
	}
	.mfp-image-holder .mfp-close,
	.mfp-iframe-holder .mfp-close {
		color: #000;
	}
	.mfp-counter {
		width: 100%;
		color: #000;
		font-weight: bold;
	}
	.mfp-counter .gallery-counter {
		display: block;
		font-size: 14px;
		width: 6em;
		margin: 10px auto 0;
		text-align: center;
	}
	/* 
	.mfp-arrow:before {
		border-top-color: #222;
		border-right-color: #222;
	} */
	
	.mfp-arrow-left:before {
		border-right: none;
	}
	.mfp-arrow-right:before {
		border-left: none;
	}
	
	
	
	/* banners */
	.banner_wrapper {
		margin: 0 0 8vw;
	}
	.banner_wrapper .banner_item {
		margin: 0 2px 6vw;
	}
	.banner_wrapper .banner_item img {
		width: 100%;
		height: auto;
	}
	
	
	
}