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

/*スライド*/
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {outline:none;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
	margin:0 auto;
	padding:0;
	list-style:none;
}
.slides a:hover{opacity:0.5;}

.flex-pauseplay span {text-transform:capitalize;}
.flexslider {
	position:relative;
	display:block;
	width:100%;
	max-width:1920px;
	height:auto;
	margin:0 auto;
	padding:0;
	background:#f5f5f5;
}
.flexslider .slides > li {
	display:none;
	margin:0 auto;
	width:100%;
	max-width:1920px;
	z-index:1;
	position:relative;
}

.flexslider .slides img {
	width:100%;
	max-width:1920px;
	display:block;
	margin:0 auto;
}
.flexslider .slides:after {
	content:"\0020";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height:1%;}
.no-js .flexslider .slides > li:first-child {display:block;}
.flexslider {
	margin:0 auto; 
	position:relative;
	zoom:1;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
	zoom:1;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	}
.flexslider .slides img {
	height:auto;
	width:100%;
	max-width:1700px;
	margin:0 auto;
	text-align:left;
	}
.flex-viewport {
	width:100%;
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
.loading .flex-viewport {max-height:300px;}
.carousel li {margin-right:5px;}
.flex-direction-nav {*height:0;}
.flex-direction-nav a {
	text-decoration:none;
	display:block;
	width:40px;
	height:40px;
	margin:-20px 0 0;
	position:absolute;
	top:50%;
	z-index:10;
	overflow:hidden;
	opacity:0;
	cursor:pointer;
	color:rgba(0, 0, 0, 0.8);
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	z-index:1;
}
.flex-direction-nav a:before {
	font-family:"flexslider-icon";
	font-size:40px;
	display:inline-block;
	content:'\f001';
	color:rgba(0, 0, 0, 0.8);
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {content:'\2622';}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{text-indent:-9999px;}
.flex-direction-nav .flex-prev {
	height:60px;
	width:60px;
	background:url(../img/slide_l.png) no-repeat left center;
	background-size:60px;
	left:5%;
	z-index:1;
}
.flex-direction-nav .flex-next {
	height:60px;
	width:60px;
	background:url(../img/slide_r.png) no-repeat left center;
	background-size:60px;
	right:5%;
	z-index:1;
}
.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-next {opacity:1;}

.flex-direction-nav .flex-disabled {
	opacity:0!important;
	filter:alpha(opacity=0);
	cursor:default;
}
.flex-control-nav,
.flex-pauseplay a {display:none;}
.flex-pauseplay a:before {display:none;}
.flex-pauseplay a:hover {opacity:1;}

.contents h2{
	display:table;
	margin:0 auto 5px;
	padding:0;
}
.contents h2 img{
	display:block;
	width:100%;
	max-width:110px;
	margin:0 auto;
}
.contents h2.blog img{max-width:128px;}
.contents span.eg{
	display:table;
	text-align:center;
	line-height:1.2em;
	margin:0 auto 20px;
	padding:0;
	color:#39c;
}
.sec .contents .abo_list{
	float:left;
	width:50%;
	margin:40px auto 0;
	padding:0;
	overflow:hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing:border-box;	
}
.sec .contents .abo_list .box{
	display:table;	
	width:100%;
	margin:0 auto;
	padding:0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
	box-sizing:border-box;
	background:#fbfbfb;
}

.sec .contents .abo_list .box a {
	display:block;
	width:100%;	
	font-size:20px;
	line-height:1.1em;
	font-weight:500;
	text-decoration:none;
	color:#333;
}
.sec .contents .abo_list .box a span{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	width:50%;
	height:100%;
	margin:0 auto;
	padding:0;
}
.sec .contents .abo_list .box a span img{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
.sec .contents .abo_list .box a span span{
	display:inline-block;
	width:auto;
	height:auto;
	text-align:center;
	padding-bottom:5px;
	border-bottom:2px solid #444;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing:border-box;		
}
.sec .contents .abo_list .box:hover{background:#39c;}
.sec .contents .abo_list .box:hover a{color:#fff;}
.sec .contents .abo_list .box:hover a span span{border-color:#fff;}

.sec.bk{
	padding:15px 0;
	background:url(../img/bk.jpg) top center no-repeat,#f3f3f3;
}
.contents.wht{
	margin:0 auto;
	padding:80px 0;
	background:rgba(255,255,255,0.7);
	text-align:center;
}
.contents.wht img{
	display:block;
	width:100%;
	max-width:480px;
	margin:0 auto;
	padding:0;
}

.contents.wht p{
	font-size:18px;
	line-height:2em;
	margin:40px auto 0;
	padding:0;
}

.contents ul.post_list{
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.contents ul.post_list li{
	float:left;
	list-style:none;
	width:47%;
	margin:0 6% 0 0;
	padding:0;
}

.contents ul.post_list li:last-child{margin-right:0;}

.contents ul.post_list li .t_line{
	width:100%;
	margin:0 auto;
	padding:15px 0 0;
	border-top:3px solid #ccc;
}
.contents ul.post_list li dl{
	width:100%;
	font-size:14px;
	line-height:1.4em;
	margin:0 auto 15px;
	padding:0 0 15px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
.contents ul.post_list li dl dt{
	float:left;
	width:30%;
	margin:0;
	padding:0;
}
.contents ul.post_list li dl dd{
	float:right;
	width:70%;
	margin:0;
	padding:0;
}
.contents ul.post_list li dl dd a{
	color:#333;
	text-decoration:none;
}
.contents ul.post_list li dl dd a:hover{text-decoration:underline;}

.contents ul.post_list li dl dd a p{
	margin:0 auto;
	padding:0;
}

.contents ul.post_list li a.more{
	position:relative;
	float:right;
	display:inline-block;
	padding:8px 24px 8px 12px;
	color:#fff;
	font-size:12px;
	line-height:1em;
	background:#333;
	text-decoration:none;
	transition:0.2s;
}
.contents ul.post_list li a.more::before {
    content: "";
    display: inline-block;
    border: 4px solid transparent;
    border-left-color: transparent;
    border-left-color: #fff;
    position: absolute;
    right:4px;
    top: 50%;
    margin-top: -4px;
}
.contents ul.post_list li a.more:hover{
	opacity:0.6;
	filter:"alpha(opacity=0.6)";
}

@media screen and (max-width:1024px) {
.sec .contents .abo_list .box a{font-size:20px;}	
}

@media screen and (max-width:768px) {
	
.flexslider .slides img {width:150%;}
.flex-direction-nav .flex-prev {
	height:40px;
	width:40px;
	background:url(../img/slide_l.png) no-repeat left center;
	background-size:40px;
}
.flex-direction-nav .flex-next {
	height:40px;
	width:40px;
	background:url(../img/slide_r.png) no-repeat left center;
	background-size:40px;
}
.sec .contents .abo_list{
	float:none;
	width:100%;
	margin:0 auto;
	padding:0;
}
.sec .contents .abo_list .box a{font-size:16px;}	
	
.contents.wht{
	width:92%;
	padding:40px 2%;}
.contents.wht img{
	display:block;
	max-width:96%;
	}	
.contents.wht p{
	font-size:16px;
	line-height:1.8em;
	margin:40px auto 0;
	padding:0;
}

.contents ul.post_list li{
	float:none;
	width:100%;
	margin:0 auto 40px;
	padding:0;
}

.contents ul.post_list li dl dt{
	float:none;
	width:auto;
	margin:0 0 10px;
}
.contents ul.post_list li dl dd{
	float:none;
	width:100%;
}

}