html { height:100%; }



a{/*リンクされた文字*/
    color:#FF0000;
    font-style:normal;
    text-decoration:underline;
}

a:hover {/*マウスをのせたとき*/
    color:#FF0000;
    font-style:normal;
    text-decoration:none;
}

a.linklink{
MARGIN-left:0px;
color:#000000;
display:block;
width:90%;
padding-top:3px;
padding-bottom:3px;
text-align:center;
border:1px solid;
border-color:#008000 5px;
background:#FFFFFF;
text-decoration: none;
}

a.linklink:hover{
color:#FFFFFF;
background:#008000;
border:1px solid ;
border-color:#FFFFFF;
text-decoration: none;
}

/*pc_cssここから*/

@media screen and (min-width:900px){

BODY {
	background-image: url(fall2.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #000000;
	letter-spacing: 0.1em;
	MARGIN:0;
	line-height:250%;
	font-family: 'Meiryo UI',sans-serif; font-size: 100%; line-height:150%; color: #333333;
}


img {
	width :100%;
	height:auto;
}

h1 {
  font-size: 120%; /* 文字サイズを15px */
  color: #000000;/* 文字色を#FF99CC */
  MARGIN-TOP: 20px;
  MARGIN-bottom: 20px;
  BORDER-TOP: #008000 5px solid;
  border-bottom:#008000 5px solid;
  PADDING-TOP: 50px;
  PADDING-BOTTOM: 50px;
}

h2 {
  font-size: 200%; /* 文字サイズを12px */
  color: #000000;/* 文字色を#666666 */
  MARGIN-TOP: 20px;
}

h2.spt {
  font-size: 200%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-TOP: 20px;
}

h3 {
  font-size: 90%; /* 文字サイズを12px */
  color: #666666;/* 文字色を#666666 */
  MARGIN-LEFT: 20px;
}

p {
  MARGIN-BOTTOM: 30%;
}

p.uta {
  MARGIN-BOTTOM: 5%;
}

.box_contents1{
	text-align:center;
	word-break: break-all;
	clear:both;
	BORDER: #FF0000 5px solid;
	WIDTH: 50%;
        HEIGHT: auto; 
	PADDING-TOP: 2%;
	PADDING-BOTTOM: 2%;
	PADDING-RIGHT: 2%;
	PADDING-LEFT: 2%;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 5px;
	background-color: #FFFFFF;
	opacity:1;
}

.yohaku{
	WIDTH: 50%;
        HEIGHT: auto; 
        MARGIN:auto;
	text-align:center;
}

.yohaku{
	WIDTH: 50%;
        HEIGHT: 3%; 
        MARGIN:auto;
	text-align:center;

}

}/*pc_cssここまで*/


/*モバイル_cssここから*/

@media screen and (max-width:899px) {

BODY {
	background-image: url(fall2.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	color: #000000;
	letter-spacing: 0.1em;
	MARGIN:0;
	line-height:250%;
	font-family: 'Meiryo UI',sans-serif; font-size: 100%; line-height:150%; color: #333333;
}

h1 {
  font-size: 120%; /* 文字サイズを15px */
  color: #000000;/* 文字色を#FF99CC */
  MARGIN: 10px;
  BORDER-TOP: #008000 2px solid;
  border-bottom:#008000 2px solid;
  PADDING-TOP: 50px;
  PADDING-BOTTOM: 50px;
}

h2 {
  font-size: 120%; /* 文字サイズを12px */
  color: #000000;/* 文字色を#666666 */
  MARGIN-TOP: 2%;
  line-height:200%;
}

h2.spt {
  font-size: 100%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-TOP: 2%;
  line-height:200%;
}

h3 {
  font-size: 60%; /* 文字サイズを12px */
  color: #666666;/* 文字色を#666666 */
  MARGIN-LEFT: 40px;
}

p {
  MARGIN-BOTTOM: 30%;
}

p.uta {
  MARGIN-BOTTOM: 5%;
}

img {
	width :100%; height:auto;
}

.box_contents1 {
	text-align:center;
	word-break: break-all;
        clear:both;
	BORDER: #FF0000 1px solid;
	WIDTH: 80%;
        HEIGHT: auto; 
	PADDING: 5%;
	MARGIN: auto;
	MARGIN-TOP: 5%;
	MARGIN-BOTTOM: 5%;
	background-color: #FFFFFF;
}

iframe {
	max-width: 100%; !important;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 0%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}
.yohaku{
	WIDTH: 80%;
        HEIGHT: auto; 
	opacity:1;
        MARGIN:auto;
	text-align:center;
}

.yohaku2{
	WIDTH: 80%;
        HEIGHT: 10px; 
	opacity:1;
        MARGIN:auto;
	text-align:center;
}

}/*モバイル_cssここまで*/