/* PC用のCSSはメディアクエリの外に記述する */
	/*管理画面*/
	/*横並びタブ*/
	.cp_tab *, .cp_tab *:before, .cp_tab *:after {
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.cp_tab {
		margin: 1em auto;
	}
	.cp_tab > input[type='radio'] {
		margin: 0;
		padding: 0;
		border: none;
		border-radius: 0;
		outline: none;
		background: none;
		-webkit-appearance: none;
				appearance: none;
		display: none;
	}
	.cp_tab .cp_tabpanel {
		display: none;
	}
	.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
	.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
	.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
	.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
	.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
	.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
		display: block;
	}
	.cp_tab > label {
		position: relative;
		display: inline-block;
		padding: 15px;
		cursor: pointer;
		border: 1px solid transparent;
		border-bottom: 0;
	}
	.cp_tab > label:hover,
	.cp_tab > input:focus + label {
		color: #0066cc;
	}
	.cp_tab > input:checked + label {
		margin-bottom: -1px;
		border-color: #cccccc;
		border-bottom: 1px solid #ffffff;/*背景色と同じ*/
		border-radius: 6px 6px 0 0;
	}
	.cp_tab .cp_tabpanel {
		padding: 0.5em 1em;
		border-top: 1px solid #cccccc;
	}

	@media (max-width: 480px) {
		.cp_tab {
			width: 100%;
			font-size: 0.8em;
		}
		.cp_tab label {
			padding: 0.5em;
		}
	}
	
	
	/*確認画面*/
	label input{
		width: 100%;
		
	}
	
	.skip {
		float: right;
	}
	/*-------------------------------*/
	/*タンテナトップ*/
	.box_side{
		position: absolute;
		width: 50%;
		height: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		border-top: none;
		border-left: 3px solid black;
		border-right: 3px solid black;
		border-bottom: none;
	}
	.top_imgbox{
		left: 50%;
		padding: 40px;
		position: absolute;
		top: 25%;
		transform: translate(-50%,-50%);
		width: 100%;
		height: auto;
		text-align: center;
	}
	.kakaka{
		display: flex;
		flex-wrap: wrap;
		margin: auto;
		justify-content: center;
		left: 50%;
		//padding: 40px;
		position: absolute;
		top: 50%;
		transform: translate(-50%,-50%);
		max-width: 600px;
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	.tantena_contentbox{
		display: flex;
		left: 50%;
		margin: auto;
		position: absolute;
		top: 50%;
		transform: translate(-50%,-50%);
		max-width: 80%;
		min-width: 300px;
		width: 100%;
		height: auto;
		text-align: center;
	}
	.content_padding{
		padding: 5 5 5 5;
		width: auto;
		height: auto;
	}
	.tantena_content{
		display: block;
		width: 50%;
		height:auto;
		cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
		//border-right: none;
		border: 3px solid black;/* ラベルの境界線を実線で指定する */
	}
	
	
	/*-------------------------------*/
	/*タンテナ掲示板トップ画面*/
	.Drop_genre_menu{
		display: none;
		position: relative;
		padding: 3 3 3 3;
		margin-left: 30px;
		width: 73px;
		height: 30;
		border: 1px solid black;
	}
	.Drop_genre_menu:checked + label{
		background: black;/* マウス選択時の背景色を指定する */
		color: #ffffff; /* マウス選択時のフォント色を指定する */
	}
	.Drop_genre{
		margin-top: 5px;
		width: 100%;
		height: auto;
	}
	.Genre_box {
		display: block;
		width: auto;
		height:35px;
		text-align: center;
		padding: 0 5 0 5;
		line-height: 35px;
		cursor: pointer; /* マウスカーソルの形（リンクカーソル）を指定する */
		border: 2px solid black;/* ボックスの境界線を実線で指定する */
		border-right: none;
		//border-radius: 5px; /* 角丸を指定する */
		border: 1px solid black;/* ラベルの境界線を実線で指定する */
		//word-wrap: break-word;
	}
	.Genre_box:hover {
		background-color: #A9A9A9; /* マウスオーバー時の背景色を指定する */
	}
	
	/*------------------------------*/
	/*スレッド一覧*/
	

	

	
	
	
	
	
	
	.box_tantena_top_pc {
		position: relative;
		top: 50px;
		z-index: 1;
	}
	
	.btn_yellow_box {
		position: absolute;
		top: 60px;
		right: 5px;
		z-index: 1;
	}
	
	.fuwatto_btn_yellow{
		display: inline-block;
		background-color: #FFC605;
		color: black;
		width: 100px;
		height: 40;
		padding: 0.5em 0;
		text-decoration: none;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		-webkit-tap-highlight-color: transparent;
		transition: .3s ease-out;
		text-align: center;
	}
	.fuwatto_btn_yellow:hover{
		cursor: pointer;
		text-decoration: none;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.12), 0 3px 20px 0 rgba(0,0,0,0.12), 0 5px 6px -2px rgba(0,0,0,0.2);
	}
		
	/*--------------------------------*/


	
	
	

	

	.content_form{
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		width: 20%;
		height: 540;
		padding: 10px;
		margin: 0;
		line-height: 3;
		background: linear-gradient(#FFF9C4, #F57F17);
	}
	
	
	
	
	
	
	
	.img {
		width: 10%;
		height: 10%;
	}
	.comment_oya{
		position: fixed;
		display: block;
		width: 100px;
		height: 40px;
		top: 60px;
		right: 260px;
		text-align: center;
		cursor: pointer;
		z-index: 4;
	}
	.comment_btn {
		position: absolute;
		display: inline-block;
		width: 100px;
		height: 40px;
		color: black;
		padding: 0.5em;
		border-radius: 4px;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		-webkit-tap-highlight-color: transparent;
		transition: .3s ease-out;
		text-align: center;
		background: yellow;
	}
	
	/*-------------------------*/
	
	/*ボタン*/
	/*シンプルなボーダーで囲う*/
	.btn-flat-border {
	  display: inline-block;
	  padding: 0.3em 1em;
	  text-decoration: none;
	  color: #67c5ff;
	  border: solid 2px #67c5ff;
	  border-radius: 3px;
	  transition: .4s;
	}

	.btn-flat-border:hover {
	  background: #67c5ff;
	  color: white;
	}

	/*二重線で囲う*/
	.btn-flat-double-border {
	  display: inline-block;
	  padding: 0.5em 1em;
	  text-decoration: none;
	  color: #67c5ff;
	  border: double 4px #67c5ff;
	  border-radius: 3px;
	  transition: .4s;
	}
	.btn-flat-double-border:hover {
	  background: #fffbef;
	}
	
	/*-----------------------*/
	/*非表示*/
	
	.btn-trigger{
		display: none;
	}
	
	.acMenu{
		display: none;
	}
	
	
	
	.box_tantena_top_sp{
		display: none;
	}
	
	.img_sp{
		display: none;
	}
	
	/*----------------------*/
	/*表示*/
	.box_tantena_top_pc{
		display: block;
	}
	.img_pc{
		display: block;
	}
	/*-----------------------*/
@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
	/*掲示板トップ*/
	.keiziban_top_imgbox{
		left: 50%;
		padding: 40px;
		top: 45%;
		position: absolute;
		transform: translate(-50%,-50%);
		width: 80%;
		height: auto;
		text-align: center;
	}
	
	.top_kensaku{
		left: 50%;
		padding: 40px;
		position: absolute;
		top: 90%;
		transform: translate(-50%,-50%);
		width: 80%;
		height: auto;
	}
	/*-------------*/
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	/*非表示*/
	.list_menu {
		display: none;
	}
	
	.box_list_tb {
		display: none;
	}
	
	
	.box_tantena_top_pc{
		display: none;
	}
	
	.img_pc{
		display: none;
	}
	
	/*表示*/
	
	.btn-trigger{
		display: block;
	}
	
	.acMenu{
		display: block;
	}
	
	.thread_su_sp{
		display: block;
	}
	
	.box_tantena_top_sp{
		display: block;
	}
	
	.img_sp{
		display: block;
	}

	/*higher*/
	.box_tantena_top_sp {
		position: relative;
		top: 5px;
		z-index: 1;
	}
	
	
	
	/*確認*/
	/*-----------*/
	/*-----------*/
	/*掲示板トップ*/
	
	/*-------------*/
	/*スレッド一覧*/
	
	
	
	
	.btn_yellow_box {
		position: absolute;
		top: 5px;
		right: 117px;
		z-index: 1;
	}
	
	.fuwatto_btn_yellow{
		display: inline-block;
		background-color: #FFC605;
		color: black;
		top: 3;
		width: 100px;
		height: 40px;
		padding: 0.5em 0;
		text-decoration: none;
		border-radius: 4px;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
		-webkit-tap-highlight-color: transparent;
		transition: .3s ease-out;
		text-align: center;
		z-index: 1;
	}
	.fuwatto_btn_yellow:hover{
		cursor: pointer;
		text-decoration: none;
		box-shadow: 0 5px 10px 0 rgba(0,0,0,0.12), 0 3px 20px 0 rgba(0,0,0,0.12), 0 5px 6px -2px rgba(0,0,0,0.2);
		z-index: 1;
	}
	/*---------------*/
	
	
	
	
	
	
	
	
	/*---------*/
}