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

body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	background-image:url(../images/bg.jpg);
	background-attachment:fixed;
	background-repeat:repeat-x;
	background-position:center top;
	background-color: #FFE8DC;
}


ul {list-style-type: none; margin:0; padding:0;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
a {	color: #f27097;
text-decoration:none;
}
a:hover {color:#F00;
text-decoration:underline;}

#contents_wrap{
	position:relative;
    width: 100%;
	padding: 0;		/*ボックス内の余白。上下、左右への設定。ウィンドウ幅を狭くした時にブラウザ枠とHP枠の間にとる余白です。*/
	margin:0;
	}

/*ロゴ画像*/
#logo img {
	width: 300px;
}
#logo{
	position: relative;
	height:80px;
	left: 60px;
	top: 10px;
}

#video-container {
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
	padding-bottom:37.25%;
}
 
#video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    width: 100%;
    height: auto;
}


#menubar {
	position: relative;
	width:90%;
	max-width: 980px;
	height:100px;
	padding:0px;
	margin:0 auto;
	margin-bottom:30px;
	margin-top:30px;
}

#menubar li {
	float: left;	/*左に回り込み*/
	display: block;
	width:180px;
	height:100px;
	text-align:center;
	margin-right: 5px;
}
#menubar li+ li {
	border-left: 5px dashed #fff;
}

.btn {
	position: relative;
	width: 180px;
	height: 100px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	cursor: pointer;
    flex: 1;
}
.btn img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

.btn:hover img:nth-of-type(2) {
	opacity: 0;
}

.line{
    border-right: 5px dashed #fff;
}


#menubar-s {
	display: none;
}

#menubar_hdr {
	display: none;
}

#contents {
	padding:20px 50px;	/*ボックス内の余白*/
	margin-top:30px;
	max-width:1100px;
	margin:0 auto;/*	background: url(../images/bg1.png);/*背景の水玉画像の読み込み*/
}


/*ボックス*/
.list {
	position: relative;
	overflow: hidden;
	float: left;	/*左に回り込み*/
	width: 60%;	/*ボックス幅*/
	margin: 0 0 20px 2%;	/*上、右、下、左にとるボックスの外側へのスペース*/
	padding: 2%;	/*ボックス内の余白*/
	height: auto;	/*ボックスの高さ*/
	font-size: 16px;	/*文字サイズ*/
}

.list a:hover img,
.list a.btn:hover {
	opacity: 0.7;	/*透明度を70%にする設定*/
}

#news{
  width:95%;
  height:100%;
  overflow:auto; /* scrollからautoに変更 */
  -webkit-overflow-scrolling:touch;
}

#news iframe{
/*
    position:absolute;
    top:0;
    left:0;
*/
  width:100%;
  height:100%;
  border:none; /* 追加で指定 */
  display:block; /* 追加で指定 */
}

.list_btn{
	float:left;
	margin-top:30px;
	margin-left:15px;
	}

.list_btn_s{
	float:left;
	margin-top:15px;
	}

#r_conts{
	float:left;
	width:30%;
	height:auto;
	padding:2%;
	}

#twitter{
	height:500px;
	overflow:auto;
	padding:2%;
	overflow:auto;
}

/*フッター設定
---------------------------------------------------------------------------*/
#footer {
	clear:both;
	text-align:center;
	padding: 10px 0px;
}
#footer a {
	text-decoration: none;
}

/*セカンドページ
---------------------------------------------------------------------------*/
h1{
	text-align:center;
	font-size:28px;
	font-weight:normal;}

#nyanz{
	width:90%;
	margin: 0 auto;
	padding-left:0px;
	text-align:center;
	}
#nyanz_intro{
	width:900px;
	height:370px;
	margin: 0 auto;
	padding-left:0px;
	text-align:left;
	background-color: rgba(255,255,255,0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:15px;
	}

#nyanz_img{
	float:left;
	margin:10px;
}	

#nyanz_txt{
	float:left;
	width:360px;
	margin:10px;
}	

#nyanz_txt p{
	padding-top:15px;
	font-size:18px;
	}


#sugoshikata{
	width:900px;
	margin: 0 auto;
	padding-left:0px;
	text-align:center;
	}

#sugoshikata_img{
	float:left;
	margin-bottom:5px;
	}

#sugoshikata2 ul{
	display:table;
	table-layout:fixed;
	width:80%;
	margin:0 auto;
	}

#sugoshikata2 li{
	display:table-cell;
	text-align:center;
	border-collapse:separate;
	border-spacing:10px;
	width:33%;
	}

#sugoshikata3 ul{
	display:table;
	table-layout:fixed;
	width:80%;
	margin:0 auto;
	}

#sugoshikata3 li{
	display:table-cell;
	text-align:center;
	border-collapse:separate;
	border-spacing:10px;
	width:33%;
	}



#sugoshikata_txt{
	float:left;
	background-image:url(../images/sugoshikata/bg_txt.png);
	border-radius:20px;
	width:550px;
	height:250px;
	text-align:left;
	padding:25px;
	color:#000;
	font-size:18px;
	margin-bottom:5px;
	}

#access_wrap{
	width:750px;
	margin:0 auto;
	}

#access{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
	}
	
