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

html{
height: 100%;
}
body{
height: 100%;
text-align:center;
/**/font-size: 1.2rem;
}
img{
max-width:100%;
}

/**/
#wrap_in{
width:100%;
}
header{
width:100%;
margin:20px 0 10px 0;
}
header .slide{
width:100%;
background:
url("../img/boxbg_tL02.png") no-repeat scroll 0 0px, /*左上*/
url("../img/boxbg_tR02.png") no-repeat scroll 100% 0px, /*右上*/
url("../img/boxbg_bR.png") no-repeat scroll 100% 100%, /*右下*/
url("../img/boxbg_bL.png") no-repeat scroll 0 100%, /*左下*/
url("../img/boxbg_troop02.png") repeat-x scroll 0px 0, /*上ループ*/
url("../img/boxbg_broop.png") repeat-x scroll 0px 100%, /*下ループ*/
url("../img/boxbg_L.png") repeat-y scroll 0 0px, /*左ループ*/
url("../img/boxbg_R.png") repeat-y scroll 100% 0px ;/*右ループ*/
}

header img{
width:94%;
height:auto;
padding:2.4% 0 3.6% 2.4% ;
border-radius: 6px;        /* */  
-webkit-border-radius: 6px;    /* */  
-moz-border-radius: 6px;   /*  */  
}  


/*common*/
.grid{
text-align:left;
margin:0 0 10px 0;
}
.conbox{
width:92%;
height:120px;
background:#FFF;
margin:0 auto 20px 16px;
text-align:left;
display: inline-block;
vertical-align: top;
}
.grid h2{
width:100%;
height:auto;
white-space:nowrap;
text-indent: 100%;
overflow: hidden;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
display:none;
}

/*新規追加ここから*/
#switch_lan{
width:100%;
background:#FFF;
border-bottom:2px solid #02A2E5;
}
#switch_lan ul{
margin:0 auto;
}
#switch_lan ul li{
float:left;
width:22%;
margin:5px 1.5%;
white-space:nowrap;
text-indent: 100%;
overflow: hidden;
background:#EA6DA4;
border-radius:20px;
}
#switch_lan ul li a,
#switch_lan ul li span{
display:block;
padding:10px 0;
}
#switch_lan ul li:hover,
#switch_lan ul li.now{
background:#54C2F0;
}
#switch_lan ul li.btJP a{background:url(../img/lanJP.png) center center no-repeat;background-size:contain;}
#switch_lan ul li.btEN a{background:url(../img/lanEN.png) center center no-repeat;background-size:contain;}
#switch_lan ul li.btKR a{background:url(../img/lanKR.png) center center no-repeat;background-size:contain;}
#switch_lan ul li.btTW a{background:url(../img/lanTW.png) center center no-repeat;background-size:contain;}

/*新規追加ここまで*/


/*----------newsbox&twibox----------*/
#newsbox,#twibox{
width:100%;
background:
url("../img/boxbg_tL.png") no-repeat scroll 0 0px, /*左上*/
url("../img/boxbg_tR.png") no-repeat scroll 100% 0px, /*右上*/
url("../img/boxbg_bR.png") no-repeat scroll 100% 100%, /*右下*/
url("../img/boxbg_bL.png") no-repeat scroll 0 100%, /*左下*/

url("../img/boxbg_troop.png") repeat-x scroll 0px 0, /*上ループ*/
url("../img/boxbg_broop.png") repeat-x scroll 0px 100%, /*下ループ*/
url("../img/boxbg_L.png") repeat-y scroll 0 0px, /*左ループ*/
url("../img/boxbg_R.png") repeat-y scroll 100% 0px ;/*右ループ*/
}
#newsbox{
margin:30px 0 0 0;
}
#twibox{
margin:10px 0 0 0;
}
#newsbox .conbox{
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#newsbox h2{
height:64px;
background:url(../img/boxbg_titleNews.png) no-repeat -8px top;
background-size:304px;
}
#newsbox .conbox dl{
padding:10px 10px 10px 5px;
}
#newsbox .conbox dl dt{
padding:0.5em 0 0.5em 0 ;
font-weight:bold;
}
#newsbox .conbox dl dd{
border-bottom:1px dotted #EA6DA4;
padding:0 0 0.5em 0;
}
#twibox .conbox{
height:230px;
}
#twibox h2{
height:90px;
background:url(../img/boxbg_titleTwitter.png) no-repeat 10px top;
background-size:176px;
}
#twibox h2 span.btfollow{
display:block;
text-indent:0;
text-align:center;
margin:48px 0 0 0;
}
#twibox .conbox .twitWidg{
}
/*iframe調整*/
#twitter-widget-1[style]{ 
max-width: 100% !important;
}
.twitter-timeline {
width:100%;
height: 120px;
}


/*----------SNS----------*/
#SNS {
width:100%;
}
#SNS ul{
padding-top:12px;
text-align:center;
}
#SNS ul li{
width:25%;
display:inline-block;
text-align:center;
margin:0 0 20px 0;
}
#SNS ul li a{
display:block;
min-height:64px;
white-space:nowrap;
text-indent: 100%;
overflow: hidden;
background:#666;
}

#SNS ul li.bt_fa a{background:url(../img/bt_share_fa.jpg) no-repeat center center;background-size:contain;}
#SNS ul li.bt_tw a{background:url(../img/bt_share_tw.jpg) no-repeat center center;background-size:contain;}
#SNS ul li.bt_li a{background:url(../img/bt_share_li.jpg) no-repeat center center;background-size:contain;}

/*----------backtop----------*/
.backtop{
clear:both;
width:100%;
white-space:nowrap;
text-indent: 100%;
overflow: hidden;
margin:0 auto;
}
.backtop p{
padding-top:10px;
}
.backtop p a{
display:block;
padding-top:5%;
padding-bottom:12px;
background:url(../img/bt_backtop_sp.png) no-repeat center 15%;
background-size:contain;
}

/*----------footer----------*/
footer{
clear:both;
width:100%;
margin:30px auto 0;
position: relative;
overflow: hidden;
}
footer .copy{
clear:both;
width:90%;
margin:20px auto 10px;
padding-top:5.2%;
background: url(../img/footer_txt02.gif) center top no-repeat ;
background-size:contain;
text-indent:-99999px;
}

footer{
clear:both;
width:100%;
margin:0 auto ;
text-align:center;
}