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

/*************************
  Common
*************************/

* {
margin:0;
padding:0;
letter-spacing:0;
}

html {
height:100%;
font-size: 62.5%;
line-height: 1.8;
}

body {
background-color:#fff;
color:#666677;
font-size: 16pt;
font-size: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
}

/*
h1,h2,h3,h4,h5 {
font-size:100%;
font-weight:normal;
}
*/

ul li {
list-style:none
}

a {
color:#aa6666;
text-decoration:none;
}

a:visited {
color:#aa6666;
text-decoration:none;
}

a:hover {
color:#ffcccc;
text-decoration:none;
}

img {
border:0;
}

p {
text-align: justify;
text-justify: inter-ideograph;
}

/*************************
  Class
*************************/

.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

.left {
text-align:left;
}

.center {
text-align:center;
}

.right {
text-align:right;
}

.justifyright {
text-align:right;
}

.smaller {
font-size:smaller;
}

.larger {
font-size:larger;
}

.block {
display:block;
}

.mooncolor {
color:#ffff83;
}

.imgbtm {
margin-bottom:2rem;
}

/*************************
  Contents
*************************/

#wrapper {
width:960px;
height:100%;
min-height:100%;
margin:0 auto;
overflow:hidden;
vertical-align:top;
padding:0 15px;
}

#wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
position:relative;
}

#topanchor {
font-size:smaller;
text-align:center;
}

#topanchor.anchorbox {
display:block;
padding:5px;
background-color:#ffffff;
}

address {
margin:0 0 25px 0;
text-align:center;
font-style:normal;
font-size:smaller;
}

/*************************
  Toppage Only
*************************/


#index ul dt {
float:left;
width:100px;
}

#index ul dd {
width:860px;
float:right;
margin-bottom: 1em;
}

#index {
width:960px;
margin-top:30px;
position:relative;
}

#index p {
margin-bottom:2em;
}

#toppage {
width:960px;
margin-top:30px;
position:relative;
}

#toppage p {
margin-bottom:2em;
}

#toppage h1 {
text-align:left;
margin-top:30px;
}

#menu  {
text-align:right;
font-family: 'Josefin Sans', sans-serif;
}

#toppage h3 {
font-size: 2rem;
margin-top: 30px;
margin-bottom:40px;
position: relative;
padding: 0.3em 1.2em;
background: #5383c3;
color: #ffffff;
}

#toppage h3::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(199, 198, 195);
}

#toppage h4 {
font-size: 2.2rem;
margin-bottom:1em;
font-weight:400;
}

#toppage h5 {
font-size: 2rem;
margin-bottom:1em;
color:#9999cc;
font-weight:400;
}

#toppage hr {
margin:50px 0 50px 0 ;
}

#VOD {
  padding: 10px;/*文字周りの余白*/
  color: #274a78;/*文字色*/
  background: #bbc8e6;/*背景色*/
  border-left: solid 5px #274a78;/*左線（実線 太さ 色）*/
  font-family: 'Josefin Sans', sans-serif;
}

#NOTICE {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    color: #FFF;
    background-image: linear-gradient(15deg, #FFC107 00%, #ff8b5f 100%);
    transition: .4s;
  }

.btn-stitch {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #fddea5;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 5px #fddea5;
  border: dashed 1px #FFF;
  font-weight: 400;
}

.btn-stitch:hover {
  border: dotted 1px #FFF;
}

#toppage ul dt {
float:left;
width:auto;
}

#toppage ul dd p {
width:860px;
float:right;
}

#toppage dl dt {
float:left;
width:280px;
}

#toppage dl dt p{
width:280px;
}

#toppage dl dd {
width:650px;
float:right;
}

	#profile {
		font-size: 80%;
width:320px;
}