/*------------------------------
  スマホ用
------------------------------- */
@import url("reset.css");
@import url("image_s.css");
@import url("smobi.css");


/* TOPイメージ
------------------------------- */
#img_top{
padding:0 4% 0%;
}
#img_top h2{
width:56.8%;
position:absolute;
top:-4%;
left:0;
z-index:100;
}
.bx-wrapper{
margin:0 0 40px;
}
#img_top .bx-viewport{
border:3px solid #F5B79E;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.bx-wrapper .bx-pager a{
display:inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
position:relative;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#1E50A2;
}


/* お知らせ
------------------------------ */
#news{
}
#news h2{
margin:0 30% 2%;
}
#tab:after{
content:"";
display:block;
clear:both;
}
#tab li{
width:50%;
float:left;
position:relative;
}
#tab li:after{
content:"";
background:#fff;
display:block;
height:2px;
width:100%;
position:absolute;
z-index:1;
bottom:0;
left:0;
}
#tab li.select:after{
display:none;
}
#board section{
background-image:url(../gazou/mobi/bg1.png);
-webkit-background-size:20px auto;
background-size:20px auto;
padding:3%;
min-height:100px;
}
#board section.hide{
display:none;
}
#board section.select{
display:block;
}
#news1{
background:#D6EEF6;
}
#news2{
background:#F6E0EB;
}
#news .box{
background:#fff;
-webkit-border-radius: 6px;
border-radius: 6px;
padding:2% 3% 4%;
margin:0 0 2%;
}
#news .box ul{
margin:0 0 4%;
}
#news .btn_news{
text-align:center;
}
#news #board li{
border-bottom:1px dotted #CACACA;
}
#news #board li a{
display:block;
padding:10px 0;
text-decoration:none;
font-size:16px;
letter-spacing:-0.0001em;
color:#000;
line-height:1.2;
}
#news li a .date{
display:inline-block;
width:110px;
font-size:14px;
}
#news li .ctgname{
font-size:14px;
display:inline-block;
padding:0 10px;
line-height:20px;
}
#news1 .ctgname{
background:#A4DAE3;
}
#news2 .ctgname{
background:#F0A4A4;
}
#news li .tit{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
margin:6px 0 0;
}
#news .btn_blog{
margin:0 4%;
}


/* concept
------------------------------- */
#concept{
background:url(../gazou/mobi/bg_concept1.jpg) no-repeat left top,url(../gazou/mobi/bg_concept2.jpg) no-repeat right top;
-webkit-background-size:auto 100%,auto 100%;
background-size:auto 100%,auto 100%;
position:relative;
}
#concept:after{
content:"";
display:block;
clear:both;
}
#concept h2{
padding:10% 12% 2%;
text-align:center;
}
#concept .txt_concept{
margin:0 12% 3%;
line-height:1.8;
font-size:16px;
}
#concept ul{
padding:0 3% 4%;
}
#concept ul:after{
content:"";
display:block;
clear:both;
}
#concept li{
width:29.333%;
margin:0 2%;
float:left;
}


/* フォトアルバム
------------------------------- */
#photo{
background:#FFF7BA;
padding:5% 0 16%;
}
#photo h2{
text-align:center;
margin:0 6% 3%;
}
.tit_photo{
display:none;
}
#photo ul{
margin:0 1% 3%;
}
#photo ul:after{
content:"";
display:block;
clear:both;
}
#photo li{
width:21%;
float:left;
margin:0 2%;
}
#photo li .photo{
display:block;
padding:100% 0 0;
overflow:hidden;
box-shadow:0px 0px 3px 3px #B5E2FA;
-webkit-border-radius:50%;
border-radius:50%;
position:relative;
}
#photo li .photo img{
max-width:200%;
width:200%;
display:block;
position:absolute;
top:-25%;
left:-25%;
}
#photo li .title{
display:none;
}
#photo .btn{
text-align:center;
}


/* dl
------------------------------- */
.btn_dl{
text-align:center;
}
.btn_dl img{
width:80%;
margin-top:50px;
}