@charset "shift_jis";
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

/* ======================================================
	* PC
====================================================== */
@media print,screen and (min-width: 751px) {
	#colorbox, #cboxOverlay, #cboxWrapper {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		/*overflow: hidden;*/
		-webkit-transform: translate3d(0, 0, 0);
	}
	#cboxWrapper {
		max-width: none;
	}
	#cboxOverlay {
		background-color:#000;
		position: fixed;
		height: 100%;
		width: 100%;
	}
	#cboxMiddleLeft, #cboxBottomLeft {
		clear: left;
	}
	#cboxLoadedContent {
		overflow:auto;
		margin-top:60px;
	}
	#cboxTitle {
		margin: 0;
	}
	#cboxLoadingOverlay, #cboxLoadingGraphic {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
		cursor: pointer;
	}
	.cboxPhoto {
		float: left;
		margin: auto;
		border: 0;
		display: block;
		max-width: none;
		-ms-interpolation-mode: bicubic;
	}
	.cboxIframe {
		width: 100%;
		height: 100%;
		display: block;
		border: 0;
		padding: 0;
		margin: 0;
	}
	#colorbox, #cboxContent, #cboxLoadedContent {
		box-sizing: content-box;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
	}
	#colorbox {
		outline: 0;
	}
	#cboxContent {
		background: #fff;
		position: relative;
		height:auto !important;
		width:auto !important;
	}
	.cboxIframe {
		background: #fff;
	}
	#cboxError {
		padding: 50px;
		border: 1px solid #ccc;
	}
	#cboxTitle {
		position: absolute;
		bottom: 4px;
		left: 0;
		text-align: center;
		width: 100%;
		color: #949494;
	}
	#cboxCurrent {
		display:none !important;
	}
	#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
		border: 0;
		padding: 0;
		margin: 0;
		overflow: visible;
		width: auto;
		background: none;
	}
	#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
		outline: 0;
	}
	#cboxPrevious,
	#cboxNext,
	#cboxClose {
		display:none !important;
	}
	.box_modal .btn_modal_close {
		height: 60px;
		position:absolute;
		width: 60px;
	}
	.box_modal .btn_modal_close a {
		background: url(../../common/img/modal_bt01.png) no-repeat 0 0;
		background-position:left top;
		background-size:100% auto;
		display:block;
		height: 60px;
		-webkit-transition: all .2s ease-out 0s;
		transition: all .2s ease-out 0s;
		text-indent: -9999px;
		width: 60px;
	}
	.box_modal .btn_modal_close.upper {
		top:0;
		right:0;
	}
	.box_modal .btn_modal_close.lower {
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		bottom:-80px;
	}
	.box_modal .btn_modal_close a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
	}
	.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	}
	
	/* box_modal */
	.box_modal {
		-webkit-box-sizing:content-box;
		box-sizing:content-box;
		padding: 0 60px 60px;
	}
	.box_modal .each_contents {
		margin-top:35px;
	}
	.box_modal .each_contents:nth-child(1) {
		margin-top:0;
	}
	.box_modal .each_contents > .img_layout:after {
		clear:both;
		content:"";
		display:block;
	}
	.box_modal .each_contents > .img_layout .tx {
		float:left;
		max-width:75%;
	}
	.box_modal .each_contents > .img_layout .img {
		float:right;
		max-width:170px;
	}
	.box_modal .each_contents > .img_layout .img img {
		border:1px solid #eee;
	}
	.box_modal .each_contents .ttl_contents {
		font-size:1.8rem;
		font-weight:bold;
	}
	.box_modal .each_contents .ttl_contents ~ p {
		margin-top:15px;
	}
	.box_modal .each_contents .ttl_contents ~ p a {
		text-decoration:underline;
	}
	.box_modal .btn_control {
		margin-left:auto;
		margin-right:auto;
		margin-top:40px;
		letter-spacing:-0.4em;
		text-align:center;
	}
	.box_modal .btn_control > p {
		display:inline-block;
		letter-spacing:normal;
		margin-top:0;
		margin-left:10px;
		margin-right:10px;
		width:248px;
	}
	.box_modal .btn_control > .prev a:before {
		left:20px;
		right:inherit;
		-webkit-transform: translateY(-50%) rotate(135deg);
		transform: translateY(-50%) rotate(135deg);
	}
	.box_modal .btn_control > .next a:before {
		right:20px;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
	}
	
}



