@charset "utf-8";

/*FONT FACE*/
@font-face {
  font-family: 'futura';
  src: url('fonts/futura-light.TTF')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'futura-heavy';
  src: url('fonts/futura-heavy.TTF')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: 'yu';
  src: url('fonts/yugothic.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}*/

body {font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;;color:#000;width:100%;font-weight:400;background-color:#fff;font-size:14px;}

.pc_base {
	width:1000px;
	margin-top:20px;
	box-sizing:border-box;
}

.cmsn {
	font-size:35px;
	text-align:center;
	font-weight:600;
	font-family:futura-heavy;
	color:#555;
	border-bottom:2px solid #808000;
	padding-bottom:10px;
	margin:50px 0 100px 0;
}

.img_ct {
	margin:0 auto;
	display:block;
	border-bottom:1px solid #000;
}

.item_setsumei {
	width:1000px;
	margin-top:100px;
	box-sizing:border-box;
}
	
.item_setsumei ul {
	zoom: 1;
	margin-left:-40px;
	width:1100px;
}
.item_setsumei ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.item_setsumei li {
	float: left;
	width:450px;
	margin-right:100px;
	margin-bottom:40px;
}

.item_setsumei li img {
	margin-bottom:10px;
	width:100%;
}

.item_setsumei li p {
	font-size:14px;
	line-height:1.5;
	margin:0 !important;
}

.clr_box {
	width:1000px;
	margin-top:20px;
	box-sizing:border-box;
}
	
.clr_box ul {
	zoom: 1;
	width:1025px;
	padding: 0; /* 追加 */
}
.clr_box ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.clr_box li {
	float: left;
	width:180px;
	margin-right:25px;
	margin-bottom:20px;
	box-sizing:border-box;
	position:relative;
}

.clr_box li img {
	width:100%;
	cursor: pointer;
}

.ztx {
	font-size:14px;
	font-weight:600;
	position:absolute;
	color:#fff;
	left: 5px;
    bottom: 0px;
	z-index:1001;
	border:none;
}
	
.crs_item {
	width:1000px;
	box-sizing:border-box;
	position:relative;
}

.crs_item ul {
	width:950px;
	margin:0 auto;
	padding-left:15px;
	display:block;
}

.crs_item ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

.crs_item li {
	width:180px;
	float:left;
	margin-right:15px;
}

.crs_item li img {
	width:100%;
	margin-bottom:5px;
}

.crs_item li p {
	font-size:11px;
	line-height:1.2;
}

.slick-prev:before, .slick-next:before {
	content: "";
}
button.slick-prev, button.slick-next {
	z-index: 1200;
}
.slick-prev {
	left:5px; /* 任意の値 */
}
.slick-next {
	right:5px; /* 任意の値 */
}
.slick-arrow {
	z-index: 1200;/* 値は適当に */
}


.title-cmn {
	font-size:19px;
	font-family:futura-heavy;
	color:#555;
	border-bottom:2px solid #808000;
	padding-bottom:10px;
	margin-bottom:20px;
}

.title-cmn_jp {
	font-size:19px;
	color:#555;
	font-weight:600;
	border-bottom:2px solid #808000;
	padding-bottom:10px;
	margin-bottom:20px;
}



#open01,#open02,#open03,#open04,#open05,#open06,#open07,#open08,#open09,#open10,
#open11,#open12,#open13,#open14,#open15,#open16,#open17,#open18,#open19,#open20 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position:fixed;
	z-index:9001;
}
 
.close_overlay {
    width: 100%;
    height: 100%;
    display: table-cell;  
    vertical-align: middle;  
    text-align: center; 
    position:fixed;
    background: #000;
    opacity: 0.7;
    z-index:9000;
}
 
.modal_window {
    top: 50%;
    left: 50%;
    margin: -340px 0 0 -325px;
    width: 650px;
    height: 680px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index:9001;
	-moz-background-size:contain;
	background-size:contain; 
	background-repeat:no-repeat;
}
 
.modal_window img {
	display:block;
	margin:5px auto;
	width:640px;
}

.mdclose{
	position:absolute;
	left:45%;
	bottom:5px;
}
 
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
}


/* 追加 */
/* 動画用*/
.movie {
	margin-bottom: 80px;
	text-align: center;
}