/*----------------------------------------------------
	　　    ◆TOP
----------------------------------------------------*/
_:lang(x)::-internal-media-controls-overlay-cast-button, img {
    image-rendering: -webkit-optimize-contrast;
    }
.topP {
	box-sizing: border-box;
	padding: 100px 0 0;
}
.mvArea-inr {
	background: url(../cmn_img/top/mv_bg.jpg) no-repeat top center;
	background-size: cover;
}
.mvArea-inr-w {
	box-sizing: border-box;
	padding: 2% 0 0;
	position: relative;
	margin: 0 auto;
	max-width: 1380px;
	width: 100%;
}
.miko_img {
	padding-right: 7%;
	margin: 0 auto;
	width: 75%;
}
.miko_img img {
	width: 100%;
}
.cat_img {
	bottom: 0;
	right: 0;
	position: absolute;
	width: 20%;
}
.cat_img img {
	width: 100%;
}
.topNews {
	background-color: #ecf0f5;
	box-sizing: border-box;
	padding: 20px 40px 0;
}
.news-tit::before {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../cmn_img/top/news_icon.png);
	background-size: contain;
	width: 30px;
	height: 30px;
}
.news-tit {
	box-sizing: border-box;
	padding-left: 45px;
	position: relative;
}
.news-tit a {
	color: #24394c;
	font-size: 18px;
	text-decoration: none;
}
.news-tit a:hover {
	opacity: 0.7!important;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
.news-txt {
	color: #404040;
	font-size: 16px;
}
/*----------------------------------------------------
	　　    ◆PROFILE
----------------------------------------------------*/
.contentsArea-profile {
	background: url(../cmn_img/profile/profile_bg.gif) repeat top center;
}
.contents-inr {
	position: relative;
	margin: 0 auto 90px;
	max-width: 1200px;
	width: 100%;
}
.titArea01 {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}
.head02 {
	text-align: center;
	margin-bottom: 30px;
}
.photo03 {
	position: absolute;
	top: 100px;
	right: 0;
}
.txt_01 {
	color: #2c2d30;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 40px;
	text-align: center;
}
.resume_btn::before {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../cmn_img/profile/search_icon.png);
	background-size: contain;
	width: 27px;
	height: 27px;
}
.resume_btn {
	box-sizing: border-box;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding-bottom: 5px;
	padding-left: 40px;
	position: relative;
	margin: 0 auto 45px;
	max-width: 300px;
	width: 100%;
}
.resume_btn a {
	color: #2c2d30;
	text-decoration: none;
}
.resume_btn::after {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url(../cmn_img/profile/wave_line.png);
	background-size: contain;
	width: 278px;
	height: 5px;
}
.resume_img {
	text-align: center;
}
.resume_img img {
	max-width: 100%;
}
.btnArea {
	text-align: center;
	margin-top: 50px;
}
.download_btn {
	display: inline-block;
	position: relative;
}
.download_btn a {
	background-color: #fff;
	border-radius: 4px;
	color: #090909;
	box-sizing: border-box;
	padding: 22px 30px 22px 70px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.download_btn a::before {
	display: inline-block;
	content: '';
	position: absolute;
	left: 35px;
	top: 0;
	background-image: url(../cmn_img/icon_pdf.png);
	background-size: contain;
	width: 23px;
	height: 24px;
}
.download_btn a:hover {
	opacity: 0.7!important;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
/*----------------------------------------------------
	　　    ◆NEWS
----------------------------------------------------*/
.contentsArea-news {
	background: url(../cmn_img/news/news_bg.gif) repeat center center;
}
.photo01 {
	position: absolute;
	top: 0;
	left: 0;
}
.photo02 {
	position: absolute;
	top: 0;
	right: -70px;
}
.titArea {
	position: relative;
	margin: 0 auto;
	max-width: 945px;
	width: 100%;
}
.newsArea {
	padding-top: 60px;
}
.archiveArea {
	background-color: #fff;
	box-shadow: -2px 0 6px 5px #ccc;
	box-sizing: border-box;
	padding: 10px 10px 15px;
}
.w_20 {
	width: 20%;
}
.w_80 {
	width: 77%;
}
.head03 {
	border-bottom: 1px dotted #5c5c5c;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: center;
}
.archiveArea h4 {
	color: #474747;
	font-family: 'Montserrat', "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 2;
	letter-spacing: 1px;
	padding-left: 10px;
}
.news_detail {
	background-color: #fff;
	box-shadow: 0 0 6px 5px #ccc;
	box-sizing: border-box;
	padding: 25px 20px 60px;
	margin-bottom: 60px;
}
.news_detail:last-child {
	margin-bottom: 0;
}
.newsTit {
	border-bottom: 1px dotted #5c5c5c;
	padding-bottom: 10px;
	margin-bottom: 50px;
	text-align: center;
}
.date {
	background-color: #f7515a;
	border-radius: 20px;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-family: 'Montserrat', "Times New Roman", Times, serif;
	font-size: 14px;
	padding: 0 20px;
	margin-bottom: 10px;
}
.news_head03 {
	font-size: 22px;
}
.news_img {
	text-align: center;
	margin-bottom: 50px;
}
.newsTxt {
	margin: 0 auto;
	max-width: 780px;
	width: 100%;
}
.newsTxt p {
	color: #626262;
	font-size: 16px;
	letter-spacing: 2px;
}
.down {
	cursor: pointer
}
.down:hover {
	color: #f7515a;
}
.closingUL {
	padding-left: 10px;
}
.closingUL li {
	border-bottom: 1px dotted #474747;
	line-height: 1.3;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.closingUL a {
	color: #474747;
	font-size: 14px;
	text-decoration: none;
}
.closingUL a:hover {
	color: #f7515a;
}
.closingUL a span {
	font-weight: bold;
}
/*----------------------------------------------------
	　　    ◆WORKS
----------------------------------------------------*/
.contentsArea-works {
	background: url(../cmn_img/works/works_bg.gif) repeat top center;
}
.noteArea::before{
	display: inline-block;
	content: '';
	position: absolute;
	left: 0px;
	background-image: url(../cmn_img/works/works_bg02.png);
	background-size: contain;
	width: 100%;
	height: 0;
	background-repeat: repeat-x;
	padding-top: 5%;
	top: -1%;
}
.noteArea{
	background: url(../cmn_img/works/works_bg01.gif) repeat center center;
	box-sizing: border-box;
	padding: 100px 20px 0;
	position: relative;
	margin-top: 75px;
}
.note_head03 {
	font-size: 24px;
	letter-spacing: 1.4px;
	margin-bottom: 10px;
	text-align: center;
}
.note_p01 {
	font-size: 16px;
	letter-spacing: 1.6px;
	text-align: center;
}
.note-detail {
	padding-top: 50px;
}
.titAdate {
	border-bottom: 2px solid #000000;
	box-sizing: border-box;
	padding-left: 40px;
	margin-bottom: 20px;
}
.titAdate .year {
	display: inline-block;
	font-size: 50px;
	padding-right: 70px;
}
.titAdate .note_tit {
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	vertical-align: super;
}
.notetxtBox .head05 {
	font-size: 20px;
	letter-spacing: 1.4px;
}
.notetxtBox {
	padding-left: 21.5%;
}
.note_p02 {
	font-size: 16px;
	letter-spacing: 1.6px;
	text-align: left;
}
.clm4 li {
	float: left;
	margin-bottom: 30px;
	margin-right: 2.6%;
	width: 23%;
}
.clm4 li:nth-child(4n+4) {
	margin-right: 0;
}
.clm4 li img {
	width: 100%;
}
.clm4 li p {
	font-size: 16px;
	letter-spacing: 1.4px;
	text-align: center;
}
.clm4 li p span {
	font-weight: bold;
}
/*----------------------------------------------------
	　　    ◆GALLERY
----------------------------------------------------*/
.contentsArea-gallery {
	background: url(../cmn_img/gallery/gallery_bg.gif) repeat top center;
}
.check_btn {
	text-align: center;
}
.check_btn a:hover {
	opacity: 0.7!important;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
.titBox {
	border-bottom: 1px solid #e6e6e6;
	border-top: 2px solid #000000;
	padding: 10px 0 15px;
}
.day {
	margin: 0 auto;
	width: 15%;
}
.theme {
	margin: 0 auto;
	width: 80%;
}
.day p {
	font-family: 'Montserrat', "Times New Roman", Times, serif;
	line-height: 1.2 !important;
	letter-spacing: 1px;
	text-align: center;
}
.day p:nth-child(1) {
	font-size: 57px;
}
.day p:nth-child(2) {
	font-size: 14px;
}
.theme-tit {
	font-size: 22px;
	font-weight: bold;
	padding-top: 30px;
	margin-left: 20%;
}
.movieBox {
	background-color: #fff;
	box-shadow: -2px 0 6px 5px #ccc;
	box-sizing: border-box;
	padding: 0 0 15px;
}
.clm3 {
	padding: 50px 0 0;
	margin: 0 auto;
	max-width: 1055px;
	width: 100%;
}
.clm3 li {
	float: left;
	margin-right: 2%;
	margin-bottom: 30px;
	width: 32%;
}
.clm3 li:nth-child(3n+3) {
	margin-right: 0;
}
.clm3 li p {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1.4px;
	margin-top: 20px;
	text-align: center;
}
.clm3 li a:hover {
	opacity: 0.7!important;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
.topP0 {
	padding-top: 0 !important;
}
.slider li div {
	padding-top: 85%;
	background-size: contain;
}
div.sliderwidth {
	width: 100% !important;
	padding-top: 70px;
}
#bx-pagerin {
	margin: 0 auto;
	width: 100%;
}
#bx-pagerin ul {
	text-align: center;
	padding-top: 40px;
}
#bx-pagerin ul li {
	display: inline-block;
	padding-top: 25px;
	margin-right: 10px;
	background-size: cover;
	width: 10%;
}
#bx-pagerin ul li a {
	display: block;
	width: 100%;
	padding-top: 100%;
}
.addphoto {
	left: -60px !important;
}
#fancybox-left span {
	left: -20% !important;
}
#fancybox-right span {
	right: -35% !important;
}
/*----------------------------------------------------
	　　    ◆CONTENTS
----------------------------------------------------*/
.contentsArea-contents {
	background: url(../cmn_img/contents/contents_bg.gif) repeat top center;
}
.titArea02 {
	position: relative;
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}
.wallpaperBox {
	background-color: #fff;
	padding: 100px 20px 50px;
	position: relative;
	margin-top: 110px;
	margin-bottom: 60px;
}
.wallpaperBox::before {
	display: inline-block;
	content: '';
	position: absolute;
	left: 35px;
	top: 5px;
	background-image: url(../cmn_img/contents/pin_icon.png);
	background-size: contain;
	width: 41px;
	height: 57px;
}
.wallpaperBox::after {
	display: inline-block;
	content: '';
	position: absolute;
	right: 35px;
	top: 5px;
	background-image: url(../cmn_img/contents/pin_icon.png);
	background-size: contain;
	width: 41px;
	height: 57px;
}
.wallpaperBox:last-child {
	margin-bottom: 0;
}
.wallpaperTit {
	border-bottom: 2px solid #000000;
	padding-bottom: 20px;
	margin-bottom: 15px;
	text-align: center;
}
.size {
	background-color: #f7515a;
	border-radius: 20px;
	box-sizing: border-box;
	color: #fff !important;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0 20px;
	margin-bottom: 10px;
}
.wallpaper_head03 {
	font-size: 30px;
	letter-spacing: 1.4px;
}
.wallpaperBox p {
	color: #626262;
	font-size: 16px;
	letter-spacing: 2px;
	margin-bottom: 30px;
	text-align: center;
}
.addbg {
	background: url(../cmn_img/contents/contents_bg01.gif) repeat center center;
	padding-top: 60px;
}
.imgBottom {
	text-align: center;
}
.imgTop {
	margin: 30px 0;
	text-align: center;
}
.titArea02 {
	max-width: 980px;
}
.download {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	position: relative;
}
.download a {
	color: #626262;
	font-size: 16px;
	text-decoration: none;
}
.download::before {
	display: inline-block;
	content: '';
	position: absolute;
	left: 20%;
	top: 13px;
	background-image: url(../cmn_img/contents/download_icon.png);
	background-size: contain;
	width: 20px;
	height: 20px;
}

