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



body{
	background-image:url('../img/bg.png');
        background-attachment:fixed;
	 font-family: 'Noto Sans Japanese', "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
	 font-weight: 300;
	 letter-spacing: .05em;

}

#contentwrap{
	width:1200px;
	background-color:#FFF;
	margin:0 auto;
}
#logo{
	background-color:#000;
	width:99%;
	height:60px;
	padding-top:30px;
	padding-left:10px;
}
#nav{
	text-align:center;
	font-size:30px;
	font-family:  'Impact';
	font-stretch: expanded;
        font-color:#202020;
}
#nav li{
	display:inline;
	margin-left:10px;
	margin-right:10px;
}
#nav a{
	text-decoration:none;
	color:#000;

}

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


#maimvisual{
	text-align:center;
}
#snsbutton{
	text-align:center;
}
#snsbutton img{
	margin:7px;
}
#snsbutton a:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
#title{
	background-color:#dddddd;
	width:100%;
	height:40px;
}
#title img{
	margin-left:10px;
        margin-top:5px;
        height:30px;

}
#news{
        padding-top:20px;
        padding-left:50px;
        padding-bottom:20px;
}
#news ul{
　　　 list-style:none;

}
#about{
        padding:30px;
}
#abouttitle{
        font-size:20px;
        font-weight:600;
}
#aboutphoto img{
        margin:2px;
        text-align:middle;
}
#instagram{
        width:500px;
        float:left;
        margin-top:10px;
        margin-left:30px;
}
#facebook{
        width:500px;
        float:left;
        margin-top:30px;
        padding-left:100px;
}	
.rightlink{
        float:right;
        text-align:right;
        margin-right:20px;
        margin-top:10px;
        margin-bottom:10px
        font-weight:700;
}
.rightlink a{
        text-decoration:none;
        color:#000000;
}

.rightlink a:hover{
        background-color:#dddddd;
}
#contact{
        margin-top:50px;
}
#contact a:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
#footer{
	width:1200px;
        height:100px;
	background-color:#000000;
	margin:0 auto;
        text-align:right;
        font-size:10px;
        color:#FFF;
}
#info{
	width:820px;
	margin:0 auto;
}
.member{
	margin-left:20px;
}
.member img{
	float:left;
	margin-right:30px;
}

#douga{
        padding:1px 300px; 

}
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
dt {
        float: left ;
        width: 120px ;
        clear: left ; 
 }
dd {
       float: left ;
} 

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

.google-map {
    position: relative;
    width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    padding-bottom: 56.25%;    /* padding-topでもOK */
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* 必要であれば!importantを付けてください */
    height: 100%;    /* 必要であれば!importantを付けてください */
}
.mailmagazin{
    width:838px;
    margin:0 auto;
    border:1px solid #808080;
    text-align:center;
}
.mailmagazin_title{
    font-size:18px; 
    text-align:center; 
    width:100%; 
    background-color:#808080; 
    padding-top:7px; 
    padding-bottom:7px;
    color:white;
    margin-top:0px;
}


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

body{
	background-image:url('../img/bg.png');
        background-attachment:scroll;
	 font-family: 'Noto Sans Japanese', "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
	 font-weight: 300;
	 letter-spacing: .05em;

}
img {
    max-width: 100%;
    height: auto;
}
#contentwrap{
	width:100%;
	background-color:#FFF;
	margin:0 auto;
}
#logo{  
	background-color:#000;
	width:98%;
        padding-top:40px;
        padding-left:10px;
        heihgt:40px;


}


#logo img{
        width:80%;

}
#news{
        padding:10px 2px;
}
#news ul{
　　　 list-style:none;
      padding-left: 0;

}
#instagram{
        width:100%;
        float:left;
        margin-top:1px;
        margin-left:1px;
}
#facebook{
        width:100%;
        float:left;
        margin-top:1px;
        padding-left:1px;
}	

#footer{
	width:100%;
        height:100px;
	background-color:#000000;
	margin:0 auto;
        text-align:right;
        font-size:10px;
        color:#FFF;
}
#douga{
       padding:1px;

}
#about{
        padding:1px;
}	
#rightlink{
        float:right;
        text-align:right;
        margin-right:1px;
        margin-top:10px;
        margin-bottom:60px
        font-weight:700;
} 
#title img{
	margin-left:2px;
        margin-top:5px;
        height:30px;

}   
#info{
	width:98%;
	margin:0 auto;
        padding:5px;
}
.member{
	margin-left:20px;
}
.member img{
        float:none;
	margin-right:30px;
}

.pc { display: none !important; }
.sp { display: block !important; }


dt {
       font-size:13px;
        width: 300px ;
       font-color:#4b4d92;

 }
dd {
       display : block;
       margin-left: 0;
       margin-bottom:5px;       
}
.mailmagazin{
    width:95%;
    margin:0 auto;
    border:1px solid #808080;
    text-align:left;
}

.mailmagazin_title{
    font-size:18px; 
    text-align:center !important; 
    width:100%; 
    background-color:#808080; 
    padding-top:7px; 
    padding-bottom:7px;
    color:white;
    margin-top:0px;
    margin-bottom:0px;
}
.mailmagazin_contents{
    padding:7px;
}

}
.info-april{
   text-align:center;
   font-size:15px; 
   font-weight:600; 
   line-height:2.3em;
}
@media screen and (max-width: 640px) {
.info-april{
   text-align:left;
   font-size:15px; 
   font-weight:600; 
   line-height:2.3em;
   padding-left:15px;
   padding-right:10px;
   padding-top:30px
}
}