@charset"utf-8";

/*::::::::::::::::::::::::::::
:::::::::::   mtv   ::::::::::
:::::::::::::::::::::::::::::: */
html,body{
font-size: 62.5%; /* root size = browserDefault16px x 62.5% = 10px */
height:100%;/*ADDED for .herobox*/
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;/*need for GRID t-1of2 etc & priorityMenu to work*/
color: #333;
font-family: -apple-system, BlinkMacSystemFont,'Helvetica Neue', Arial,'ƒqƒ‰ƒMƒmŠpƒS ProN W3','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
font-size:1.5rem;
font-size:calc(12px + (15 - 12) * (100vw - 480px) / (1400 - 480));/*calc([min] + ([max] - [min]) * ((100vw - [min]) / ([max] - [min])));*/
line-height:1.5;
letter-spacing: 0.03em;
font-kerning: auto;/*for alphabet*/
font-feature-settings:"pkna";/*works for ƒqƒ‰ƒMƒmŠpƒS, 'ŸàƒSƒVƒbƒN‘Ì','Yu Gothic', Noto Sans CJK JP / doesn't work for Meiryo /DONOT use palt*/
word-wrap: break-word;/*so long english won't exceed container*/
background-color: #a7d28d; /* lightgr R:167 G:210 B:141 */
opacity: 1;/*fadeIn effect by abeautifulsite.net*/
transition: 1s opacity;
}
body.fade-out {/*fadeIn effect by abeautifulsite.net*/
opacity: 0;
transition: none;
}
/* ---------------------------------------------------------
   LINK
   ---------------------------------------------------------*/
a: img.roicon{ /* rollover-icon = for rollover effect for icons */
border: 0;
}
a:hover img.roicon{ 
opacity: 0.7; /* css3 */
}
a{
color:inherit; 
text-decoration:none;
background-color:transparent;
-webkit-tap-highlight-color: rgba(255,255,255,0.3); /*hide highlights links on iPhones/iPads*/
padding:0.3em;
cursor:pointer;
}
a:link, a:visited { 
text-decoration:none; 
 }
a:hover, a:active { 
color: #ff0000; 
text-decoration:none;
}
.c{/*quick centering*/
text-align:center;
}
/* ---------------------------------------------------------
   FONT
   ---------------------------------------------------------*/