@media(min-width:2000px) {
.mvArea-inr-w {
	padding-top: 15% !important;
	max-width: inherit !important;
}
}

@media screen and (max-width:1400px) {
/*----------------------------------------------------
	　　    ◆TOP
----------------------------------------------------*/
.miko_img {
	width: 64%;
}
.cat_img {
	right: 3%;
	width: 20%;
}
.news-tit::before {
	height: 25px;
	width: 25px;
}
.news-tit {
	padding-left: 35px;
}
.news-tit a {
	font-size: 1em;
}
.news-txt {
	font-size: 0.875em;
}
/*----------------------------------------------------
	　　    ◆PROFILE
----------------------------------------------------*/
.contents-inr {
	width: 80%;
}
.head02 {
	margin: 0 auto 30px;
	max-width: 500px;
	width: 100%;
}
.resume_btn {
	font-size: 20px;
}
.txt_01 {
	margin-bottom: 30px;
}
/*----------------------------------------------------
	　　    ◆NEWS
----------------------------------------------------*/
.titArea figure img {
	width: 80%;
}
.titArea01 figure img {
	width: 80%;
}
.titArea02 figure img {
	width: 80%;
}
.titArea {
	max-width: 800px;
}
/*----------------------------------------------------
	　　    ◆WORKS
----------------------------------------------------*/
.notetxtBox {
	padding-left: 220px;
}
.titAdate .year {
	font-size: 40px;
}
/*----------------------------------------------------
	　　    ◆GALLERY
----------------------------------------------------*/
.check_btn img {
	width: 30% !important;
}
.clm3 {
	padding: 30px 0;
	width: 80%;
}
.clm3 li p {
	font-size: 20px;
}
.download {
	margin: 0 auto;
	max-width: 300px;
	width: 100%;
}
.download a {
	font-size: 14px;
}
.download::before {
	left: 14%;
	top: 11px;
	width: 15px;
	height: 15px;
}
}

