@charset "UTF-8";
/* CSS Document */
.site_banner {margin-bottom:60px;}
.site_banner ul {display:table;width:100%;}
.site_banner ul:before,
.site_banner ul:after {content:"";display:table;clear:both;}
.site_banner li {float:left;}
.site_banner ul[data-banner="1"] li {width:100%;float:none;}
.site_banner ul[data-banner="2"] li {width:45%;}
.site_banner ul[data-banner="2"] li:nth-child(odd) {float:left;}
.site_banner ul[data-banner="2"] li:nth-child(even) {float:right;}
.site_banner ul[data-banner="3"] li {width:calc(33.3% - 40px);margin-left:60px;}
.site_banner ul[data-banner="3"] li:first-child {margin-left:0;}

.entries_list .date {font-size:0.8em;}
.entry_title {font-size:1.15em;font-weight:bold;margin-bottom:20px;}

.personality_list li {margin-bottom:50px;}
.personality_list li:before,
.personality_list li:after {content:"";display:table;clear:both;}
.personality_list .image {width:180px;float:left;}
.personality_list .data {width:calc(100% - 210px);float:right;}
.personality_list .name {text-align:center;font-weight:bold;margin-bottom:10px;}
.personality_list .name span {display:block;font-size:0.8em;line-height:1.5em;}

.personality_list li {width:calc(50% - 90px);float:left;padding:30px;margin-left:60px;background-color:#f2f2f2;}
.personality_list li:nth-child(odd) {margin-left:0;clear:left;}
.personality_list li:first-child {margin-left:0;clear:left;}

.contents .personality_list li,
.column_inner .personality_list li {width:auto;margin-left:0;float:none;background:none;padding:0;}

.contents .personality_list li {padding:30px;margin-bottom:0;}
.contents .personality_list li:nth-child(odd) {background:#f2f2f2;}
.contents .personality_list li:nth-child(even) {background:#fafafa;}

.timetable_list.color li {padding:10px 20px;}
.timetable_list.color li:nth-child(odd) {background:#f2f2f2;}
.timetable_list.color li:nth-child(even) {background:#fafafa;}
.timetable_list.color li span {margin-right:3em;}

.corner_list li {padding:20px;}
.corner_list li:nth-child(odd) {background:#f2f2f2;}
.corner_list li:nth-child(even) {background:#fafafa;}
.corner_list li .corner_title {font-size:1.15em;line-height:1.8em;font-weight:bold;margin-bottom:10px;}

.caption {font-size:0.8em;line-height:1.5em;margin:20px 0;}

.contents {width:610px;float:left;}
aside {width:300px;float:right;}
aside nav li a {display:block;padding:10px 0;border-bottom:solid 1px #333;color:#333;}

.entries_list.color li {padding:20px;}
.entries_list.color li:nth-child(odd) {background:#f2f2f2;}
.entries_list.color li:nth-child(even) {background:#fafafa;}
.entries_list.color li .date,
.entries_list.color li .entry_title {display:inline-block;margin:0;font-weight:normal;}
.entries_list.color li .date {margin-right:2em;}

.contents_menu .date {float:right;}

.entry_body {border-bottom:solid 1px #333;}
.entry_body p {margin-bottom:1em;}
.entry_body img {display:block;max-width:100%;height:auto !important;margin-bottom:1em;}

.stream {margin-bottom:30px;text-align:center;}
.stream iframe {width:320px;}

.pagination {padding:30px 0;}
.pagination ul {width:100%;text-align:center;}
.pagination li {display:inline-block;width:40px;height:40px;margin:0 5px;}
.pagination li a,
.pagination li span {display:table-cell;width:40px;height:40px;vertical-align:middle;border:solid 1px #ee774e;color:#ee774e;}
.pagination li span {background:#ee774e;color:#fff;}

.pager {padding:20px 0;}
.pager ul:before,
.pager ul:after {content:"";display:table;clear:both;}
.pager ul li.pre {float:left;}
.pager ul li.next {float:right;}
.pager ul li a {color:#ee774e;}
.pager ul li.pre a:before {content:"＜";margin-right:10px;}
.pager ul li.next a:after {content:"＞";margin-left:10px;}

@media screen and (max-width:1024px){
	.personality_list .name {text-align:left;}
	.column.gray[data-column="3"].entries_list .column_inner {width:calc(100% - 60px) !important;height:auto !important;margin-bottom:5px;}
	
	.personality_list.column.gray li {width:calc(100% - 60px) !important;}
	
	.personality_list li .image,
	.personality_list li .data {width:auto;float:none;}
	
	.contents,
	aside {width:100%;float:none;}
	
}

/*ipad 横*/
@media screen and (max-width:768px){
	.personality_list .image,
	.personality_list .data {width:100%;float:none;}
	.personality_list .image {margin-bottom:20px;}
	
	.personality_list li {width: calc(100% - 60px);height:auto !important ;float:none;margin:0 0 30px;}
	
	
	.site_banner ul[data-banner="2"] li,
	.site_banner ul[data-banner="3"] li,
	.com_banner ul[data-banner="2"] li,
	.com_banner ul[data-banner="3"] li {width:auto;float:none;margin-bottom:20px;margin-left:0;}
}

/*iphone*/
@media screen and (max-width:375px){
	.timetable_list.color li span {margin:0;display:block;color:#fff;background:#aaa;padding:5px 10px 2px;}
	
	.pager ul li {width:50%;}
	.pager ul li a {display:block;padding:0 20px;}
	.pager ul li.pre a:before,
	.pager ul li.next a:after {display:none;}
	
	.pagination li {display:none;}
	.pagination .prev,
	.pagination .next {display:inline-block;}
	
	
	
}
