@charset "utf-8";
/*ヘッダー*/
#header h1.logo{
background:none;
padding:0;
margin-bottom:0;
}
/*コンテンツ*/
h2{
background:#095FB2;
color:#fff;
border:none;
padding:9px;
margin:0 0 9px 0;
}
/*画像付リスト（概要、アイコンあり）*/
#contentsInner #dateListImgTop,#contentsInner #dateListImg,#contentsInner #dateListTop{
margin-bottom:18px;
}
#dateListImgTop ul.dateListImg,#dateListTop ul.dateList{
margin:0;
display:inline-block;
width:100%;
}
#dateListImgTop ul.dateListImg li,#dateListTop ul.dateList li{
background:none;
padding-left:0;
border-bottom:1px solid #8a8a8a;
padding:0 2%;
margin-bottom:9px;
}
#dateListImgTop ul.dateListImg li a,#dateListTop ul.dateList li a{
background:url(//www.jica.go.jp/mobile/resources/images/sp_arrow_r.png) no-repeat right 45%;
overflow:hidden;
}
#dateListImgTop ul.dateListImg li span.img{
width:29%;
box-sizing:border-box;
float:left;
}
/*画像付リスト概要、アイコンなし）*/
#contentsInner #dateListImgTop_min{
margin-bottom:18px;
}
#dateListImgTop_min ul.dateListImg{
margin:0;
display:inline-block;
width:100%;
}
#dateListImgTop_min ul.dateListImg li{
background:none;
padding-left:0;
border-bottom:1px solid #8a8a8a;
padding:0 2% 9px;
}
#dateListImgTop_min ul.dateListImg li a{
background:url(//www.jica.go.jp/mobile/resources/images/sp_arrow_r.png) no-repeat right 45%;
overflow:hidden;
}
#dateListImgTop_min ul.dateListImg li span.img{
width:29%;
box-sizing:border-box;
float:left;
margin-bottom:9px;
}

@media screen and (min-device-width:480px){
#dateListImgTop ul.dateListImg li span.img{text-align:center;}
#dateListImgTop_min ul.dateListImg li span.img{text-align:center;}
}
/* 画像付リスト詳細（概要、アイコンあり） */
#dateListImgTop ul.dateListImg li span.img img{
width:80px;
height:55.2px;
}
#dateListImgTop ul.dateListImg li span.txt{
width:62%;
box-sizing:border-box;
float:left;
margin-bottom:6px;
}
#dateListImgTop ul.dateListImg li span.icon,#dateListTop ul.dateList li span.icon{
margin-bottom:3px;
}
#dateListImgTop ul.dateListImg li span.explain{
display:none;
}
#dateListImgTop ul.dateListImg li span.date,#dateListTop ul.dateList li span.date{
color:#111111;
font-size:12px;
}
#dateListImgTop ul.dateListImg li.detail,#dateListTop ul.dateList li.detail{
border:1px solid #8a8a8a;
border-radius:5px;
float:right;
width:60px;
padding:5px 10px 5px 30px;
margin-bottom:0;
margin-right:6px;
}
#dateListImgTop ul.dateListImg li.detail a,#dateListTop ul.dateList li.detail a{
background-position:right 50%;
color:#111111;
font-weight:bold;
}
/* 画像付リスト詳細（概要、アイコンなし） */
#dateListImgTop_min ul.dateListImg li span.img img{
width:80px;
height:55.2px;
}
#dateListImgTop_min ul.dateListImg li span.icon{
margin-bottom:3px;
}
#dateListImgTop_min ul.dateListImg li span.explain{
display:none;
}
#dateListImgTop_min ul.dateListImg li span.date{
color:#111111;
font-size:12px;
}
#dateListImgTop_min ul.dateListImg li.detail,
#contentsInner #dateListTop ul.dateList li.detail{
border:1px solid #8a8a8a;
padding:5px 10px 5px 30px;
padding:none;
border-radius:5px;
float:right;
width:60px;
margin-bottom:0;
margin-right:6px;
}
#dateListImgTop_min ul.dateListImg li.detail a,
#contentsInner #dateListTop ul.dateList li.detail a{
background-position:right 50%;
color:#111111;
font-weight:bold;
}
/*画像なしリスト*/
#dateListTop ul.dateList li a{
padding-right:7%;
}
/*メニュー*/
#contentsInner div.list2colImg,
#contentsInner div.list3colImg,
#contentsInner div.list4colImg,
#contentsInner div.list1col,
#contentsInner div.list2col,
#contentsInner div.list3col,
#contentsInner div.list3col2col,
#contentsInner div.list4col{
font-size:14px;
font-weight:bold;
}
#contentsInner div.list2colImg p.button,
#contentsInner div.list4colImg p.button,
#contentsInner div.list2col p.button,
#contentsInner div.list4col p.button{
margin-bottom:9px;
}
#contentsInner div.list2colImg div.listInner.president img{
display:inline-block;
vertical-align:middle;
margin-right:9px;
}
#contentsInner div.list2colImg div.listInner.president span{
display:inline-block;
vertical-align:middle;
width:65.72%;
box-sizing:border-box;
}
div.listInner p{
background:#fff;
}
#contentsInner div.list2colImg,
#contentsInner div.list2col,
#contentsInner div.list4col{
border:none;
margin-bottom:0;
}
#contentsInner div.list2col.floatCol{
background:#095FB2;
padding:9px 0 0 0;
margin-bottom:9px;
}

