* {
margin: 0;
padding: 0;
}

body {
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
background: #eee;
}
article {
width: 970px;
margin: 100px auto;
line-height: 1.9;
background: rgba(255,255,255,.5);
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}

article p {
margin-bottom: 1em;
}

a:focus{
	outline: none;
}

.ar{
padding: 3px;
}

.ari{
margin: 20px;
padding: 20px;
background: rgba(255,182,184,.3);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}


.bii{
margin: 20px;
padding: 20px;
background: rgba(192,162,199,.2);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.bbii{
margin: 20px;
padding: 20px;
}

.arii{
margin: 20px;
padding: 20px;
}

.ariii{
width: 550px;
height: 352px;
background: rgba(255,255,255,.3);
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
display: inline-block;
}

.aii{
width: 580px;
height: 330px;
background: rgba(255,182,184,.3);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display: inline-block;
}

.i2 {
padding: 10px 10px 10px 10px;
text-align: center;
}
#ma {
height: 30px;
}

.ao{
color: #000;
margin: -30px 20px 20px 20px;
padding: 8px 20px 8px 20px;
background: rgba(208,84,110,.2);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

footer {
width: 960px;
margin: -65px 0px 0px 0px;
padding: 10px;
text-align: center;
border-top: solid 1px #fff;
margin-right: auto;
margin-left : auto;
line-height: 1.3;
}
footer a {
color: #000;
}

.i {
padding: 10px 10px 20px 10px;
text-align: center;
}

.inner {
width: 980px;
margin: 0 auto;
}
.inner:after {
content: "";
clear: both;
display: block;
}
/* header */

#top-head {
position: fixed;
width: 100%;
margin: 0 auto;
padding: 15px 0 0;
line-height: 1;
z-index: 999;
}
#top-head:after {
content: "";
display: block;
height: 1px;
background: #fff;
width: 980px;
margin: 10px auto 0;
}
#top-head a,
#top-head {
color: #fff;
text-decoration: none;
}
#top-head .inner {
position: relative;
}
#top-head .logo {
float: left;
margin-left: 25px;
}
#global-nav ul {
list-style: none;
position: absolute;
right: 0;
bottom: 0;
font-size: 14px;
}
#global-nav ul li {
float: left;
position: relative;
}
#global-nav ul li a {
padding: 0 20px;
}
/* Btn Hover */
#global-nav ul li:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 3px;
bottom: -5px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3 ease;
-o-transition: all 0.3 ease;
}
#global-nav ul li:hover:after {
background: #fff;
bottom: -10px;
}

/* Fixed */
#top-head.fixed {
padding-top: 2px;
background: #fff;
background: rgba(255,192,194,.5);
}
#top-head.fixed .logo {
color: #c0e0e0;
margin-left: 10px;
}
#top-head.fixed:after {
width: 100%;
margin-top: 5px;
}
#top-head.fixed #global-nav ul li a {
color: #fff;
padding: 0 25px;
}
/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
bottom: -2px;
}
#top-head.fixed #global-nav ul li:hover:after {
background: #fff;
bottom: -5px;
}
/* transition */
#top-head,
#top-head:after,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

video {display:block;}

#bg-video {
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-1;
}


.b2{
color: #fff;
text-shadow: -1px 1px 3px #fa087b, 1px -1px 3px #fa087b;
}

.b8{
color: #fff;
text-shadow: -1px 1px 3px #b44c97, 1px -1px 3px #b44c97;
font-weight: bold;
}

.b9{
color: #b44c97;
text-shadow: -1px 1px 3px #fff, 1px -1px 3px #fff;
font-weight: bold;
}

a{
    color: #e95464;
    -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     -ms-transition: 0.5s;
     transition: 0.5s;
    text-shadow: -1px 1px 3px #fff, 1px -1px 3px #fff;
}

a:hover {
    color: #fff;
    text-shadow: -1px 1px 5px #f09199, 1px -1px 5px #f09199;
}

a,
a span {
	display: inline-block;
}
a span {
	transition: .5s;
}
a:hover span {
	-webkit-transform: rotateX(360deg);
	transform: rotateX(360deg);
}


.k {
overflow:auto;
width:880px; height:100px;
padding:5px;
color:#fff;
line-height:1.5em;
text-shadow: -1px 1px 5px #e95464, 1px -1px 5px #e95464;
}


