@charset "utf-8";
/* CSS Document */

/* reset by html5-doctor-reset-stylesheet.min.css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
body{line-height:0;}
body{line-height:1;}
body{font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}

a {text-decoration:none;}

/*
body{
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}*/
.headland{font-family: 'Headland One', serif;	font-style: italic;
}
.alex{font-family: 'Alex Brush', cursive;}
.playball{font-family: 'Playball', cursive;}
.pompiere{font-family: 'Pompiere', cursive;}
html{font-size:62.5%;}
body{
	color:#111;
	font-size:1.4rem;
}
@media screen and (max-width: 415px) {
body{background-image:none;}
}

br {
	letter-spacing: 0;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
i.fa{
	padding-right:0.5em;
}
cite {font-style:normal;}
cite.italic{font-style:italic;}
.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=0);
}
.fade:hover {
    opacity: 0.7;
    filter: alpha(opacity=30);
}

.wrapper{
	margin:0;
	padding:0;
}

header{
	margin:0.5em 0;
	padding:0;
	width:100%;
}
header h1{
	margin:0;
	padding:0.3em 0;
	padding-left:18px;
	line-height:1;
	font-size:5rem;
	background:#87caac;
}
header h1 a{
	color:#111;
}
h1.headland{
	font-family:/* 'Arial Black',*/ 'Headland One', serif;
	font-style: italic;
	font-weight:normal;
}
header #kissing{
	margin-top:5px;
	margin-left:18px;
}
header h2{
	margin:5px 18px 0 0;
	text-align:right;
	font-size:2rem;
	line-height:2;
}

.b4headerh1{font-size:1.3rem;
	line-height:1;
	margin:0;
	padding:0;
	text-align:right;
	padding-right:10px;
	color:#333;
}
@media screen and (min-width: 415px) {
	.b4headerh1{
		font-size:1.8rem;
		padding-right:50px;
	}
	header h1{
		padding-left:1em;
	}
	header #kissing{
		padding-left:32px;/*1em;*/
	}
	header h2{
		padding-right:32px;
	}
}

.content{
	margin:0 10px;
}
@media screen and (min-width: 415px) {
.content{margin:0 50px;}
}


.breadcrumbs{margin-left:0em;
margin-bottom:10px;
text-align:right;}
.breadcrumbs li{
	list-style-type:none;
	display:inline-block;
	font-size:1.2rem;
}
.breadcrumbs li a{
	padding:0.2em 0.5em 0.2em 0;
	text-decoration:none;
}
.breadcrumbs li:after{
	font-family: 'FontAwesome';
  content: "\f105";
	display:inline-block;
	padding-right:0.5em;
}
.breadcrumbs li:last-child:after{
  content: none;
}

#columnbox{
	margin-top:30px;
}
#columnboxfirst{text-align:right;font-size:1.2rem;padding-right:15px;}
#columnbox h2{
	margin-top:-20px;
	margin-left:5px;
	margin-bottom:10px;
}
#columnbox h2 a{
	font-size:2rem;
	display:inline-block;
	background-color:#fff;
	padding:5px 20px;
	border:1px solid #ccc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	z-index:2;
}
#columnbox h2 i.fa{
	color:#064d87;
	padding-right:0;
	padding-left:0.5em;
}
#columnintro{
	padding:5px 15px 5px 15px;
	z-index:1;
}
#columnintro h3{
	font-size: 2.1rem !important;
	line-height:1.2;
	font-weight:normal;
	margin-bottom:5px;
	display:inline-block;
}
@media all and (orientation: landscape) {
	#columnintro h3{
		font-size: 2.4rem !important;
		margin-bottom:10px;
	}
}
.imgcolumns{
	float:right;
	margin-left:8px;
	max-width:140px;
	width:10%;
	min-width:100px;
	margin-bottom:3px;
}
#columnintro .c-link{
	font-size:2rem;
}
#newsrelease {
	margin-top:20px;
	margin-bottom:20px;
	padding:10px 12px;
}
.links {
	margin-top:20px;
	margin-bottom:20px;
	padding:10px 12px;
}
.radiusbox{
	border:1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#newsrelease h2, .links h2{
	/*	color:#87caac;*/
	color:#fff;
	font-size:3rem;
	font-weight:normal;
	padding:0px 8px 0 3px;
	background-image:webkit-linear-gradient(top,#fff 20%,#bee2d2 100%);
	background-image:-moz-linear-gradient(top,#fff 20%,#bee2d2 100%);
	background-image:-ms-linear-gradient(top,#fff 20%,#bee2d2 100%);
	display:inline-block;
	filter:dropshadow(color=#87caac,offX= 0,offY=-1)
	dropshadow(color=#87caac,offX= 1,offY= 0)
	dropshadow(color=#87caac,offX= 0,offY= 1)
	dropshadow(color=#87caac,offX=-1,offY= 0);
	-webkit-text-stroke-color: #87caac;
	-webkit-text-stroke-width: 1px;
	text-shadow: #87caac 1px 1px 0px, #87caac -1px 1px 0px,
							 #87caac 1px -1px 0px, #87caac -1px -1px 0px;
}
#newsrelease ul, .links ul{
	margin-top:10px;
	list-style:none;
/*	padding-left:2.2em;*/
}
#newsrelease li, .links li{
	font-size:1.4rem;
	line-height:1.5;
	margin-left:1.3em;
	text-indent:-0.6em;
	margin-top:0.5em;
}
#newsrelease li:before, .links li:before{
	font-family: 'FontAwesome';
	content: "\f0a9";/*\f054*/
	color:#87caac;
	display:inline-block;
	width:1.2em;
}
#newsrelease li li{
	padding-left:1.5rem;
}
#newsrelease h3 {font-weight:normal;text-indent:0;margin-bottom:5px;letter-spacing:0.18em;}
#newsrelease li li:before{
	content:none;
}
.newsdate{
	display:inline-block;
	font-style:normal;
	padding-right:1em;
}
.content p{
font-size:1.6rem;
line-height:1.6;
margin-bottom:1rem;
}

.box01{
	width:300px;
	display:block;
	margin:0 auto 20px auto;
	text-align:center;
}
.box01 .caption a{
	width:300px;
	text-align:center;
	font-size:1.2rem;
	display:block;
	padding:5px 0;
}
.box02{
	padding:0 10px;
}
#boxcontainer{margin-top:30px;}
#language{
	display:inline-block;
	position:absolute;
	top:120px;
	right:20px;
	font-family:'Headland One', serif;
}
@media screen and (min-width: 415px) {
#language{
	display:inline-block;
	position:absolute;
	top:125px;
	right:50px;
	font-family:'Headland One', serif;
}
}

