@charset "utf-8";
/* CSS Document */
@import url("common.css");
@media(max-width:750px){
/* Scss Document */
/*全体*/
#wrappare {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"
}
/*ヘッダー　ここから*/
.slider{
	width: 100%;
	display: block;
 margin-left: auto;
 margin-right: auto;
	
}
	.slider img{
		width: 100%;
	}
h1{
	font-size: 72px;
	position: absolute;
	left: 60%;
	top: 20%;
	margin-left: -280px;
	text-align: center;
	text-shadow: 5px 5px 8px #fff;
	
}
.font80{
	font-size: 32px;
}
/*ヘッダー　ここまで*/

/*ナビゲーション　ここから*/
/*メニュー部分*/
.accordionbox {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 40px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -300px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 300px; /*メニュー横幅①*/
    z-index: 1000;
}
	.accordionbox label{
		
 height: 100%;
 overflow: auto;
 -webkit-overflow-scrolling: touch;

	}
	
	

/*メニューアイコン部分は疑似要素で*/
.accordionbox::before {
    background-color: #fff; /*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #53290B; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px;
    line-height: 50px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 50px;
}

/*透過背景部分*/
.accordionbox-background {
    background-color: #53290B; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}

/*hover 時の処理*/
.accordionbox:hover {
    transform: translate(-300px); /*メニュー横幅①と合わせる*/
}

.accordionbox:hover + .accordionbox-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}
/* ▼A：ラジオボタンの隣にあるラベル内のボックスは非表示にしておく */
.accordionbox input + label div { display: none; }

/* ▼B：チェックが入っているラジオボタンの隣にあるラベル内のボックスは表示する（＆上下に余白を設けて太字にする） */
.accordionbox input:checked + label div { display: block; padding: 5px 0px; font-weight:bold; }

/* ▼C：アコーディオン内の1項目の装飾 */
.accordionbox label {
   display: block;            /* ブロック化 */
   margin: 5px 0px;           /* 外側の余白量 */
   padding: 0.5em 1em;        /* 内側の余白量 */
   background-color: #fff; /* 背景色 */
   border-radius: 0em;      /* 角丸 */
   cursor: pointer;           /* マウスを指形に */
}
	

/* ▼D：ラジオボタンそのものを非表示にする */
.accordionbox input {
   display: none;
}

/* ▼A:アコーディオン内の1項目の装飾 */
.accordion label {
   display: block;            /* ブロック化 */
   margin: 5px 0px;           /* 外側の余白量 */
   padding: 0.5em 1em;        /* 内側の余白量 */
   background-color: #e0e0ff; /* 背景色 */
   cursor: pointer;           /* マウスを指形に */
}

/* ▼B:ラジオボタンそのものを非表示にする */
.accordionbox input {
   display: none;
}

/* ▼C:チェックが入っていない項目に対するボックスは非表示にする */
.accordionbox input + label div {
   opacity: 0;        /* 不透明度(0:完全に透明) */
   padding:  0px;  /* 内側の余白量 */
   height: 0px;       /* ボックスの高さ */
   font-weight: 100;  /* 文字の太さ(100:細い) */
   overflow: hidden;  /* ※アニメーション途中に文字列がはみ出ないようにするために必要 */
}
	
	
	.accordionbox input + label div{
		 border-bottom: 1px dotted #8b4513;
		margin-left: 8px;
		
	}
	.accordionbox div{
		text-align: left;
		font-size: 24px;
		 border-bottom: 1px solid #8b4513;
		
	}
	.accordionbox  a{
		text-decoration: none;
		color: #8b4513;
	}
/* ▼D:チェックが入っている項目に対するボックスは表示する */
.accordionbox input:checked + label div {
   opacity: 1;        /* 不透明度(1:完全に不透明) */
   padding: 5px 0px;  /* 内側の余白量 */
   height: auto;      /* ボックスの高さ */
   font-weight: 700;  /* 文字の太さ(700:太い) */
}

/* ▼E:アニメーション効果 */
.accordionbox div {
   transition: all 0.3s ease-out 0s;   /* 各値の意味は後述 */
}
/*ナビゲーション　ここまで*/
/*見出し　ここから*/
h2 {
	font-size: 32px;
	border: 1px dotted #008000;
	width: 180px;
	color: #8b4513;
	font-weight: bold;
	margin: 16px auto 0px;
	padding: 0px 16px;
}
/*見出し　ここまで*/
/*ナビアニメーション　ここから*/
	#menu-wrap p {
		display: none;
	}
	#menu-wrap .icon{
		display: none;
	}
	#menu{
		display: none;
	}
/*ナビアニメーション　ここまで*/

	
footer {
	width: 100%;
	height: 88px;
	background-color: rgba(0,128,0,0.55);
	text-align: center;
}
footer p {
	font-size: 24px;
	padding-top: 24px;
	font-weight: 800;
	color: #fff;
	text-shadow: 1px 1px #000;
}

#ft{
	display: none;
}



/*アイコン　ここから*/
.icon{
	display: none;
}


/*アイコン　ここまで*/
}
/*見出し　ここから*/
h3 {
	font-size: 32px;
	background-color:rgba(0,128,0,0.15);
	width: 120px;
	color: #8b4513;
	font-weight: bold;
	margin: 24px auto 16px;
	padding: 3px;
}
/*見出し　ここまで*/
/* タブメニュー */
#tab-menu {
  display: none;
}
/* タブの中身  */
#tab-box div{
	
	border-bottom: 1px solid rgba(139,69,19,0.41)
}
table tbody tr:nth-child(even){
	background-color: #fff;
	
}
.left{
	width: 80%;
	font-size: 18px;
	line-height: 32px;
	text-align: left;
	margin-left: 10%;
}
table tbody tr:nth-child(odd){
	background-color: #eee;
	
}
table tr th{
	width: 60%;
}
table tr td{
	text-align:left;
}
.right{
	width: 100%;
	margin: 32px 0px 40px;
	font-size: 18px;
	line-height: 32px;
}
.size16px{
	margin-bottom: 16px;
}