#contentsInner div.list4col{
background:#EDE8DA;
padding:9px 0 0 0;
margin-bottom:15px;
}
#contentsInner div.list2colImg div.listInner,
#contentsInner div.list1col div.listInner,
#contentsInner div.list2col div.listInner,
#contentsInner div.list4col div.listInner{
width:98%;
padding:0 1%;
margin-right:0;
}
#contentsInner div.list1col {border-bottom:none;margin-bottom:12px;}


/*オフィシャルメディア*/
#contentsInner div.list2col.media{
font-size:12px;
margin-bottom:18px;
}
#contentsInner div.list2col.media div.listInner p.button{
background-image:-moz-linear-gradient(top, #3a98d6, #0156ac);
background-image:-ms-linear-gradient(top, #3a98d6, #0156ac);
background-image:-o-linear-gradient(top, #3a98d6, #0156ac);
background-image:-webkit-linear-gradient(top, #3a98d6, #0156ac);
background-image:linear-gradient(top, #3a98d6, #0156ac);
margin-bottom:0;
}
#contentsInner div.list2col.media div.listInner{
width:48.5%;
margin:0 3% 0 0;
box-sizing:border-box;
float:left;
}
#contentsInner div.list2col.media div.listInner p.button{
padding-left:5% !important;
}
#contentsInner div.list2col.media div.listInner:nth-child(even){
margin-right:0;
}
#contentsInner div.list2col.media div.listInner p.button.sns a{
background:url(//www.jica.go.jp/mobile/resources/images/sp_sns.png) no-repeat left !important;
color:#fff;
}
#contentsInner div.list2col.media div.listInner p.button.mail a{
background:url(//www.jica.go.jp/mobile/resources/images/sp_mail.png) no-repeat left !important;
color:#fff;
}
#contentsInner div.list2col.media div.listInner p.button a span{
width:70%;
padding-left:30%;
}
/*csssprite*/
#dateListImgTop ul.dateListImg li span.icon,#dateListTop ul.dateList li span.icon{
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#dateListImgTop ul.dateListImg li span.icon,#dateListTop ul.dateList li span.icon{
background-image:url(//www.jica.go.jp/mobile/resources/images/csssprite.png);
height:19px;
width:52px;
}
#dateListImgTop ul.dateListImg li span.icon.scene{
background-position:-282px 0;
}
#dateListImgTop ul.dateListImg li span.icon.notice{
background-position:-336px 0;
}
#dateListImgTop ul.dateListImg li span.icon.person{
background-position:-390px 0;
}
#dateListImgTop ul.dateListImg li span.icon.news{
background-position:-444px 0;
}
#dateListTop ul.dateList li span.icon.press{
background-position:-498px 0;
}
#dateListTop ul.dateList li span.icon.jdr{
background-position:-552px 0;
}
#dateListTop ul.dateList li span.icon.info{
background-position:-606px 0;
}
#dateListTop ul.dateList li span.icon.official{
background-position:-660px 0;
}

