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







/* ============================================================================
                                       TOP
   ============================================================================ */




.pageTitle{
	width:90%;
	max-width:1100px;
	margin:0 auto;
}
.pageTitle h2{
	font-family:'DINPro-Bold';
	font-size:3.5em;
	line-height:1.2;
	padding:60px 0 40px;
	text-align:center;
	border-bottom:1px solid #CCC;
}



@media screen and (max-width: 768px){
.pageTitle h2{font-size:3.2em;padding:50px 0 40px;}
}

@media screen and (max-width: 540px){
.pageTitle h2{font-size:2.6em;padding:40px 0 30px;border:none;}
}


.categoryBox{
	width:90%;
	max-width:1100px;
	margin:40px auto 40px;
}
.categoryBox ul{
	width:100%;
	font-size:0;
}
.categoryBox ul li{
	display:inline-block;
	margin-right:10px;
	font-size:12px;
}
.categoryBox ul li a{
	font-family:'DINPro-Regular';
	border:1px solid #999;
	box-sizing:border-box;
	font-size:1.5em;
	line-height:1;
	padding:0.3em 2em;
}
.entryListBox{
	width:90%;
	max-width:1100px;
	margin:0 auto;
	overflow:hidden;
}
.entryListBox ul.enrtyList{
	width:103%;
	font-size:0;
}
.entryListBox ul.enrtyList li{
	width:30.33333%;
	margin-right:3%;
	margin-bottom:5%;
	display:inline-block;
	font-size:12px;
	vertical-align:top;
}
.entryListBox .enrtyList .thumImg{
	border:1px solid #999;
	box-sizing:border-box;
}
.entryListBox .enrtyList .thumImg a:hover{
	filter:alpha(opacity=70);
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-opacity: 0.7;
	opacity: 0.7;
}
.entryListBox .enrtyList .spec{
	width:100%;
/*	margin:10px 0 0;*/
	margin:13px 0 0;
}
.entryListBox .enrtyList .spec p{
	display:inline-block;
	font-family:'DINPro-Regular';
	font-size:1.2em;
	vertical-align:middle;
	color:#666;
	line-height:1.0;
}
.entryListBox .enrtyList .spec p a{
	font-family:'DINPro-Regular';
	color:#666;
}
.entryListBox .enrtyList .spec p a:hover{
	color:#D91327;
}
.entryListBox .enrtyList .categoryName{
	padding-right:0.7em;
	border-right:1px solid #999;
	margin-right:0.5em;
}
.entryListBox .enrtyList .textBox{
	margin-top:10px;
}
.entryListBox .enrtyList .textBox a{}
.entryListBox .enrtyList h3.entryListTitle{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4;
}
.entryListBox .enrtyList .summary{
	font-size:1.1em;
	line-height:1.5;
	margin-top:0.8em;
}

.size-full{
	text-align:center;
	margin:0 auto;
}

@media screen and (max-width: 768px){
.categoryBox{text-align:center;}
.categoryBox ul li{margin:0 6px;}
.entryListBox ul.enrtyList{width:105%;}
.entryListBox ul.enrtyList li{width:45%;margin-right:5%;}
}