#access iframe, #access object, #access embed{
	position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#footer {
	clear: both;
	text-align: center;
	padding: 10px 10px;
}
#footer a {
	text-decoration: none;
	text-align: center;
}

/*テーブル
---------------------------------------------------------------------------*/
/*ta1設定*/
.ta1 {
	width: 96%;
	margin: 0 auto 7px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #fff;
	padding: 10px;	/*ボックス内の余白*/
	word-break: break-all;
}

.ta1 td{
		background:#FFF;
}

/*テーブル１行目に入った見出し部分*/
.ta1 th {
	width: auto;
	text-align: left;	/*左よせ*/
	background:	#F7ECEE;	
}
/*ta1の左側ボックス*/
.ta1 th {
	width:40% ;
	max-width:140px;
	text-align: center;	/*センタリング*/
}


#back-top {
	position: fixed;
	bottom: 0;
	right: 0;
}
#back-top a {
    width: 120px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 115px;
	height: 100px;
	display: block;
	margin-bottom: 7px;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}


/*画面幅700px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
body {
	background-image:url(../images/bg_s.png);
	background-repeat:repeat;
	background-color: #FFE8DC;
}


/*ロゴ画像*/
#logo img {
	width: 200px;	/*画像幅*/
}

#logo{
	position: relative;
	height:70px;
	left: 10px;
	top: 10px;
}

#menubar-s {
	display:block;
	margin-bottom: 5px;	/*ブロックの下にあけるスペース*/
	overflow: hidden;
	margin:0 auto;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;	/*左に回り込み*/
	width: 49%;
	margin:0.5%;
}

#menubar-s a {
	display: block;
	text-decoration: none;
	line-height:60px;
	text-align: left;
	color: #f27097;	
	border: thin dashed #f27097;	
	border-radius: 10px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	background: #fff;
	margin:0;
	padding-left:5px;
	padding-top:5px;
	vertical-align:middle;
}


/*大きな端末用メニューを非表示にする*/
#menubar {
	display: none;
}

#contents {
	padding:2% 2%;	/*ボックス内の余白*/
	margin-top:30px;
	max-width:1100px;
	margin:0 auto;
	}

.list {
	position: relative;
	overflow: hidden;
	float: none;
	width: 95%;	/*ボックス幅*/
	margin:2%;	/*上、右、下、左にとるボックスの外側へのスペース*/
	padding: 1%;	/*ボックス内の余白*/
	height: auto;	/*ボックスの高さ*/
	font-size: 14px;	/*文字サイズ*/
}
.list_btn{
	float:none;
	text-align:center;
	margin-top:10px;
	margin-left:0px;
	}


.list_btn img{
	margin-bottom:5px;
}
.list_btn_s{
	float:left;
	text-align:center;
	}

#r_conts{
	float:none;
	width:95%;

	padding:2%;
	text-align:center;
	}
#twitter{
	height:250px;
	overflow:auto;
	padding:2%;
	}
#nyanz{
	width:95%;
	margin: 0 auto;
	padding-left:0px;
	text-align:center;
	}

#nyanz_intro{
	width:95%;
	height:auto;
	margin: 0 auto;
	padding-left:0px;
	text-align:left;
	background-color: rgba(255,255,255,0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom:8px;
	}

#nyanz_img{
	float:inherit;
	margin:0px;
}	

#nyanz_txt{
	float:inherit;
	width:100%;
	margin:5px;
}	

#nyanz_txt p{
	padding-top:5px;
	font-size:18px;
	padding-right: 10px;
	padding-left: 10px;
	}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 10px;	/*上から64pxの場所に配置*/
	right: 5px;	/*右から50pxの場所に配置*/
	width: 30px;	/*幅*/
	border: 3px solid #fff;	/*枠線の幅、線種、色*/
	padding: 12px 10px 5px;	/*上、左右、下へのボックス内余白*/
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #fff;	/*枠線の幅、線種、色*/
	margin-bottom: 7px;	/*バー同士の余白*/
}

#sugoshikata{
	width:98%;
	margin: 0 auto;
	padding-left:2%;
	text-align:center;
	}

#sugoshikata_img{
	float:none;
	margin-bottom:5px;
	}

#sugoshikata_txt{
	float:none;
	background-image:url(../images/sugoshikata/bg_txt.png);
	border-radius:20px;
	width:95%;
	height:auto;
	text-align:left;
	padding:5px;
	color:#000;
	font-size:14px;
	margin-bottom:5px;
	}

#sugoshikata2 ul{
	display:inherit;
	width:95%;
	margin:0 auto;
	}

#sugoshikata2 li{
	float:none;
	display:inherit;
	text-align:center;
	border-collapse:separate;
	border-spacing:10px;
	width:98%;
	margin-bottom:10px;
	}

#sugoshikata3 ul{
	display:inherit;
	width:95%;
	margin:0 auto;
	}

#sugoshikata3 li{
	float:left;
	display:block;
	text-align:center;
	width:50%;
	}

#access_wrap{
	width:95%;
	margin:0 auto;
	}

.ta1, .ta1 td, .ta1 th {
	border: 1px solid #fff;
	padding: 2px;	/*ボックス内の余白*/
	word-break: break-all;
}

}