@media screen and (max-width:1100px) {
/*----------------------------------------------------
	　　    ◆PROFILE
----------------------------------------------------*/
.mikochan {
	top: 70px;
	left: -60px;
}
.photo03 {
	top: 155px;
}
/*----------------------------------------------------
	　　    ◆WORKS
----------------------------------------------------*/
.notetxtBox {
	padding-left: 0;
}
.titAdate {
	padding-left: 0;
}
	
/*----------------------------------------------------
	　　    ◆GALLERY
----------------------------------------------------*/
.download::before {
	left: 4%;
}
}
 @media screen and (max-width:870px) {
/*----------------------------------------------------
	　　    ◆TOP
----------------------------------------------------*/
.contents-inr {
	margin-bottom: 40px;
 width: 90%;
}
 .topP {
 padding-top: 60px;
}
.top-page #contents {
 padding-top: 50px;
}
.mvArea-inr-w {
 padding-top: 20%;
}
.miko_img {
 width: 90%;
}
.cat_img {
 margin-right: 0;
 width: 14%;
}
.topNews {
 padding: 20px 10px 0;
}
.news-tit::before {
 height: 20px;
 left: 0;
 width: 20px;
}
.news-tit {
 padding-left: 0;
 margin-bottom: 10px;
 text-indent: 30px;
}
	
	/*----------------------------------------------------
	　　    ◆PROFILE
----------------------------------------------------*/	
	.head02 {
 margin-bottom: 15px;
 max-width: 400px;
}
 .photo03 {
 display: none;
}
 .txt_01 {
 margin-bottom: 20px;
}
 .resume_btn::before {
 top: 3px;
 width: 15px;
 height: 15px;
}
 .resume_btn {
 font-size: 13px;
 padding-left: 15px;
 margin-bottom: 25px;
 max-width: 175px;
}
 .resume_btn::after {
 height: 2px;
 width: 180px;
}
 .download_btn a {
 padding: 15px 20px 15px 35px;
font-size: 13px;
}
 .download_btn a::before {
 left: 15px;
 height: 17px;
 width: 15px;
}
	
