/* ------------------------------------------------------------------------------------
   General Styling
------------------------------------------------------------------------------------ */
/*html { overflow-y:scroll; font-size:62.5%; }*/
#rakugo {
	/*font-size:62.5%;*/
	
	color:#000;
	/*font-size:14px;*/
	font-size:1rem;
	font-family:Verdana,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	line-height:1.8;
	background: #ececec; /*url("../images/haku_bg.jpg?260126") repeat;*/
	-webkit-font-smoothing:antialiased; /* safari */
	
}
#rakugo .main{
	width: 1000px;
 margin:0 auto;
}


/* wrapper */ 
#rakugo #wrapper { margin:0 !important; }
#rakugo .inner { width:960px; margin:0 auto; }

/* Structure */
#rakugo p {	margin:0 0 10px; padding:0; 
	font-size: 1rem;
}

/* link */ 
#rakugo a, #rakugo a:link, #rakugo a:visited { color:#b70000; font-weight:normal; text-decoration:underline; }
#rakugo a:active, #rakugo a:hover { color:#000; text-decoration:underline; }

/* headings */
#rakugo h1,#rakugo h2,#rakugo h3,#rakugo h4,#rakugo h5,#rakugo h6 { font-weight:normal; padding:0; margin:0; }

/* ------------------------------------------------------------------------------------
   Clearfix
------------------------------------------------------------------------------------ */
#rakugo .clearfix:before, #rakugo .clearfix:after { content:""; display:table; }
#rakugo .clearfix:after { clear:both; } /*for modern browser*/
#rakugo .clearfix { zoom:1; } /*for IE 5.5-7*/

/* ------------------------------------------------------------------------------------
   Header
------------------------------------------------------------------------------------ */
#rakugo header { background: url("../images/hakuzan26_bg.jpg?260126") no-repeat center;
	background-size: cover;
	margin:0 auto; }

#rakugo header h1.logo-top { background:url(../images/hakuzan_header.jpg?260126) no-repeat center top; height:563px; }
#rakugo header h2 { color:#ffffff; font-weight:bold; text-align:center;
	background:#222; padding:0.5em;
		text-shadow:none; font-size: 1.5em;}

/* ------------------------------------------------------------------------------------
   Layout
------------------------------------------------------------------------------------ */
.rakugo-main { width:900px; margin:20px auto 20px; }

#rakugo .main h1{
	font-size:2em;
	margin:0.67em 0;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif", "ＭＳ Ｐ明朝";
    font-weight: bold;
}

.text01 {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #ff6a6a;/*文字色*/
}

.text01:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #ff6a6a; /*アイコン色*/
}

section{
	background: #fff;
	padding: .5em 1em;
	margin-bottom: 20px;
}
section .clearfix{
	clear: both;
}
section.left { float:left; width:460px; margin-right:20px; 
	padding: 10px;
background-color: #fff;}
section.right { float:right; width:460px; 
	padding: 10px;
background-color: #fff;}

section h1 { font-size:18px; font-size:1.8rem; }
section h1 span { font-size:30px; font-size:2.8rem; font-weight:bold; }
section h2 { font-size:18px; font-size:1.5rem; font-weight:bold; }

section p,section p { margin-bottom:1em; }
section p.color01,p.color02,p.color03 { color:#ffffff; font-size:14px; font-size:1.4rem; font-weight:bold; text-align:center;  background:#dd8a00; padding:3px 0; margin:0 auto 1.5em;
		text-shadow:none;}
p.color02{
	color: #fff;
	background-color: #B10002;
}
p.color03{
	color: #fff;
	background-color: #2B5E00;
}
.box01 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #A10002;
}


.table01 {
  border-collapse: collapse;
  border: 1px solid rgba(0,0,0,.1);
  table-layout: fixed;
  width: 100%;
}
.table01 th, .table01 td {
  border: 1px solid rgba(0,0,0,.1);
  padding: .6em;
  text-align: center;
  background: #fff;
}
.table01 td{
	text-align: left;
}
.table01 th {
  background: #D28500;
  color: #fff;
  font-weight: bold;
}
.table01 th:first-child {
  width: 200px;
}

.attention p{
	font-size: 1.2em;
}

/* ------------------------------------------------------------------------------------
   Footer
------------------------------------------------------------------------------------
#rakugo footer { display:block; text-align:center; }
#rakugo footer .copyright { padding:30px 0; border-top:solid 1px #222; } */


/* ------------------------------------------------------------------------------------
 tablet 
  ------------------------------------------------------------------------------------ */

@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
}
 
/* ------------------------------------------------------------------------------------
 smartPhone  
  ------------------------------------------------------------------------------------ */

@media screen and (max-width: 640px) {
	
#rakugo .inner { width:100%; margin:0 auto; }
#rakugo header h1.logo-top { background:url(../images/hakuzan_header.jpg?260126) no-repeat center;
background-size: contain;
height:220px;
}
#rakugo .main { width:100%; margin:0 auto; }
#rakugo .main h1{
	 font-size:1.2rem;
}
#rakugo .main h1 span{
	 font-size:1.5rem;
}
	#rakugo .main h2{font-size: 1.1rem;}
	
.rakugo-main { width:100%; margin:0px; }

section.left { float:none; width:96%; margin-right:0px;
padding:2%;
 }
section.right { float:none; width:96%;
padding:2%;
 }

	span img {width: 100%;}
	
#rakugo footer span {
	display:none;
}
	
.table01 th:first-child {
    width: 100%;
}
 .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .table01 {
    width: 94%;
	  border: none;
  }
  .table01 th,
  .table01 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }

}