@charset "utf-8";

body {
	background: #FFF;
}

#main_area,
#side_area {
	color: #333;
}

#side_area {
	margin-top: 0;
}

#nav01 {
	margin-bottom: 0;
}

#main_area section {
	margin-bottom: 30px;
}



/* 長期休業のお知らせ */

#notice {
	border: 2px solid #E1060A;
	margin-bottom: 20px;
}

#notice01 {
	background: #E1060A;
	color: #FFF;
	text-align: center;
	padding: 5px;
}

#notice02 {
	padding: 5px;
}




/* main */

#main_pc {
	display: block;
	margin-bottom: 100px;
}

#main_sp {
	display: none;
}

#main_pc img {
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#main_pc .main01 p {
	background: #EBE7E3;
}

#main_pc .main02 p {
	background: #001737;
}

#main_pc .main03 p {
	background: url(../image/main/main03_pc_bg.jpg) repeat-x;
}

#main_pc .main04 p {
	background-color: #00163D;
}

#main_pc .main05 p {
	background: #000000;
}

#main_pc .main06 p {
	background-color: #091A2A;
}

#main_pc .main07 p {
	background-color: #000;
}

#items ol {
	display: none;
}




/* category */

#category_btn ul {
	margin-bottom: 20px;
}

#category_btn li.category00 {
	background: #000;
	display: block;
	text-align: center;
	width: 24.8%;
	max-width: 249px;
	height: 249px;
	float: left;
	margin-right: 0.2%;
}

#category_btn li a {
	display: block;
	text-align: center;
	width: 24.8%;
	max-width: 249px;
	height: 249px;
	float: left;
	margin-right: 0.2%;
}

#category_btn li img {
	width: 80%;
	max-width: 130px;
	margin-top: 90px;
}

#category_btn .category01 a {
	background: url(../image/category01_bg.jpg);
}

#category_btn .category02 a {
	background: url(../image/category02_bg.jpg);
}

#category_btn .category03 a {
	background: url(../image/category03_bg.jpg);
}

#category_btn .category04 a {
	background: url(../image/category04_bg.jpg);
}




/* info */

.info_bnr {
	width: 100%;
	max-width: 1000px;
	margin: 20px auto;
}

#top_bnr {
	margin-top: -30px;
}

#top_bnr li {
	width: 49%;
	float: left;
	margin-bottom: 20px;
}

#top_bnr li.left {
	margin-right: 2%;
}

.sp_menu01 {
	display: none;
}




/* contents */

#cont_wrap {
	clear: both;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

#top_wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}




/* lineup */

.item .pc {
	display: none;
}

.item li {
	display: block;
	float: left;
	
	width: 33%;
	margin-right: 0.1%;
}

.line02 {
	background: url(../image/line_txt_bg.gif);
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFF;
	text-align: center;
	
	padding: 10px;
}

.line02 span {
	display: block;
}

.line02_01 {
	color: #888;
	font-size: 12px;
}

.line02_02 {
	color: #FFF;
	font-size: 14px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.line02_03 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #EEE;
	font-size: 10px;
}


#top02 li {
	width: 48%;
	float: left;
	margin-right: 2%;
}

#voice ul {
	background: #F2F2F2;
	padding: 15px 5px;
	margin-bottom: 10px;
}

#voice li {
	background: #FFF;
	width: 48%;
	float: left;
	margin: 0 1%;
	padding: 10px;
}

.voice01 {
	color: #C8A985;
	font-size: 15px;
	margin-bottom: 5px;
}

.txt_link01 a {
	width: 100px;
	float: right;
}

#contents_bnr ul {
	background: #F2F2F2;
	padding: 15px 15px 0px 15px;
}

#contents_bnr li {
	width: 32%;
	float: left;
	margin-bottom: 15px;
}

#contents_bnr li.left {
	margin-right: 2%;
}




/* news */

#news .sp_cont_box {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
}