@media screen and (min-width:768px){
#header h1.logo{
background:#fff;
height:82px;
background: -moz-linear-gradient(top, #f0f9ff 0%, #ffffff 0%, #ffffff 82%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(0%,#ffffff), color-stop(82%,#ffffff), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #f0f9ff 0%,#ffffff 0%,#ffffff 82%,#efefef 100%);
background: -o-linear-gradient(top, #f0f9ff 0%,#ffffff 0%,#ffffff 82%,#efefef 100%);
background: -ms-linear-gradient(top, #f0f9ff 0%,#ffffff 0%,#ffffff 82%,#efefef 100%);
}
#header h1.logo img{
margin:10px 0 12px 6px;
float:none;
width:314px;
height:51px;
}
#dateListImgTop ul.dateListImg li span.img img,#dateListImgTop_min ul.dateListImg li span.img img{
width:100px;
height:69px;
}
#dateListImgTop ul.dateListImg li span.img,#dateListImgTop_min ul.dateListImg li span.img{
text-align:left;
width:16%;
}
#dateListImgTop ul.dateListImg li span.txt,#dateListImgTop_min ul.dateListImg li span.txt{
width:80%;
}
#dateListImgTop ul.dateListImg li span.explain{
display:block;
color:#111111;
font-size:16px;
}
#dateListImgTop ul.dateListImg li span.date,
#dateListTop ul.dateList li span.date,
#dateListImgTop_min ul.dateListImg li span.date{
font-size:14px;
}
#dateListImgTop ul.dateListImg li span.txt,
#dateListTop ul.dateList li,#dateListImgTop_min ul.dateListImg li span.txt{
position:relative;
}
#dateListImgTop ul.dateListImg li span.txt span.date{
position:absolute;
top:-2px;
left:65px;
}
#dateListTop ul.dateList li span.date{
position:absolute;
top:0;
left:2%;
}#dateListTop ul.dateList li span.title{
display:block;
padding:1em 0;
}
#dateListImgTop ul.dateListImg li.detail,#dateListTop ul.dateList li.detail{
*/width:75px;
padding:5px 10px 5px 25px;
/*margin-right:1%;*/
width:60px;
padding:5px 10px 5px 30px;
}

#dateListImgTop_min ul.dateListImg li span.img img{
width:100px;
height:63.2px;
}
#dateListImgTop_min ul.dateListImg li span.txt span.title{
top:1em;
position:relative;
}
#dateListImgTop_min ul.dateListImg li span.txt span.date{
position:absolute;
top:-2px;
left:0;
}

/*メニュー*/
#contentsInner div.list2colImg,
#contentsInner div.list1col,
#contentsInner div.list2col,
#contentsInner div.list4col{
font-size:16px;
padding:0 1%;
}
#contentsInner div.list4col{
padding:12px 1% 0 1%;
}
#contentsInner div.list2colImg div.listInner,
#contentsInner div.list2col div.listInner,
#contentsInner div.list4col div.listInner{
float:left;
padding:0;
}
#contentsInner div.list2colImg p a img{
display:block;
margin:0 auto 6px auto;
}
#contentsInner div.list2colImg p.button a,
#contentsInner div.list2colImg p.button.pc a{
background:none;
}
#contentsInner div.list2col p a,
#contentsInner div.list4col p a,
#contentsInner div.list2colImg p a span{
background:url(//www.jica.go.jp/mobile/resources/images/tab_arrow_r.png) no-repeat right center !important;
}
#contentsInner div.list2colImg p a span{
width:90%;
padding-right:10%;
}
#contentsInner div.list2col p.button.pc a,
#contentsInner div.list4col p.button.pc a,
#contentsInner div.list2colImg p.button.pc a span{
background:url(//www.jica.go.jp/mobile/resources/images/tab_pc.png) no-repeat center right !important;
}
#contentsInner div.list4col a span{
padding:4px 0;
}
/*1カラム*/
#contentsInner div.list1col {border-bottom:none;padding:0;}
#contentsInner div.list1col p.button a {padding:2% 0 2% 2.5%;}
/*2カラム*/
#contentsInner div.list2colImg div.listInner,
#contentsInner div.list2col div.listInner{
width:48.5%;
margin:0 3% 18px 0;
box-sizing:border-box;
}
#contentsInner div.list2colImg div.listInner:nth-child(even),
#contentsInner div.list2col div.listInner:nth-child(even){
margin-right:0;
}
/*4カラム*/
#contentsInner div.list4colImg div.listInner,
#contentsInner div.list4col div.listInner{
width:22.75%;
margin:0 3% 18px 0 !important;
box-sizing:border-box;
}
#contentsInner div.list4colImg div.listInner:nth-child(4n),
#contentsInner div.list4col div.listInner:nth-child(4n){
margin-right:0 !important;
}
/*特殊カラム分け*/
#contentsInner div.list2col.floatCol{
padding:12px 1% 0 1%;
overflow:hidden;
}
#contentsInner div.list2col.floatCol div.listInner p.button{
margin-bottom:0;
}
#contentsInner div.list2col.floatCol div.colL{
float:left;
width:50%;
box-sizing:border-box;
}
#contentsInner div.list2col.floatCol div.colR{
float:left;
width:50%;
box-sizing:border-box;
}
#contentsInner div.list2col.floatCol div.colL div.listInner{
clear:both;
}
#contentsInner div.colL div.list3colImg div.listInner,
#contentsInner div.colL div.list3col div.listInner,
#contentsInner div.colL div.list3col2col div.listInner{
width:46.72%;
margin-right:4.4753086%;
}
#contentsInner div.colL div.list3colImg div.listInner:nth-child(2n),
#contentsInner div.colL div.list3col div.listInner:nth-child(2n),
#contentsInner div.colL div.list3col2col div.listInner:nth-child(2n){
margin-right:0;
}
#contentsInner div.colR div.list3colImg div.listInner,
#contentsInner div.colR div.list3col div.listInner{
width:94.7530864%;
float:right;
margin:0;
}

