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


/*========== RESET ==========*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
	font-size: 62.5%; /*10px 以下のsize指定はrem*/
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin: 0;
}

body {
  min-height: 100vh;
  line-height: 1.0;
}

h1, h2, h3, h4,
button, input, label {
  line-height: 1.0;
}

input, button,
textarea, select {
  font: inherit;
}

:target {
  scroll-margin-block: 5ex;
}

ol,ul {
  list-style: none;
	margin: 0;
	padding: 0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:10px 0;
	padding:0;
}

del {
  text-decoration: line-through;
}

/*=========== BAISC =============*/

body{
	background:#fff url(../../images/bg_top.gif) repeat-x;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 1.4rem;
	line-height: 1;
	color:#333;
	text-align:left;
	position: relative;
}

img{
	vertical-align: bottom;
}

a:link{
	color:#F00;
	text-decoration:underline;}

a:active{
	color:#0C0;
	text-decoration:underline;}

a:visited{
	color:#F60;
	text-decoration:underline;}

a:hover{
	color:#0C0;
	text-decoration:underline;}

/*===========WRAP=============*/

#wrap{
	width:980px;
	margin:0 auto;
}

@media (max-width: 767px) {
}

/*===========HEADER=============*/

header{
	padding:0 0 20px;
}
header .pc #logo{
	height:33px;
	padding:5px 0px;
}
header .pc #head_tx{
	width:100%;
	border-top:3px solid #32cd32;
	border-bottom:3px solid #32cd32;
	padding:5px 0px;
	margin:20px 0px 0px;
	
}
header .pc h1{
	text-align:right;
	margin:0 0 20px;
}

@media (max-width: 767px) {
}

/*===========MAIN=============*/

#main{
	display: flex;
	justify-content: space-between;
}

/*===========NAV=============*/

nav{
	width:300px;
}
nav ul{
	padding:0 0 10px;
}
nav ul li{
	margin:0 0 10px;
}

nav ul li a:hover{
	opacity: 0.5;
}

/*===========ARTICLE=============*/

article{
	width:630px;
}

/*9階のハギモトさん*/
#hagimotosan{
	background-color: #efefef;
	border:1px solid #ccc;
	border-radius: 15px;
	padding: 10px;
	margin: 0 0 20px;
}
#hagimotosan .fbox{
	display: flex;
	justify-content: space-between;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
#hagimotosan .fbox2{
	display: flex;
	justify-content: space-between;
	padding-top: 5px;
}
#hagimotosan .pic{
	width:48%;
}
#hagimotosan .pic img{
	width: 100%;
	height: auto;
}
#hagimotosan .pic a:hover img{
	opacity: 0.75;
}
#hagimotosan .txt{
	width:48%;
}
#hagimotosan h2{
	color: #c44429;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0 0 15px;
}
#hagimotosan li{
	line-height: 1.35;
}

/*欽ちゃん*/
#kinchan{
	padding: 0 0 10px;
}
#kinchan h2{
	border:1px solid #39F;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin: 0 0 10px;
}
#kinchan ul{
	width:628px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#kinchan li{
	margin: 0 0 10px;
}
#kinchan li a:hover{
	opacity: 0.5;
}

/*更新履歴*/
#news{
	width:628px;
	border:1px solid #39F;
	border-radius:15px;
	margin:0 0 20px;
}
#news h2{
	border-bottom:1px solid #39F;
	margin:0 0 20px;
}
#news > ul{
	padding:0 20px 10px;
}
#news > ul > li{
	border-bottom:1px dotted #ccc;
	margin:0 0 10px;
	padding:0px 5px;
	display: flex;
}
#news > ul > li > span{
	width:130px;
	color:#39F;
}
#news > ul > li > ul li{
	line-height:1.35;
	background:url(../images/ic_arrow01.png) 0px 2px no-repeat;
	margin:0 0 5px;
	padding:0 0 0 12px;
}
#news > ul > li > ul li a{
	color:#333;
	text-decoration:none;
}
#news > ul > li > ul li a:hover{
	text-decoration:underline;
}


/*お知らせ*/
#info{
	width:628px;
	border:1px solid #39F;
	border-radius:15px;
	margin:0 0 20px;
}
#info h2{
	border-bottom:1px solid #39F;
	margin:0 0 20px;
}
#info ul{
	padding:0 20px 10px;
}
#info ul li{
	line-height:1.5;
	background:url(../images/ic_arrow01.png) 5px 5px no-repeat;
	margin:0 0 10px;
	padding:0 5px 8px 17px;
	border-bottom:1px dotted #ccc;
}
#info ul li span{
	display: block;
	padding: 5px 0 0;
}
#info ul li span.ttl{
	display: block;
	font-weight: 700;
	padding: 0 0 5px;
}
/*お知らせ 欽ちゃんライブ*/
#info .live{
	padding: 0 20px 10px;
	margin: 0 0 10px;
	border-bottom: 1px dashed #ccc;
}
#info .live h3{
	font-size: 1.4rem;
	font-weight: 700;
	margin: 0 0 10px;
}
#info .live dl{
	display: flex;
	border-bottom:1px dotted #ddd;
}
#info .live dt,
#info .live dd{
	padding: 5px;
	line-height: 1.5;
}
#info .live p{
	line-height: 1.5;
	margin: 0 0 5px 10px;
}
#info .live .tx01{
	margin: 10px 0;
}

/*===========CONTER=============*/

#count{
	border-top:3px solid #32cd32;
	padding:10px 5px;
	font-size:1.0rem;
	color:#666;
	text-align:right;
}

/*===========FOOTER=============*/

footer{
	width:100%;
	background:#39F;
	padding:8px 0px 3px;
}
footer p{
	font-size:1.1rem;
	color:#fff;
	text-align:center;
	padding:0 0 5px;
}