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

body{
	background:url(../images/bg.jpg);
}



@media screen and (min-width:641px) {
/* PC用のスタイル記述 */
.timeline-Widget{
border-radius:0 !important;
}

.container{
	background:rgba(255,255,255,0.5);
	width:960px;
	padding:20px;
	margin:0 auto;

}

.link{
	background: #fff;
    width: 980px;
    margin: 0 auto;
    padding: 10px;
	overflow:hidden;
}

.link span a{
	text-decoration:none;
	color:#2E3FA4;
	font-size:0.8em;
	display:block;
	float:left;
	margin:0 0 0 1em;
	
}

.link a:hover{
	color:#9DA9F1;
	text-decoration:underline;
}

.mv{width:auto; height:500px; margin:30px auto;}

.left{
	float:left;
	margin-left:30px;
}
.right{
	float:right;
	display: block;
	border-radius: 10px;
	height: 440px;
	width: 280px;
	text-align: left !important;
	border: #082341 1px solid;
	color: #000000 !important;
	margin-right: 3.7%;
	background:url(../images/bg.jpg);
	 margin-bottom: 30px;
}
#twitter{
	overflow: hidden;
	height:350px;
	background-color: #292f33;
	background-repeat: no-repeat;
	background-position: top;
}
.twi_tit{
	float:none;
	text-align:center;
}
.o_tit{
	width:90%;
	margin:30px auto 0 auto;
	clear:both;
	padding: 1%;
	display:block;
	background:url(../images/bg.jpg);
	text-align:center;
	border:1px solid #0A2440;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	
}

#oshirase{
	border:1px solid #0A2440;
	background:#fff;
	padding: 3%;
	width:86%;
	text-align:left;
	margin:0 auto;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
font-size:1.2em;
}

.m_tit{
	width:100%;
	margin:50px auto 0 auto;
	clear:both;
	display:block;
	background:url(../images/bg.jpg);
	text-align:center;
	border:1px solid #0A2440;
		border-radius:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.photo{
 width:300px;
 height:300px;
	background-color:#082240;
	float:left;
		border-radius:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

}
.abuso{
position:absolute; 
}
.zoom{
position:relative; top:255px; left:255px
}

.photo img{
 width:300px;
 height:300px;
}

.text{
	float:right;
	margin:10px auto;

}
.text h3{
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
font-weight: bold;
font-size:2em;
margin:2% 0;
}
.text p{
font-size:1em;
line-height:1.3em;
margin:2% 0;
}
.bxslider img {
    margin: 0 auto;
    display: block;
}

#member article{
overflow:hidden;
clear:both;
margin:20px auto;
width:98%;

}

#hokayuri li{
 float:left;
 margin:30px 40px;
 list-style:none;
}
#hokayuri ul{
width:90%;
margin:10px auto;;
}
#hokayuri{
overflow:hidden;
}
/*トップへ戻る*/
#page-top {
   opacity:0.8;
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 77%;
}
#page-top a {
    background: #082240;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 28px 0;
    text-align: center;
    display: block;
  font-weight:bold;
    border-radius: 35px;
 box-shadow:5px 5px 0px 0px #000;
 -moz-box-shadow:5px 5px 0px 0px #000;
 -webkit-box-shadow:5px 5px 0px 0px #000;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

}

@media screen and (max-width: 640px) {
/* スマートフォン用のスタイル記述 */

.container{
	background:rgba(255,255,255,0.5);
	width:100%;
	margin:0 auto;
}

.link{
	background: #fff;
    width: 980px;
    margin: 0 auto;
    padding: 10px;
	overflow:hidden;
}

.link span a{
	text-decoration:none;
	color:#2E3FA4;
	font-size:0.7em;
	display:block;
	float:left;
	margin:0 0 0 1em;
	
}


header img{
width:100%;
}
.mv{width:auto; height:auto; margin:30px auto;}
img{
width:100%;
height:auto;
}
.left{
	margin:0 auto 30px;
 width:96%;
}
.right{
 width:96%;
	display: block;
	border-radius: 10px;
	height: 450px;
	border: #082341 1px solid;
	color: #000000 !important;
	background:url(../images/bg.jpg);
	margin-bottom: 30px;
 margin:0 auto;
}

#twitter{
	overflow: hidden;
	height:350px;
	background-color: #292f33;
	background-repeat: no-repeat;
	background-position: top;
 margin:0 auto;
 width:90%;
}
.twi_tit{
	float:none;
	text-align:center;
}

.twi_tit img{max-width:302px;}

.o_tit{
	width:90%;
	margin:30px auto 0 auto;
	clear:both;
	padding: 1%;
	display:block;
	background:url(../images/bg.jpg);
	text-align:center;
	border:1px solid #0A2440;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	
}

#oshirase{
	border:1px solid #0A2440;
	background:#fff;
	padding: 3%;
	width:86%;
	text-align:left;
	margin:0 auto;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
font-size:1.2em;
}

.m_tit{
	width:100%;
	margin:50px auto 0 auto;
	display:block;
	background:url(../images/bg.jpg);
	text-align:center;
	border:1px solid #0A2440;
		border-radius:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.photo{
 width:300px;
 height:300px;
	background-color:#082240;
		border-radius:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
 margin:0 auto;

}
.abuso{
display:none;
}
.zoom{
display:none;
}

.photo img{
 width:300px;
 height:300px;
 margin:0 auto;
}

.text{
	margin:10px auto; 
 width:100%;

}
.text h3{
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
font-weight: bold;
font-size:1.2em;
margin:2% 0;
 width:90%;
}
.text p{
font-size:0.8em;
line-height:1.2em;
margin:2% 3%;
 width:90%;
}
.bxslider img {
    margin: 0 auto;
    display: block;
    padding:1.5%;
    
}

#member article{
overflow:hidden;
clear:both;
margin:20px auto;
width:98%;

}

#hokayuri li{
 list-style:none;
}
#hokayuri ul{
width:90%;
margin:10px auto;;
}
#hokayuri{
overflow:hidden;
}
/*トップへ戻る*/
#page-top {
   opacity:0.8;
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 77%;
}
#page-top a {
    background: #082240;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 28px 0;
    text-align: center;
    display: block;
  font-weight:bold;
    border-radius: 35px;
 box-shadow:5px 5px 0px 0px #000;
 -moz-box-shadow:5px 5px 0px 0px #000;
 -webkit-box-shadow:5px 5px 0px 0px #000;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


}