#contentsInner div.list2colImg div.listInner p.button{
padding-right:12px;
height:136px;
}
#contentsInner div.list2colImg p.button a{
padding-top:54px;
}
#contentsInner div.list2colImg div.listInner.president p.button a{
padding:10px 0 10px 10px;
}
#contentsInner div.list2colImg div.listInner.president p.button a img{
margin:0 12px 0 0;
}
#contentsInner div.list2colImg div.listInner.president p.button a span{
padding-right:0;
width:70%;
}

#contentsInner div.list2col.floatCol .colL .listInner,
#contentsInner div.list2col.floatCol .colR .listInner{
width:97%;
margin-bottom:12px;
}
#contentsInner div.list2col.floatCol .colL .listInner p,
#contentsInner div.list2col.floatCol .colR .listInner p{
height:44px;
}
#contentsInner div.list2col.floatCol .colL .listInner p a,
#contentsInner div.list2col.floatCol .colR .listInner p a{
padding:9px;
}
#contentsInner div.list2col.floatCol .colR .listInner{
margin:0 0 0 3%;
}
#contentsInner div.list2col.floatCol .colR .listInner p{
height:102px;
}
#contentsInner div.list2col.floatCol .colR .listInner .button a{
margin-top:15px;
}
#contentsInner div.list2col.floatCol .colR .listInner .button a span{
width:100%;
}
#contentsInner div.list2col.floatCol .colR .listInner .button a span span{
font-size:14px;
}
#contentsInner div.list4col div.listInner{
margin-bottom:12px !important;
}
#contentsInner div.list4col div.listInner p.button{
margin-bottom:0;
}
#contentsInner div.list2col.media{
font-size:14px;
}
#contentsInner div.list2col.media div.listInner p.button a span{
padding-left:10%;
}
}
@media screen and (min-width:1024px){
#contentsInner div.list2colImg div.listInner.president p.button a span{
padding-right:0;
width:78%;
}
}
@media screen and (min-width:768px){
#dateListImgTop_min ul.dateListImg li span.txt{
width:62%;
box-sizing:border-box;
float:left;
margin-bottom:15px;
}
#dateListImgTop ul.dateListImg li a, #dateListTop ul.dateList li a{
background:url(//www.jica.go.jp/mobile/resources/images/tab_arrow_r.png) no-repeat right 45%;
overflow:hidden;
}
#dateListImgTop_min ul.dateListImg li.detail a,
#dateListImgTop ul.dateListImg li.detail a, #dateListTop ul.dateList li.detail a{
background:url(//www.jica.go.jp/mobile/resources/images/sp_arrow_r.png) no-repeat right 45%;
overflow:hidden;
}
#dateListImgTop_min ul.dateListImg li a{
background:url(//www.jica.go.jp/mobile/resources/images/tab_arrow_r.png) no-repeat right 45%;
overflow:hidden;
}
}
@media screen and (max-width: 767px) {
#dateListImgTop_min ul.dateListImg li span.txt{
width:62%;
box-sizing:border-box;
float:left;
margin-bottom:6px;
}
}
/*【FlexSlider2】*/
/*=======================
 * RESETS
=======================*/
.flex-container a:hover, .flex-slider a:hover { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/*=======================
 * BASE STYLES
=======================*/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; background: url(none); }
.flexslider .slides img { display: block; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
/*=======================
 * DEFAULT THEME
=======================*/
.flexslider { margin: 0px; background: transport; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { 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; }
/*=======================
 * CUSTOMIZE
=======================*/
#contents #contentsInner #slideCcontainer { background: rgba(246, 246, 246, 1); background: -moz-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246, 246, 246, 1)), color-stop(0%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 );
}
#contents #contentsInner #slideCcontainer #main .slider .flexslider { margin: 0; padding: 0; }
#contents #contentsInner #wrapper, #contents #contentsInner #wrapper #slideCcontainer, #contents #contentsInner #wrapper #slideCcontainer #main, #contents #contentsInner #wrapper div { margin-bottom: 0px; }
/*paging*/
.flex-control-nav { width: 100%; text-align: center; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #0156ac; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #0156ac; }
.flex-control-paging li a.flex-active { background: #34a5d4; cursor: pointer; }
/*direction-nav*/
.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; }
/*loading*/
.loading #contentsInner #wrapper { border: 4px solid #fff; }
#contentsInner #wrapper, .loading #contentsInner #wrapper { border: 4px solid #fff; }
#contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { width: 100%; display: block; height: auto; -moz-user-select: none; padding: 0px; margin: 0px auto; }
.loading #contents #contentsInner #slideCcontainer, .loading #contents #contentsInner #slideCcontainer #main { opacity:0; }
.loading #contentsInner #wrapper { background: rgba(246, 246, 246, 1);
background: -moz-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246, 246, 246, 1)), color-stop(0%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0%, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 ); }
/*loading_animetion*/
.sk-circle { display: none; }
.loading .sk-circle { width: 80px; height: 80px; position: relative; display: block; background:transparent;}
.loading .sk-circle div { margin: 0; }
.loading .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.loading .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #ccc; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.loading .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.loading .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.loading .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.loading .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
.loading .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.loading .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.loading .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
.loading .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
.loading .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.loading .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
.loading .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
.loading .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.loading .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
.loading .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.loading .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.loading .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.loading .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.loading .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.loading .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.loading .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.loading .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.loading .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0); }
40% { -webkit-transform: scale(1);  transform: scale(1); }}
@keyframes sk-circleBounceDelay { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0); }
40% { -webkit-transform: scale(1); transform: scale(1); }}
/*=======================
 * RESPONSIVE
=======================*/
/*Tablet*/
@media screen and (min-width:768px) { #contentsInner #wrapper, .loading #contentsInner #wrapper { height:320px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:625px; } .loading .sk-circle { margin: 95px auto 0; } #contents #contentsInner #wrapper #slideCcontainer #main .slider .flexslider .flex-viewport .slides .flex-active-slide a { display: block; margin: 0 auto; max-width: 625px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider { margin: 0 auto; padding: 0; display: block; width: 625px; } }
/*smartPhone*/
@media screen and (max-width:767px) { #contents #contentsInner #wrapper #slideCcontainer #main .slider .custom-controls-container ol li { font-size:16px; margin-top: 0.5em; }  }
@media screen and (max-width:767px) and (min-width:640px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:320px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:625px; } .loading .sk-circle { margin: 95px auto 0; } #contents #contentsInner #wrapper #slideCcontainer #main .slider .flexslider .flex-viewport .slides .flex-active-slide a { display: block; margin: 0 auto; max-width: 625px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider { margin: 0 auto; padding: 0; display: block; width: 625px; } }
@media screen and (max-width:639px) and (min-width:625px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:310px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:625px; } .loading .sk-circle { margin: 85px auto 0; } #contents #contentsInner #wrapper #slideCcontainer #main .slider .flexslider .flex-viewport .slides .flex-active-slide a { display: block; margin: 0 auto; max-width: 625px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider { margin: 0 auto; padding: 0; display: block; width: 625px; } }
@media screen and (max-width:624px) and (min-width:600px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:300px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 85px auto 0; } }
@media screen and (max-width:599px) and (min-width:568px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:280px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 85px auto 0; } }
@media screen and (max-width:567px) and (min-width:543px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:270px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 85px auto 0; } }
@media screen and (max-width:542px) and (min-width:518px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:260px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 80px auto 0; } }
@media screen and (max-width:517px) and (min-width:493px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:250px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 75px auto 0; } }
@media screen and (max-width:492px) and (min-width:468px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:240px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 70px auto 0; } }
@media screen and (max-width:467px) and (min-width:443px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:230px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 65px auto 0; } }
@media screen and (max-width:442px) and (min-width:418px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:220px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 60px auto 0; } }
@media screen and (max-width:417px) and (min-width:393px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:210px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 55px auto 0; } }
@media screen and (max-width:392px) and (min-width:374px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:200px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 50px auto 0; } }
@media screen and (max-width:375px) and (min-width:360px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:190px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 45px auto 0; } }
@media screen and (max-width:359px) and (min-width:321px){  #contentsInner #wrapper, .loading #contentsInner #wrapper { height:180px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 30px auto 0; } }
@media screen and (max-width:320px){ #contentsInner #wrapper, .loading #contentsInner #wrapper { height:170px; } #contents #contentsInner #slideCcontainer #main .slider .flexslider .slides li img { max-width:100%; } .loading .sk-circle { margin: 35px auto 0; } }
/*otherLang*/
#contents #contentsInner .otherLang ul {display: flex; align-items:stretch; justify-content:space-around; display: -webkit-flex; -webkit-align-items: stretch; -webkit-justify-content: space-around;margin-bottom:6em;margin-left:0;}
#contents #contentsInner .otherLang ul li {background: rgba(0, 0, 0, 0) linear-gradient(#ffffff 0%, #ffffff 50%, #fafafa 100%) repeat scroll 0 0;border: 1px solid #e3e6e9;box-sizing: border-box;display: inline-block;font-weight: bold;text-align: left;width: 23.33%;margin-bottom:0;padding-left:0;border-radius: 4px;}
#contents #contentsInner .otherLang ul li a{display: block;padding: 8% 0px;text-align: center;color: #0051a3;}
#contents #contentsInner .otherLang ul li a:visited,
#contents #contentsInner .otherLang ul li a:hover,
#contents #contentsInner .otherLang ul li a:active,
#contents #contentsInner .otherLang ul li a:link {color: #0051a3;}
#contents #contentsInner .otherLang ul li.here a:link, 
#contents #contentsInner .otherLang ul li.here a:visited, 
#contents #contentsInner .otherLang ul li.here a:hover,
#contents #contentsInner .otherLang ul li.here a:active {color: #FFFFFF;	
background-image:-moz-linear-gradient(top, #3a98d6, #0156ac);
background-image:-ms-linear-gradient(top, #3a98d6, #0156ac);
background-image:-o-linear-gradient(top, #3a98d6, #0156ac);
background-image:-webkit-linear-gradient(top, #3a98d6, #0156ac);
background-image:linear-gradient(top, #3a98d6, #0156ac);
border-radius: 4px;}
/*Update*/
#contentsInner #dateListTop{margin-bottom:18px;}
#contentsInner #dateListTop ul.dateList li{padding: 0 2% 9px;}
#contentsInner #dateListTop ul.dateList li span.txt{box-sizing:border-box; margin-bottom:6px; display:block;}
@media screen and (min-width:768px) {
#contentsInner #dateListTop ul.dateList li span.txt{margin-bottom:0;}
}
#dateListImgTop_min ul.dateListImg li a > span{display:flex; justify-content:flex-start; align-items:center;}
#dateListImgTop_min ul.dateListImg li span.img{width:auto; margin-right:1rem; float:none;}
#dateListImgTop_min ul.dateListImg li span.img img{width:120px; height:90px;}
#dateListImgTop_min ul.dateListImg li span.txt{width:auto; padding-right:2rem; float:none;}
@media screen and (max-width:767px){
#dateListImgTop_min ul.dateListImg li span.img img{width:100px; height:75px;}
}