#news h3 {
	width: 30%;
	text-align: center;
	float: left;
	height: 250px;
	line-height: 250px;
	margin-bottom: 0;
}

#news dl a {
	text-decoration: underline;
}

#news dl a:hover {
	text-decoration: none;
}

#news dl {
	width: 70%;
	float: right;
	height: 210px;
	padding: 0 20px;
	margin: 20px 0;
	overflow-y: scroll;
	border-left: 1px solid #333;
}

#news dt,
#news dd {
	font-size: 12px;
	margin-bottom: 15px;
}

#news dt {
	color: #666;
	width: 20%;
	float: left;
	clear: left;
}

#news dd {
	width: 80%;
	float: left;
}

#news dd .img {
	display: block;
	width: 80px;
	float: left;
	margin-right: 20px;
}




/* tablet */
@media screen and (max-width: 768px){

#main_area section {
	margin-bottom: 30px;
}




/* main */

#main_pc {
	display: block;
	margin-bottom: 100px;
}

#main_sp {
	display: none;
}

#main_pc img {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}




/* category */

#category_btn ul {
	margin-bottom: 20px;
}

#category_btn li.category00 {
	width: 24.8%;
	height: 150px;
	margin-right: 0.2%;
}

#category_btn li a {
	width: 24.8%;
	height: 150px;
	margin-right: 0.2%;
}

#category_btn li img {
	width: 80%;
	max-width: 130px;
	margin-top: 45px;
}




/* info */

.info_bnr {
	width: 100%;
	max-width: 1000px;
	margin: 20px auto;
}

.sp_menu01 {
	display: none;
}




/* lineup */

.item .pc {
	display: none;
}
    
    
    .item ul {	
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
        }
.item li {	

	width: 33%;
	margin-right: 0.1%;
}

.line02 {	
	font-size: 10px;
	padding: 10px 5px;
}

.line02_01 {
	font-size: 12px;
}

.line02_02 {
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.line02_03 {
	font-size: 10px;
}


#top02 li {
	width: 49%;
	float: left;
	margin-right: 1%;
}

#voice ul {
	padding: 15px 5px;
	margin-bottom: 10px;
}

#voice li {
	width: 48%;
	float: left;
	margin: 0 1%;
	padding: 10px;
}

.voice01 {
	font-size: 13px;
	margin-bottom: 5px;
}

.voice02 {
	font-size: 11px;
}

.txt_link01 a {
	width: 100px;
}

#contents_bnr ul {
	padding: 10px 10px 0px 10px;
}

#contents_bnr li {
	width: 33%;
	float: left;
	margin-bottom: 10px;
}

#contents_bnr li.left {
	margin-right: 0.5%;
}




/* news */

#news .sp_cont_box {
	margin-bottom: 10px;
}

#news h3 {
	width: 30%;
	float: left;
	height: 200px;
	line-height: 200px;
	margin-bottom: 0;
}

#news dl {
	width: 70%;
	float: right;
	height: 160px;
	padding: 0 20px;
	margin: 20px 0;
	overflow-y: scroll;
	border-left: 1px solid #333;
}

#news dt,
#news dd {
	font-size: 12px;
}

#news dt {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 0px;
}

#news dd {
	width: 100%;
	float: none;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

}




/* SP */
@media screen and (max-width:640px){
	
.sp_cont_box {
	padding: 0 2%;
}

#main_area section {
	margin-bottom: 20px;
}




/* main */

#main_pc {
	display: none;
}

#main_sp {
	display: block;
	margin-bottom: 80px;
}




/* category */

#category_btn ul {
	margin-bottom: 20px;
}

#category_btn li.category00 {
	width: 50%;
	height: 160px;
	margin: 0 0 0 0;
	border: 1px solid #FFF;
}

#category_btn li a {
	width: 50%;
	height: 160px;
	margin: 0 0 0 0;
	border: 1px solid #FFF;
}

#category_btn li img {
	width: 80%;
	max-width: 130px;
	margin-top: 45px;
}