.box {
	float: left;
}
.box2 {
	float: left;
	width:560px;
	padding:0px 0px 0px 20px;
}


.box5 {
margin-top: 15px;
padding:10px 15px 15px 15px;
line-height: 1.3;
background: rgba(246,191,188,.3);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display: inline-block;
color: #c97586;
border: solid 1px rgba(255,255,255,.5);
}


.bb7 {
color: #000;
text-shadow: -1px 1px 3px #f6bfbc, 1px -1px 3px #f6bfbc;
}

.box7 {
margin-top: 15px;
padding:10px 30px 15px 15px;
line-height: 1.6;
background: rgba(246,191,188,.3);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display: inline-block;
color: #c97586;
border: solid 1px rgba(255,255,255,.5);
}


.bb5 {
color: #fff;
text-shadow: -1px 1px 3px #f6bfbc, 1px -1px 3px #f6bfbc;
}


.bb6 {
color: #000;
text-shadow: -1px 1px 3px #fff, 1px -1px 3px #f6bfbc;
}
.box6 {
margin-top: 15px;
padding:10px 30px 15px 15px;
line-height: 1.6;
background: rgba(255,255,255,.3);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display: inline-block;
color: #c97586;
border: solid 1px rgba(255,255,255,.5);
}

.boxContainer {
	overflow: hidden;
}
/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
.boxContainer:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}


h1 {
	padding-bottom: .0em;
	border-bottom: 1px solid #fff;
	color: #f09199;
	margin:0px 0px 15px 0px;
	font-size: 110%;
    text-shadow: 1px 1px 3px #fff,
    -1px 1px 3px #fff,
    1px -1px 3px #fff,
    -1px -1px 3px #fff;

}
h1 span {
	display: block;
	margin-bottom: .0em;
	color: #000;
	font-size: .8em;
    text-shadow: 1px 1px 2px #fff,
    -1px 1px 2px #fff,
    1px -1px 2px #fff,
    -1px -1px 2px #fff;
}


h2 {
	padding-bottom: .0em;
	border-bottom: 1px solid #f09199;
	color: #fff;
	margin:0px 0px 15px 0px;
	font-size: 110%;
    text-shadow: 1px 1px 3px #f09199,
    -1px 1px 3px #f09199,
    1px -1px 3px #f09199,
    -1px -1px 3px #f09199;

}
h2 span {
	display: block;
	margin-bottom: .0em;
	color: #000;
	font-size: .8em;
    text-shadow: 1px 1px 2px #fff,
    -1px 1px 2px #fff,
    1px -1px 2px #fff,
    -1px -1px 2px #fff;
}


h3 {
	padding-bottom: .0em;
	border-bottom: 1px solid #fff;
	color: #bc64a4;
	margin:0px 0px 15px 0px;
	font-size: 110%;
    text-shadow: 1px 1px 3px #fff,
    -1px 1px 3px #fff,
    1px -1px 3px #fff,
    -1px -1px 3px #fff;

}
h3 span {
	display: block;
	margin-bottom: .0em;
	color: #000;
	font-size: .8em;
    text-shadow: 1px 1px 2px #fff,
    -1px 1px 2px #fff,
    1px -1px 2px #fff,
    -1px -1px 2px #fff;
}


h4 {
	padding-bottom: .0em;
	border-bottom: 1px solid #bc64a4;
	color: #fff;
	margin:0px 0px 15px 0px;
	font-size: 110%;
    text-shadow: 1px 1px 3px #bc64a4,
    -1px 1px 3px #bc64a4,
    1px -1px 3px #bc64a4,
    -1px -1px 3px #bc64a4;

}
h4 span {
	display: block;
	margin-bottom: .0em;
	color: #000;
	font-size: .8em;
    text-shadow: 1px 1px 2px #fff,
    -1px 1px 2px #fff,
    1px -1px 2px #fff,
    -1px -1px 2px #fff;
}

#page-top {
    position: fixed;
    bottom: 0px;
    right: 20px;
    font-size: 100%;
}

::selection {
background: #f4b3c2;
}
::selection {
background: #f4b3c2;
}
::-moz-selection {
background: #f4b3c2;
}