@charset "UTF-8";

img {
	image-rendering: -webkit-optimize-contrast;
}

.title {
	padding-top: 80px;
}

.profile img {
	max-width: 456px;
	max-height: 441px;
	width: 100%;
	height: 100%;
}

.profile dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 40px;
}

.profile dt {
	width: 16%;
	/* padding-bottom: 20px;
  margin-bottom: 10px;*/
}

.profile dd {
	width: 84%;
	/*  padding-bottom: 20px;
  margin-bottom: 10px;*/
}

.wallpaper{
	display: flex;
	flex-wrap: wrap;
}
.wallpaper-box {
	text-align: center;
	margin: 20px 0 0 0;
	width: calc(90% / 2);
	font-size: 11px;
}
main .btn a {
	max-width: 336px;
	width: 100%;
}

main .btn+.btn {
	margin-top: 20px;
}

.video-box{
	text-align: center;
	font-size: 14px;
}

.video-box video{
	width: 90%;
}
@media screen and (min-width: 769px) {
	.profile {
		display: flex;
		justify-content: space-around;
	}

	.profile dl {
		padding-left: 80px;
		margin-top: 0;
	}

	.profile img {
		padding-right: 80px;
	}

	.profile dt {
		width: 12%;
		/*  padding-bottom: 20px;
  margin-bottom: 10px;*/
	}

	.profile dd {
		width: 88%;
		/*  padding-bottom: 20px;
  margin-bottom: 10px;*/
	}

	.wallpaper {
		display: flex;
		flex-wrap: wrap;
	}

	.wallpaper-box {
		margin: 20px 0;
		width: calc(100% / 4)
	}
	
	.video-box{
	font-size: 16px;
}
}
@media screen and (max-width: 768px) {
	.wallpaper-box:nth-of-type(even){margin-left: 10px;}
	.wallpaper-box:nth-of-type(odd){margin-right: 10px;}

}
@media screen and (min-width: 1079px) {}



/***********************************
modal
************************************/

.modal_box .modal-thumb img {
	border: 1px solid #ccc;
}


.modal_box a:hover{
text-decoration: none;
}

@media print,
screen and (min-width:769px) {

	.modal_box .modal-thumb img,.modal_box .modal-thumb-new img {
		/* max-width: 120px;  */
	}
}

@media screen and (min-width: 1079px) {
	.modal_box .modal-thumb img,.modal_box .modal-thumb-new img {
		max-width: 165px; }
	}

/*modal展開時body固定*/
.modal-fixd-body {
	position: fixed;
	overflow: hidden;
	width: 100%;
}

/***********************************
set modal_article-size 
************************************/
.modal_article {
	max-width: 710px;
	width: 90%;
}

.modal_article_inner {}

@media print,
screen and (min-width:769px) {

	.modal_article {}

}

@media screen and (min-width:769px) and (max-width:1024px) {

	.modal_article {}

}

@media screen and (max-width:768px) {

	.modal_article {}

}


/***********************************
modal window
************************************/
body.modal_fixed #menu-btn {
	pointer-events: none;
}

.modal_wrap {
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	height: 100%;
	left: 50%;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 99999;
}

.modal_article {
	-webkit-transform: translateY(-50%) translateX(-50%);
	left: 50%;
	margin: auto;
	position: absolute;
	transform: translateY(-50%) translateX(-50%);
	transition: width 1s ease-in-out .01s;
	top: 50%;
}

.modal_article a:hover {
	text-decoration: none;
}

.modal_article_inner {
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	overflow-scrolling: touch;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	overflow-y: auto;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 40px 20px;
}

.modal_article_inner p {
	font-size: 14px;
	text-align: left;
}

.modal_article_inner .img-box {
	border: 1px solid #dcdcdc;
	margin-top: 30px;
	margin-bottom: 30px;
}

.modal_article_inner .img-box img {
	max-width: 335px;
}

/*閉じるボタン*/
.modal_btn_close {
	border-radius: 20px;
	-khtml-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	color: #000;
	font-size: 20px;
	height: 30px;
	line-height: 0;
	padding-top: 16px;
	position: absolute;
	right: -15px;
	text-align: center;
	text-decoration: none;
	top: -15px;
	width: 30px;
	overflow: visible;
	z-index: 1;
}

@media print,
screen and (min-width:769px) {

	.modal_btn_close:hover {
		background-color: #000;
		border: 1px solid #000;
		color: #fff;
		opacity: 1px;
	}

}

@media screen and (max-width:768px) {}







/*━━━━━━━━━━━━━━━━━━━━━━━━━追記━━━━━━━━━━━━━━━━━━━━━━━━━*/











.modal_article_innerbold {
	font-weight: bold;
}

.modal_article_innerurl {
	font-weight: bold;
	margin-right: 10px;
}


/*IE*/
@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .profile img{
    flex-shrink: 0;
  }
}