@media screen and (min-width: 820px) {
	.bothindent{margin:0 5%;}
	#boxcontainer{
		width:100%;
		float:right;
		margin-left:300px;
	}
	.box01{
		width:300px;
		float:left;
	}
	.box02{
		position:relative;
		margin: 0 0 0 320px;
	}
}


.box02 h2{
	font-size:2rem;
}
.box02 h2 a, a.c-link{
	margin: 0 0 0.3em 0;/* 0 0.5em 0.3em 0.5em */
	font-size:1em;
	line-height:1.3em;
	padding: 0.4em 1.6em 0.4em 0.7em;
	display:block;
	border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;

	border: 1px solid #87caac;
	text-decoration:none;
background-color:rgba(239,239,239,0.5);
}
.box02 h2 a,a.c-link{
	position: relative;
}
.box02 h2 a:after,a.c-link:after{
	font-family: 'FontAwesome';
  content: "\f138";
	color:#064d87;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
}
.box02 h2 a:hover, a.c-link:hover, #columnbox h2 a:hover{
	background:#cbf3db;
}
a.c-link{margin-top:15px;}
.box02 h3, h2.subtitle, .office h3{
	color:#fff;
	font-size:1.6rem;
	font-weight:bold;
	margin:10px 0;
	padding:0px 5px 0px 5px;
	background-image:webkit-linear-gradient(top,#fff 50%,#bbc97c 100%);
	background-image:-moz-linear-gradient(top,#fff 50%,#bbc97c 100%);
	background-image:-ms-linear-gradient(top,#fff 50%,#bbc97c 100%);/*edf2c5*/
	display:inline-block;
	filter:dropshadow(color=#edf2c5,offX= 0,offY=-1)
	dropshadow(color=#73c19e,offX= 1,offY= 0)
	dropshadow(color=#73c19e,offX= 0,offY= 1)
	dropshadow(color=#73c19e,offX=-1,offY= 0);
	-webkit-text-stroke-color: #87caac;
	-webkit-text-stroke-width: 1px;
	text-shadow: #73c19e 1px 1px 0px, #87caac -1px 1px 0px,
							 #73c19e 1px -1px 0px, #87caac -1px -1px 0px;
	letter-spacing:0.05em;
}
h3.h3txtlarger{font-size:1.8rem;}
.box02 h3.headland{
	font-size:2rem;
	font-weight:normal;
}
h2.subtitle{
	font-size:2rem;
}

/* video */
video#bgvid {
  position: fixed; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
  background: url(polina.jpg) no-repeat;
  background-size: cover;
}


/* column */
.column h3{
	font-size:2rem;
	margin-bottom:10px;
}
.column .c-link{font-size:2rem;}
.column h4{
	font-style:normal;
	font-size:1.6rem;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:20px;
}


.button {
	display: inline-block;
	width:80%;
	max-width: 300px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;

	margin-top:10px;
	position: relative;
	z-index: 2;
	background-color: #33f;
	border: 2px solid #33f;
	color: #fff;
	line-height: 50px;


	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.button:hover {
	background-color: #fff;
	border-color: #59b1eb;/**/
	color: #59b1eb;/**/
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #33f;/**/
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #59b1eb;
}

#footer{
margin-top:20px;
padding-top:20px;
padding-bottom:3px;
font-size:1.2rem;
background:#87caac;
text-align:center;
}

.updatebox{
	margin-top:25px;
	padding:10px 15px;
	background-image:webkit-linear-gradient(top,#fff 20%,#bee2d2 100%);
	background-image:-moz-linear-gradient(top,#fff 20%,#bee2d2 100%);
	background-image:-ms-linear-gradient(top,#fff 20%,#bee2d2 100%);
}
.updatebox ul{list-style:none;}
.updatebox .c-link{font-size:2rem;}
/* image */
.imgr{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
.imgmax240{
	max-width:240px;
	min-width:120px;
}
.img30per{
	width:30%;
}

.columnartwork001{
	max-width:200px;
	min-width:120px;
	width:25%;
}

img.musicstore{padding-right:2px;}

#language{
font-size:100%;
}
#language i{padding-left:0.5rem;}