@charset "utf-8";

#contents_area * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media print, screen and (min-width : 769px){
	
	.for_sp,
	.sp { display: none; }
	
	.section h3 {
		margin: 0 0 50px 15px;
		font-size: 50px;
		font-weight: bold;
	}
	
	/* Gallery */
	#section_gallery {
		width: 980px;
		margin: 50px auto 100px;
	}
	
	#section_gallery .link_wrapper{
		margin-bottom: 80px;
	}
	#section_gallery .link_special {		
		text-align: center;
	}
	#section_gallery .link_special a {
		display: inline-block;
		border: 1px solid #444;
		padding: 16px 36px;
		text-align: center;
		color: #444;
		font-size: 16px;
		line-height: 20px;
	}
	#section_gallery .link_special span {
		display: inline-block;
		padding-right: 26px;
		background: url(../img/linkbox_arrow.png) no-repeat right center;
	}
	
	
	/* gallery_wrapper */
	.gallery_wrapper#gallery_pc,
	.gallery_wrapper#gallery_es_pc {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		
	}
	#gallery_sp,#gallery_es_sp{ display: none; }
	
	.gallery_wrapper > a {
		display: block;
		width: 242px;
		margin: 0 0 4px;
	}
	.gallery_wrapper > a img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	
	.tab_container {
		margin-bottom: 90px;
	}
	.tab_menu_wrapper {
		margin-bottom: 5px;
	}
	.tab_menu {
		width: 980px;
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.tab_menu > li {
		width: 490px;
		height: 64px;
		background-repeat: no-repeat;
		background-position: top right;
		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.png); color: #79ba30; }
	.tab_menu > li.menu01.active { background-image: url(../img/tab01_active_bg.png); color: #fff; }
	.tab_menu > li.menu02 { background-image: url(../img/tab02_bg.png); color: #4c5ca6; }
	.tab_menu > li.menu02.active { background-image: url(../img/tab02_active_bg.png); color: #fff; }
	/*
	.tab_menu > li.menu02.wait { background-image: url(../img/tab02_wait_bg.png); color: #b1b1b1; }*/
	
	.tab_menu > li span {
		display: inline-block;
		height: 64px;
		line-height: 70px;
		font-size: 30px;
		font-weight: bold;
		text-align: center;
	}
	.tab_menu > li span.cap {
		font-size: 16px;
		margin-left: 10px;
	}
	
	.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;
	}
	body.compensate-for-scrollbar {
		position: static;
		margin-right: 0 !important;
	}
	
	/* 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: 15px;
		width: 6em;
		margin: 10px auto 0;
		text-align: center;
	}
	/* .mfp-arrow {
		position: relative;
		top: -115px;
		
	} */

	/* .mfp-arrow:before {
		border-top-color: #222;
		border-right-color: #222;
	}
	.mfp-arrow {
		width: 90px;
		height: 90px;
		border-radius: 50%;
		background-color: #fff;
	}
	.mfp-arrow:before {
	    content: '';
	    display: block;
	    width: 0;
	    height: 0;
	    position: absolute;
	    left: 0;
	    top: 0;
	    margin-top: 35px;
	    margin-left: 40px;
	    border: medium inset transparent;
	    vertical-align: middle;
	}
	.mfp-arrow:before {
		left: 6px;
		width: 10px;
		height: 10px;
		border-top: 4px solid #fff;
		border-right: 4px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.mfp-arrow-left {
		left: 0;
	}
	.mfp-arrow-left:before {
		margin-left: 23px;
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.mfp-arrow-right {
		right: 0;
	}
	.mfp-arrow-right:before {
		
	} */
	
	/* .gallery-arrow {
		position: absolute;
		top: 50%;
		margin-top: -15px;
		display: block;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		left: 50%;
		cursor: pointer;
	}
	.gallery-arrow-left:before {
		content:'<';
		color: #fff;
	}
	.gallery-arrow-right:before {
		content:'>';
		color: #fff;
	} */
	
	
	.banner_wrapper {
		width: 980px;
		margin: 0 auto 90px;
	}
	.banner_wrapper .banner_item {
		margin-bottom: 20px;
	}
	.banner_wrapper .banner_item img {
		max-width: 100%;
		height: auto;
	}
	
}