/*レコーディング全ページ共通モバイル用CSS*/

BODY {	background : #ffffff;  
	color : #121212;  
	margin : 0 ;
	padding : 0 ;
	font-family : "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
	font-size : 16px ;
	text-align : center;
	line-height : 30px;
	letter-spacing : 0.8px;
}


A:LINK { color : #121212;  text-decoration : none; }
A:VISITED { color : #121212;  }
a:hover { color: #ff4080;  text-decoration : underline; }





.font_title1{  font-size : 30px;  color : #242424;  line-height : 38px;  letter-spacing : 0px;  font-weight : bold;  padding : 5px 2% 30px 2%;  }
.font_title1_w{  font-size : 30px;  color : #f0f0f0;  line-height : 38px;  letter-spacing : 0px;  font-weight : bold;  padding : 5px 2% 30px 2%;  }

.font_title2{  font-size : 30px;  color : #242424;  line-height : 38px;  letter-spacing : 0px;  font-weight : bold;  padding : 5px 2% 0px 2%;  }
.font_title2_w{  font-size : 30px;  color : #f0f0f0;  line-height : 38px;  letter-spacing : 0px;  font-weight : bold;  padding : 5px 2% 0px 2%;  }

.font_title3{  font-size : 28px;  color : #646464;  line-height : 34px;  letter-spacing : 0px;  font-weight : bold;  padding : 0px 2% 0px 2%;  }

.font_title4{  font-size : 26px;  color : #484848;  line-height : 32px;  letter-spacing : 0px;  font-weight : bold;  padding : 0px 2% 30px 2%;  }

.font_large{  font-size : 26px;  color : #999999; line-height : 30px;  letter-spacing : 0px;  font-weight : bold;  padding : 0px 2% 30px 2%;  }

.font_mid{  font-size : 24px;  color : #404040;  line-height : 30px;  letter-spacing : 0px;  font-weight : bold;  padding : 30px 0px 10px 0px;  }

.font_studio{  font-size : 19px;  color : #0000cc;  line-height :  25px;  letter-spacing :0.2px;  padding : 10px 0px 8px 5px; }

.font_12px{  font-size : 14px;  color : #363636;  line-height : 22px;  letter-spacing : 0.5px;  }
.font_12px_w{  font-size : 14px;  color : #f0f0f0;  line-height : 22px;  letter-spacing : 0.5px;  }

.font_note{  font-size : 16px;  color : #ff0099;  line-height : 24px;  letter-spacing : 0.8px;  }

.font_small{  font-size : 12px;  color : #646464;  line-height : 16px;  letter-spacing : 0.4px;  }
.font_small_w{  font-size : 12px;  color : #f0f0f0;  line-height : 16px;  letter-spacing : 0.4px;  }

.font_clr{  color : #000000;  }
.font_bold{  font-weight : bold;  }


.font_bottom1{  font-size : 22px;  color : #ffffff;  line-height : 28px;  letter-spacing : 0px;  }
.font_bottom7{  font-size : 16px;  color : #ffffff;  line-height : 22px;  letter-spacing : 0.7px;  margin : 10px 0px 0px 0px;  }
.font_bottom2{  font-size : 16px;  color : #ffffff;  line-height : 22px;  letter-spacing : 0.8px;  margin : 40px 0px 0px 0px;  }
.font_bottom3{  font-size : 12px;  color : #ffffff;  line-height : 16px;  letter-spacing : 0.6px;  margin : 5px 0px 0px 0px;   }
.font_bottom9{  font-size : 13px;  color : #ffffff;  line-height : 18px;  letter-spacing : 0.8px;  margin : 50px 0px 0px 0px;   }
.font_bottom4{  font-size : 26px;  color : #ffffff;  line-height : 32px;  letter-spacing : 1.5px;  margin : 15px 0px 0px 0px;   }
.font_bottom5{  font-size : 13px;  color : #ffffff;  line-height : 18px;  letter-spacing : 0.8px;  margin : 20px 0px 0px 0px;   }
.font_bottom8{  font-size : 10px;  color : #f0f0f0;  line-height : 20px;  letter-spacing : 0.6px;  margin : 20px 0px 0px 10px;   }
.font_bottom6{  font-size : 10px;  color : #f0f0f0;  line-height : 16px;  letter-spacing : 0.6px;  margin : 50px 0px 0px 0px;   }


.h1_tag{  display: none;  }




/*最上部分*/

#layer {  display: none; }
#layer_m {  width : 94%;  font-size : 10px;  line-height : 16px;  letter-spacing : 0.5px;  background : #000000;  color : #ffffff;  margin : 0 auto;  padding : 6px 3% 3px 3%;  text-align : left;  }


#top_dt {  display: none; }

#top_lt {  display: none; }

#top_m {  width : auto;  background : #ffffff;  margin : 15px 0px 5px 0px ;  }
#top_m ul {  margin : 0px 0px 0px 0px ;  padding : 0px 0px 0px 0px ; }
#top_m li.main {  width : 100%;  height : 100%;  float : left ;   list-style : none ;  margin : 0px 0px 0px 0px ;  }
#m_header_main {  width : 320px;  height : 50px;  background-image: url(../img/header_main_m.webp);  float : none ;   list-style : none ;  }
#top_m li.slick {  width : 100%;  height : 100%;  float : right ;   list-style : none ;  margin : 10px 0px 0px 0px;  }

#top_m_sub {  width : auto;  background : #000000;  margin : 0px 0px 0px 0px ;  }


/*サイトマップ*/

#sitemap_top {  display: none; }

#sitemap_top_m {  width : auto;  background :  #000000;  margin : 1px 0px 0px 0px;    }
#sitemap_top_m ul {  width : 90%;  padding : 4px 5% 1px 5%;  float : left;  font-size : 10px;  line-height : 0px;  letter-spacing : 0.5px;  color : #ffffff;  }
#sitemap_top_m li.menu_left {  width : 50%;  float : left;  list-style : none;  text-align : left;  }
#sitemap_top_m li.menu_right {  width : 50%;  float : right;  list-style : none;  text-align : right;  }

#sitemap_top_m a:link {   color: #f0f0f0;  }
#sitemap_top_m a:visited {   color: #f0f0f0;  }
#sitemap_top_m a:hover {   color: #ff4080;  }


#sitemap_bottom {  display: none; }

#sitemap_bottom_m {  width : auto;  background :  #000000;  margin : 0px 0px 0px 0px;    }
#sitemap_bottom_m ul {  width : 80%;  padding : 20px 10% 0px 10%;  float : left;  font-size : 14px;  letter-spacing : 0.5px;  line-height : 45px;  color : #f0f0f0;  text-align : left;  }
#sitemap_bottom_m li.menu {  width : 100%;  float : left;  list-style : none;  }
#sitemap_bottom_m li.dotted_w {  width : 100%;  float : left;  list-style : none;  }


.menu a:link {   color: #ffffff;  }
.menu a:visited {   color: #ffffff;  }
.menu a:hover {   color: #ff4080;  }





/*下枠*/

#bottom {  display: none; }

#bottom_m {  width : 100%;  background :  #000000;  margin : 0px 0px 0px 0px;  padding : 50px 0px 15px 0px ;  }
#bottom_m ul { margin : 0px 0px 0px 0px ;  padding : 0 ; }
#bottom_m li {  margin : 0px 0px 0px 0px;  padding : 0 ;  float : left ;  height : 100%;   list-style : none ; }
#bottom_m li.main {  width : 100%; float : left;  list-style : none ;  margin : 0px 0% 0px 0%;  color : #004000;  text-align : center;  }


.main a:link {   color: #ffffff;  }
.main a:visited {   color: #ffffff;  }
.main a:hover {   color: #ff4080;  }





/*メイン記事部分*/

#main_table { width : 100%;  margin : 15% 0% 20% 0%;  text-align : left;  }

.no { display: none; }

.clr {	margin-bottom : 0px ;  padding : 0 ;  clear : both ;  font-size : 1px ;  line-height : 1px ;  text-align : center;  }
.clr_margin {	margin-bottom : 40px ;  padding : 0 ;  clear : both ;  font-size : 1px ;  line-height : 1px ;  text-align : center;  }
.clr_margin40 {	margin-bottom : 40px ;  padding : 0 ;  clear : both ;  font-size : 1px ;  line-height : 1px ;  text-align : center;  }
.clr_margin30 {	margin-bottom : 30px ;  padding : 0 ;  clear : both ;  font-size : 1px ;  line-height : 1px ;  text-align : center;  }
.clr_margin20 {	margin-bottom : 20px ;  padding : 0 ;  clear : both ;  font-size : 1px ;  line-height : 1px ;  text-align : center;  }
.clr_margin10 {	margin-bottom : 10px ;  padding : 0 ;  clear : both ;  font-size : 1px ;  line-height : 1px ;  text-align : center;  }

.dotted { border-top : 1px dotted #808080;
	margin : 3px 0px 3px 0px;
	padding : 0 ;
	clear : both ;
	font-size : 0px ;
	line-height : 0px ;
}

.dotted_w { border-top : 1px dotted #f0f0f0;
	margin : 10px 0px 10px 0px;
	padding : 0 ;
	clear : both ;
	font-size : 0px ;
	line-height : 0px ;
}

.line1{  border-top : solid 10px #c0c0c0;    margin : 0% 0% 7% 0% ; }
.line2{  border-top : solid 10px #c0c0c0;    margin : 10% 0% 0% 0% ; }
.line3{  border-top : solid 10px #c0c0c0;    margin : 0% 0% 7% 0% ; }
.line4{  border-top : solid 10px #c0c0c0;    margin : 8% 0% 0% 0% ; }

.bar{ margin : 0px 0px 0px 0px; }
.bar15{ margin : 0px 0px 15px 0px; }
.bar10{ margin : 0px 0px 10px 0px; }
.bar5{ margin : 0px 0px 5px 0px; }