@font-face {/*mail,Magnifying glass,tag,pdf icon*/
font-family: 'icomoon';
src:  url('../font/icomoon.woff?srtnjs20171009') format('woff');
font-weight: normal;
font-style: normal;
}
/*:::::::::::::::::::::::::::::::
:: iconFont - icomoonALLinONE :::
::::::::::::::::::::::::::::::::: */
[class^="icof-"], [class*="icof-"] {/*setup iconFont*/
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;/*hawcons*/
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
vertical-align:middle;
padding-right:0.3em;/*<--0.3*/
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icof-external-link:before {content: "\f08e";}
.icof-share-box:before {content: "\f045";}
.icof-share-sim:before {content: "\f064";}
.icof-home:before {content: "\e900";}
.icof-link-chain:before {content: "\e901";}
.icof-location-pin:before {content: "\e902";}
.icof-mail-w:before {content: "\e903";}
.icof-mail-bl:before {content: "\e904";}
.icof-bookmark-w:before {content: "\e905";}
.icof-bookmark-bl:before {content: "\e906";}
.icof-search-thin:before {content: "\e907";}
.icof-search-bold:before {content: "\e908";}
.icof-search-plus-thin:before {content: "\e909";}
.icof-search-plus-bold:before {content: "\e90a";}
.icof-printer-w:before {content: "\e90b";}
.icof-printer-bl:before {content: "\e90c";}
.icof-tag-w:before {content: "\e90d";}
.icof-tag-bl:before {content: "\e90e";}
.icof-tags-w:before {content: "\e90f";}
.icof-tags-bl:before {content: "\e910";}
.icof-warning-w:before {content: "\e911";}
.icof-warning-bl:before {content: "\e912";}
.icof-pdf-w:before {content: "\e913";}
.icof-pdf-bl:before {content: "\e914";}
.icof-phone:before {content: "\e942";}
.icof-user:before {content: "\e971";}
.icof-users:before {content: "\e972";}
.icof-fb-sim:before {content: "\ea90";}
.icof-fb-box:before {content: "\ea91";}
.icof-instagram:before {content: "\ea92";}
.icof-twitter:before {content: "\ea96";}
.icof-rss-box:before {content: "\ea9c";}
.icof-youtube:before {content: "\ea9d";}
.icof-vimeo-sim:before {content: "\eaa0";}
.icof-vimeo-box:before {content: "\eaa1";}
.icof-linkedin-box:before {content: "\eac9";}
.icof-linkedin-sim:before {content: "\eaca";}
.icof-pdf-mark:before {content: "\eadf";}

/*::::::::::::::::::::::::::::
::::::::: WRAPPER ::::::::::::
:::::::::::::::::::::::::::::: */
.wrapper{
position: relative;/*constraint .txtbox*/
width: 990px; /* this size if possible */
max-width:97% ;/* should not exceed boundary */
margin: 0 auto; /* centering */
margin-top:20px;
}
.box{
position: relative;
width:100%;
overflow:hidden;
}
.box img{
width:100%;
height:auto;
}
.txtbox{
position:absolute;
top:25%;
right:20%;
width:60%;
padding:2em 1em;
border:1px solid #a9a9a9;/*169/169/169*/
border-radius: 3px;
background-color: rgba(255,255,255,0.8);  /*#4682b4 R:70 G:130 B:180 / #336699 51,102,153*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);/**30%=4d, 40%=66 50%=80 80%=cc*/
zoom:1;
text-align:center;
}
.txtbox p{
font-size:1.1em;
font-weight:bold;
}

/*-- SNS BTN --*/
.sns-mtv{/*ul*/
list-style:none;
font-size:0;
margin-top:20px;
padding:0;
}
.sns-mtv li{
display:inline-block;
font-size: 1.1rem ;
line-height: 1.3 ;
padding:0.6em 1em;
color: #696969; 
}
.sns-mtv li.blog{/*prepare to change @media320*/
display:inline-block;
}
.sns-m li.sns-full-br{ /*change line*/
display:block;
font-size:0;
margin:10px;
}
.sns-mtv li span.icof-link-chain{
font-size: 2.5rem ;/*same as Artist<--X3.5*/
line-height: 0.8 ; 
padding-right:0.1em;
}
.sns-mtv li span.icof-instagram, 
.sns-mtv li span.icof-fb-box,
.sns-mtv li span.icof-twitter,
.sns-mtv li span.icof-youtube{
font-size: 2.5rem ;/*same as Artist<--X3.5*/
line-height: 0.8 ; 
}
.sns-mtv li span.icof-instagram, .sns li a span.icof-instagram{
color:#333;
}
.sns-mtv li span.icof-fb-box, .sns li a span.icof-fb-box{
color:#3b5998;
}
.sns-mtv li span.icof-twitter, .sns li a span.icof-twitter{
color:#1da1f2;
}
.sns-mtv li span.icof-youtube, .sns li a span.icof-youtube{
color:#ff0000;
}
.sns-mtv li a:hover span.icof-instagram,
.sns-mtv li a:hover span.icof-fb-box,
.sns-mtv li a:hover span.icof-twitter,
.sns-mtv li a:hover span.icof-youtube{
opacity:0.7;
}

@media screen and (max-width: 480px) and (orientation: portrait) {/*adjust position when smpTAT*/
	.box{
		position: relative;
		width:100%;
		height: 90vh;
		min-height: 320px;
		overflow:hidden;
	}
	.box img{
		position:absolute;
		min-height: 100%;/*100%*/
		min-width: 100%;/*100%*/
		width: auto;
		height: auto;
		max-width: none;
		max-height: 100%;
		top:0;
		right:-15%;
	}
	.txtbox{
		top:25%;/*<--25%@initial*/
		right:8%;/*<--20%@initial*/
		width:84%;/*<--60%@initial*/
		padding:2em 1em;
	}
}


/*::::::::::::::::::::::::::::
::::::: FOOTER BOX :::::::::
:::::::::::::::::::::::::::::: */ 
#footer {/*  */
text-align:center;
width: 95% ; /* 100% */
margin:0 auto;
margin-bottom:15px;
}
#footer ul{
list-style: none;
font-size:0;
padding:0;
text-align:center;
}
#footer ul li{
display:inline-block;
font-size: 1.1rem; 
padding:0.2em 1em;
}
/*#footer ul li a{
display:block;
height:100%;
}*/
#footer ul li a:hover{
background-color: rgba(255, 255, 255,0.3);  /* #ffffff */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff);
zoom:1;
}


/*---- span linebreakCONTROL .slbc ----*/
.slbc{
display: inline-block;
white-space: nowrap;
}



@media screen and (max-width: 989px) { /* tablet */
	.wrapper{
		width: 97%; /* this size if possible */
		border: none; /* none */
	}
}