/*
Theme Name: ecochil
Theme URI: http://ecochil.med.kyoto-u.ac.jp/
Author: tecochil
Author URI: http://ecochil.med.kyoto-u.ac.jp/
*/

@media screen and (min-width: 767px){
.pc-none{
	display:none;
}}
@media screen and (max-width: 767px){
.sp-none{
	display:none;
}}
.staff_name span{
    color: #000;
}
.midasi{
	color:#009944;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:21px;
	margin-top:30px;
	margin-bottom:10px;
	
}
.midasi2{
	color:#009944;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:21px;
	margin-top:10px;
	margin-bottom:10px;
	
}


.calendar_box{
	margin-top:20px;
	padding-top:20px;
	margin-bottom:20px;
	border-top:#009944 1px solid;
	border-bottom:#009944 1px solid;
}

.calendar{
	float: left;
    width: 120px;
    margin-right: 50px;
    margin-bottom: 20px;
    height: 150px;
}
.calendar2{
	float:left;
	width:120px;
	margin-bottom:20px;
}

.calendar p{
	font-size:13px;
	font-weight:bold;
}
.calendar2 p{
	font-size:13px;
	font-weight:bold;
}

.greetings_box{
}
.greetings_box p{
	float:left;
	width:520px;
	text-align:right;
	margin-top:80px;
}

.greetings_box img{
	float:right;
	width:120px;
	height:144px;
}
.staff_box{
	padding-bottom:20px;
	margin-top:30px;
}

.staff_box img{
	float:left;
	width:120px;
	height:auto;
	margin-right:30px;
}
.staff_p{
	float:left;
	width:512px;
}

.staff_name{
	background-color:#E6EFC1;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	margin-bottom:10px;
}

.t_l {
    padding: 5px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}
.t_r {
    padding: 5px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.newsletter_box{
	float:left;
	margin-right:30px;
	width:587px;
	margin-top:30px;
	
}
.nl_img img{
	width: 184px;
	    height: auto;
}
.nl_img{
	float:left;
	width:184px;
	margin-right:20px;
}
.nl_name{
	float:left;
	width:383px;
}


.newsletter_btn{
	float:left;
	/*width:160px;*/
	margin-top:20px;
}
.newsletter_box2{
	height:260px;
	width:587px;
}
.topics_link1{
	font-size:22px;
	font-weight:bold;
	color:#000000;
	margin-top:84px;
	margin-bottom:10px;
}

.topics_link1 a{
	font-size:22px;
	font-weight:bold;
	color:#000000;
}

.topics_link2{
	font-size:16px;
	font-weight:bold;
	color:#000000;
	margin-bottom:30px;
}

.topics_link2 a{
	font-size:18px;
	font-weight:bold;
	color:#000000;
}
.topics_link_p li a{
	font-size: 15px;
	
}

.topics_link_p li{
	padding-bottom:5px;
	margin-left:0px;
	list-style-type: none;
	
}

.c_r {
    background-color: #FFF;
    border-top: #78533E solid 1px;
    border-right: #78533E solid 1px;
    padding: 5px;
    padding-left: 20px;
}

.c_l {
    background-color: #FFFCD1;
    border-right: #78533E solid 1px;
    border-left: #78533E solid 1px;
    border-top: #78533E solid 1px;
	 padding-left: 20px;
}

.pankuzu {
	margin-top:30px;
}

.pankuzu a{
	color:#009944;
}

.topics_box{
	width:1000px;
	margin-top:20px;
}

.topics_l{
	float:left;
	width:500px;
	margin-right:60px;
}
.topics_l p{
	line-height: 25px
}
.topics_r{
	float:left;
	width:440px;
	height:330px;
}

.t_r a{
	font-size:12px;
}

.soudan_link{
	float:right;
	font-size:15px;
	font-weight:bold;
}
.soudan_link a{
	float:right;
	font-size:15px;
	font-weight:bold;
}
.imgd{
	visibility: hidden; 
	display:none;
	text-indent:-9999px;
}

/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:94%;
    margin:0 auto;
}

.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    /*  margin:0 10px;*/
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
  margin:6px 0 0 0;
}

.slick-dots li {
    display:inline-block;
  margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
	border: none;
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}