/*----------------------------------------------------
	　　    ◆NEWS
----------------------------------------------------*/
.titArea figure img {
 width: 20%;
}
 .titArea01 figure img {
 width: 20%;
}
 .titArea02 figure img {
 width: 20%;
}
 .photo01 {
 position: static;
 margin-bottom: 20px;
 text-align: center;
}
 .photo02 {
 display: none;
}
 .w_20 {
 width: 100%;
}
 .w_80 {
 width: 100%;
}
 .news_detail {
 padding: 25px 10px 30px;
 margin-bottom: 30px;
}
 .newsTit {
 margin-bottom: 25px;
}
 .newsArea {
 padding-top: 20px;
}
 .date {
 font-size: 12px;
}
 .news_head03 {
 font-size: 15px;
}
 .news_img {
 margin-bottom: 20px;
}
 .news_img img {
 width: 100% !important;
}
 .newsTxt p {
 font-size: 13px;
}
 .news-txt {
 display: block;
 padding-top: 10px;
 text-indent: 0;
}
	
/*----------------------------------------------------
	　　    ◆WORKS
----------------------------------------------------*/
	.noteArea {
 margin-top: 40px;
	padding-top: 70px;
}
	.noteArea::before{
	top: 0;
}
 .note_head03 {
 font-size: 15px;
}
 .note_p01 {
 font-size: 13px;
}
 .note-detail {
 padding-top: 25px;
}
 .titAdate {
 padding-left: 0;
 margin-bottom: 10px;
}
 .titAdate .year {
 font-size: 20px;
 padding-right: 15px;
}
 .titAdate .note_tit {
 font-size: 16px;
 vertical-align: inherit;
}
 .notetxtBox {
 padding-left: 0;
}
 .notetxtBox .head05 {
 font-size: 14px;
}
 .note_p02 {
 font-size: 13px;
}
 .clm4 li {
 margin-bottom: 20px;
 margin-right: 4%;
 width: 48%;
}
.clm4 li:nth-child(2n+2) {
 margin-right: 0;
}
 .clm4 li p {
 font-size: 13px;
 letter-spacing: 0;
}
/*----------------------------------------------------
	　　    ◆GALLERY
----------------------------------------------------*/
	.check_btn img {
 width: 40%;
}
 .check_btn img {
 width: 50% !important;
}
 .theme {
 width: 100%;
}
 .day {
 width: 100%;
}
 .day p:nth-child(1) {
 font-size: 24px;
}
 .theme-tit {
 font-size: 16px;
 padding-top: 15px;
 margin-left: 0;
}
 .archiveArea {
 margin-bottom: 30px;
}
 .clm3 li {
 float: none;
 margin-bottom: 15px;
 text-align: center;
 width: 100%;
}
 .clm3 li p {
 font-size: 16px;
 margin-top: 5px;
}
 div.sliderwidth {
 padding-top: 45px;
}
 #bx-pagerin ul {
 padding-top: 20px;
}
.spBtm {
 margin-bottom: 20px !important;
}
 .btm50 {
 margin-bottom: 30px !important;
}
 #fancybox-wrap {
 box-sizing: border-box !important;
 left: 0 !important;
 width: 95% !important;
}
 #fancybox-content {
 min-height: auto !important;
 width: 100% !important;
}
 #fancybox-close {
 right: -33px !important;
}
 .pTop {
 padding-top: 20px;
}
 .click {
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding-bottom: 5px;
	padding-left: 25px;
	position: relative;
	margin: 30px auto 20px;
	max-width: 230px;
	width: 100%;
}
 .click::after {
 display: inline-block;
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 background-image: url(../cmn_img/profile/wave_line.png);
 background-size: contain;
 width: 278px;
 height: 2px;
 width: 230px;
}
 .click::before {
 display: inline-block;
 content: '';
 position: absolute;
 left: 3px;
 top: 0;
 background-image: url(../cmn_img/profile/search_icon.png);
 background-size: contain;
 width: 15px;
 height: 15px;
}
 .addphoto img {
 width: 35% !important;
}
 .head03_movie {
 overflow: hidden;
}
 .head03_movie img {
 max-width: 160%;
 margin-left: -30%;
}
/*----------------------------------------------------
	　　    ◆CONTENTS
----------------------------------------------------*/
.wallpaperBox {
	padding: 60px 10px 15px;
	margin-top: 30px;
}
.wallpaperBox::before {
	height: 27px;
	left: 15px;
	width: 20px;
}
.wallpaperBox::after {
	height: 27px;
	right: 15px;
	width: 20px;
}
.size {
	font-size: 12px;
}
.wallpaper_head03 {
	font-size: 18px;
}
.wallpaperTit {
	padding-bottom: 10px;
}
.wallpaperBox p {
	font-size: 13px;
	margin-bottom: 20px;
}
.wallpaper_head03 {
	font-size: 16px;
}
.download {
	max-width: 190px;
}
.download::before {
	left: 4%;
	top: 7px;
}
}