/* info */

.info_bnr {
	width: 96%;
	margin: -10px 2% 20px 2%;
}

.info_bnr p img {
	margin-bottom: 10px;
}

#top_bnr {
	display: none;
}

#top_bnr li {
	width: 100%;
	float: none;
	margin-bottom: 10px;
}

#top_bnr li.left {
	margin-right: 0;
}

#top_bnr_sp {
	margin-top: -30px;
}

.sp_menu01 {
	display: block;
}

.sp_menu01 li {
	border-bottom: 1px solid #D9D9D6;
}

.sp_menu01 .sp_menu_img {
	width: 25%;
	float: left;
}

.sp_menu01 .sp_menu_txt {
	width: 75%;
	float: right;
}

.sp_menu01 .sp_menu_txt a {
display: block;
position: relative;
padding: 10px 25px 10px 10px;
background: #FFF;
font-size: 14px;
font-weight: bold;
text-decoration: none;
line-height: 140%;
}

.sp_menu01 .sp_menu_txt a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #888;
border-right: solid 2px #888;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

.sp_menu01 .sp_menu_txt01 {
	font-size: 13px;
	font-weight: bold;
}

.sp_menu01 .sp_menu_txt02 {
	font-size: 9px;
}

.sp_menu01 .sp_menu_txt03 {
	font-size: 11px;
}

.sp_menu_first a .sp_menu_txt01,
.sp_menu_first a .sp_menu_txt02 {
	color: #3870C5;
}

.sp_menu_grday a .sp_menu_txt01,
.sp_menu_grday a .sp_menu_txt02 {
	color: #785219;
}

.sp_menu_grdayx a .sp_menu_txt01,
.sp_menu_grdayx a .sp_menu_txt02 {
	color: #C30004;
}

.sp_menu_regular a .sp_menu_txt01,
.sp_menu_regular a .sp_menu_txt02 {
	color: #116E7E;
}





/* lineup */

.item .pc,
#top02 .pc {
	display: block;
}

.item li {	
	width: 50%;
	margin: 0 0 10px 0;
	border: 1px solid #FFF;
	line-height: 130%;
}
.line01 {
    float: left;    

}
.line02 {	
	font-size: 12px;
	padding: 10px 5px;
}

.line02_01 {
	font-size: 11px;
}

.line02_02 {
	font-size: 13px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.line02_03 {
	font-size: 10px;
}

#top02 li {
	width: 96%;
	float: none;
	margin: 0 2% 10px;
}

#voice ul {
	padding: 10px 5px 0;
	margin-bottom: 10px;
}

#voice li {
	width: 98%;
	float: none;
	margin: 0 1% 10px;
	padding: 10px;
}

.voice01 {
	font-size: 13px;
	margin-bottom: 5px;
}

.voice02 {
	font-size: 10px;
	line-height: 140%;
}

.txt_link01 a {
	width: 100px;
}

#contents_bnr ul {
	padding: 10px 3px 0;
}

#contents_bnr li.left {
	margin-right: 1%;
}

#contents_bnr li {
	width: 48%;
	float: left;
	margin: 0 1% 10px 1%;
}




/* news */

#news .sp_cont_box {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom-color: #AAA;
	border-top: none;
}

#news h3 {
	width: 100%;
	float: none;
	height: auto;
	line-height: 120%;
	margin-bottom: 0;
}

#news dl {
	width: 100%;
	float: right;
	height: 160px;
	padding: 0 20px;
	margin: 20px 0;
	overflow-y: scroll;
	border-left: none;
}

#news dt,
#news dd {
	font-size: 11px;
}

#news dt {
	width: 100%;
	float: none;
	clear: both;
	margin-bottom: 0px;
}

#news dd {
	width: 100%;
	float: none;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#news dd .img {
	display: block;
	width: 80px;
	float: left;
	margin: 0 20px 0 0;
}

#news .txt_link01 {
	margin-right: 10px;
}



}