@media screen and (max-width: 540px){

.categoryBox{margin:0 auto 10%;width:100%;}
.categoryBox ul{width:100%;display:blockmargin:0 auto;}
.categoryBox ul li{width:50%;margin:0px;}
.categoryBox ul li a{
	border:none;
	background:#383838;
	color:#FFF;
	padding:0.7em 0;
	font-size:1.4em;
}
.categoryBox ul li:first-child a{border-right:1px solid #FFF;}


.entryListBox{width:86%;}
.entryListBox ul.enrtyList{width:100%;}
.entryListBox ul.enrtyList li{width:100%;margin-right:0;margin-bottom:10%;}


}




/* ============================================================================
                                       Entry
   ============================================================================ */




.entryTitle{
	width:90%;
	max-width:980px;
	margin:60px auto 0;
}
.entryTitle h2{
	font-size:2.3em;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}
.entryTitle .category{
	text-align:center;

	font-family:'DINPro-Regular';
	color:#666;
	font-size:1.4em;
	line-height:1;
}
/*
.entryTitle .category a{
	font-family:'DINPro-Regular';
	color:#666;
	font-size:1.4em;
	line-height:1;
	display:inline-block;
}
*/
.entryTitle .date{
	font-family:'DINPro-Regular';
	color:#666;
	font-size:1.4em;
	line-height:1;
	text-align:center;
	padding-top:0.5em;
}




.entryBody{
	width:90%;
	max-width:980px;
	margin:40px auto 30px;
	font-size:1.1em;
	line-height: 1.5;
}

.entryBody a{
	color:#D91327;
	display:inline-block;
}
.entryBody a:hover{
	text-decoration:underline;
}



@media screen and (max-width: 768px){
.entryTitle{margin-top:50px;}
.entryTitle h2{font-size:2.0em;}
}






@media screen and (max-width: 540px){
.entryTitle{margin-top:40px;}
.entryTitle h2{font-size:1.7em;margin-bottom:20px;}
.entryTitle .category a{font-size:1.2em;}
.entryTitle .date{font-size:1.2em;}


.entryBody{margin:20px auto 30px;font-size:1.15em;}

}

















.singleNavi{
	width:90%;
	max-width:980px;
	margin:60px auto 0;
}
.singleNavi .alignleft{
	float:left;
}
.singleNavi .alignright{
	float:right;
}
.singleNavi a{
	font-size:1.3em;
	font-family:'DINPro-Medium';
}












.entryBody strong{font-weight:bold;}
.entryBody em{font-style:italic;}
.entryBody h1{font-weight:bold;font-size:1.8em;}
.entryBody h2{font-weight:bold;font-size:1.5em;}
.entryBody h3{font-weight:bold;font-size:1.3em;}
.entryBody h4{font-weight:bold;font-size:1.1em;}
.entryBody ul{list-style:disc inside;}
.entryBody ul li{}

.entryBody blockquote{
	background:#F5F5F5;
	padding:1.5em;
	box-sizing: border-box;
	width:100%;
	margin:0;
}


.entryBody p{
}
.entryBody .size-full.aligncenter{
	margin:0 auto !important;
	text-align:center !important;
	display:block;
}

/*wp-pagenavi base*/
.wp-pagenavi{
	clear: both;
	text-align:center;
	padding-top:10px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	border: solid 1px #CCC;
	width:25px;
	line-height:25px;
	margin: 0 2px;
	white-space: nowrap;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	font-size:12px;
}
.wp-pagenavi a:hover{
	color:#FFF !important;
	background-color:#999;
	border-color:#999;
}
.wp-pagenavi span.current{
	color:#FFF;
	background-color:#666;
	border-color:#666;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last{
	width: auto !important;
	padding: 0 0.3em;
}










.movie-wrap{
  position: relative;
  width:100%;
  padding-top: 56.25%;
  margin:30px auto;
}
.movie-wrap iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ========================= Slider =============================== */

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/* Prev Next Button */

.slick-prev, .slick-next {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
	width:30px;
	height:50px;
    margin-top: -25px;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index:50;
}


.slick-prev::after{
	display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 20px;
    height: 20px;
    margin: auto;
    border-bottom: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform:rotate(135deg);
	   -moz-transform:rotate(135deg);
	    -ms-transform:rotate(135deg);
            transform:rotate(135deg);
}
.slick-next::after{
	display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 20px;
    height: 20px;
    margin: auto;
    border-bottom: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
            transform:rotate(-45deg);
}

.slick-next {
    right: 10px;
}

.slick-prev {
    left: 10px;
}

.slider{
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized{
  opacity: 1;
}