/* ======================================================
 * PC Media Queries
====================================================== */
/***
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 751px) and (max-width: 1920px) {
}
***/
@media screen and (min-width: 751px) and (max-width: 900px) {
	.box_modal .each_contents > .img_layout .tx {
		float:left;
		max-width:68%;
	}
}



/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 750px) {
	#colorbox, #cboxOverlay, #cboxWrapper {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		/*overflow: hidden;*/
		-webkit-transform: translate3d(0, 0, 0);
	}
	#cboxWrapper {
		max-width: none;
	}
	#cboxOverlay {
		background-color:#000;
		position: fixed;
		width: 100%;
		height: 100%;
	}
	#cboxMiddleLeft, #cboxBottomLeft {
		clear: left;
	}
	#cboxLoadedContent {
		overflow: auto;
		margin-top:50px;
	}
	#cboxTitle {
		margin: 0;
	}
	#cboxLoadingOverlay, #cboxLoadingGraphic {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.cboxPhoto {
		float: left;
		margin: auto;
		border: 0;
		display: block;
		max-width: none;
		-ms-interpolation-mode: bicubic;
	}
	.cboxIframe {
		width: 100%;
		height: 100%;
		display: block;
		border: 0;
		padding: 0;
		margin: 0;
	}
	#colorbox, #cboxContent, #cboxLoadedContent {
		box-sizing: content-box;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
	}
	#colorbox {
		outline: 0;
	}
	#cboxContent {
		background: #fff;
		position: relative;
		height:auto !important;
		width:auto !important;
	}
	.cboxIframe {
		background: #fff;
	}
	#cboxError {
		padding: 50px;
		border: 1px solid #ccc;
	}
	#cboxTitle {
		position: absolute;
		bottom: 4px;
		left: 0;
		text-align: center;
		width: 100%;
		color: #949494;
	}
	#cboxCurrent {
		display:none !important;
	}
	#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
		border: 0;
		padding: 0;
		margin: 0;
		overflow: visible;
		width: auto;
		background: none;
	}
	#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
		outline: 0;
	}
	#cboxPrevious,
	#cboxNext, 
	#cboxClose{
		display:none !important;
	}
	.box_modal .btn_modal_close {
		position:absolute;
		height: 50px;
		width: 50px;
	}
	.box_modal .btn_modal_close a {
		background: url(../../common/img/modal_bt01.png) no-repeat 0 0;
		background-position:left top;
		background-size:100% auto;
		display:block;
		height: 50px;
		width: 50px;
		text-indent: -9999px;
	}
	.box_modal .btn_modal_close.upper {
		top:0;
		right:0;
	}
	.box_modal .btn_modal_close.lower {
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		bottom:-70px;
	}
	.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
	}
	
	/* box_modal */
	.box_modal {
		padding: 0 15px 50px;
	}
	.box_modal .each_contents {
		margin-top:30px;
	}
	.box_modal .each_contents:nth-child(1) {
		margin-top:0;
	}
	.box_modal .each_contents > .img_layout .img {
		display:table;
		margin-left:auto;
		margin-right:auto;
		margin-top:12px;
		max-width:100%;
		width:auto;
	}
	.box_modal .each_contents > .img_layout .img img {
		border:1px solid #eee;
	}
	.box_modal .each_contents .ttl_contents {
		font-size:1.6rem;
		font-weight:bold;
	}
	.box_modal .each_contents .ttl_contents ~ p {
		margin-top:10px;
	}
	.box_modal .each_contents .ttl_contents ~ p a {
		text-decoration:underline;
	}
	.box_modal .btn_control {
		display:table;
		margin-left:auto;
		margin-right:auto;
		margin-top:25px;
		text-align:center;
		width:100%;
	}
	.box_modal .btn_control > p {
		display:table-cell;
		margin-top:0;
		padding-left:2%;
		padding-right:2%;
		max-width:82%;
	}
	.box_modal .btn_control > .prev a:before {
		left:20px;
		right:inherit;
		-webkit-transform: translateY(-50%) rotate(135deg);
		transform: translateY(-50%) rotate(135deg);
	}
	.box_modal .btn_control > .next a:before {
		right:20px;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
	}
	
}