@charset "utf-8";
body {-webkit-text-size-adjust:100%;}
img {max-width:98%;height:auto;}
object {max-width:98%;}
table,iframe {width:98%;}
textarea,input {width:80%;}

h1,#TOP,#MAIN,#CONTENTS,#CONTENTS2,.f-menu {width:100%;}
.box180,.box200,.box220,.box240,.box300,.box320,.box340,.box360,.box420,.box460,.box520,.box620,.box700 {width:94%;}

h1 {padding: 12px 0 2px 0;}
#LOGO {text-align:center;}
.btn-top01,#search_content {position:static;width:100%;text-align:center;}
.btn-top02,.btn-top03 {position:static;width:100%;text-align:center;}

#BNR-HOME,#BNR-DIR01,#BNR-DIR02,#BNR-DIR03 {display:none;}
#BNR-HOME-SP01,#BNR-SP01 {display:inline;}
#slider-c1,#SLIDER-C3,#SLIDER-C4 {max-width:100%;}
#slider-c1-navi {display:none;}

#MENU,#SIDE,#SIDE2 {display:none;}
#MENU-SP1,#slidemenu,#MENU-SP2 {display:inline;}
.menu-sp1 {line-height:55px;margin-top:10px;}
.menu-sp1 a {color: #fff;font-size:12px;font-weight:bold;text-decoration:none;background:url(../img-layout/ico_arrow03.gif) no-repeat center left;padding: 0 4px 0 14px;margin: 0 10px;}
.menu-sp2 {width:100%;background-color:#F3F3F3;}

#MAIN-PAD,#CONTENTS2-PAD,#F-MENU {padding:0;}

#MAIN .flo-l,#MAIN .flo-r,#MAIN img.flo-l,#MAIN img.flo-r,#MAIN img.img-m {float:none;display:block;}

#CONTENTS h2,.con_h2 {margin: 30px 5px 0 5px;}
.sfc {border:none;margin:0;}
.sfc-h2 {margin: 30px 5px 0 5px;}

.masonry7,.masonry8,.masonry9,.masonry73 {margin:0;}
.masonry5 img,.masonry6 img,.masonry7 img,.masonry8 img,.masonry9 img,.masonry73 img {max-width:100%;height:auto;}
.masonry5 .box,.masonry6 .box,.masonry7 .box,.masonry8 .box,.masonry9 .box,.masonry73 .box {margin: 20px 10px 10px 10px;}
.masonry5 .box1,.masonry6 .box1,.masonry7 .box1,.masonry8 .box1,.masonry9 .box1,.masonry73 .box1 {width:140px;}
.masonry5 .box2,.masonry6 .box2,.masonry7 .box2,.masonry8 .box2,.masonry9 .box2,.masonry73 .box2,
.masonry5 .box3,.masonry6 .box3,.masonry7 .box3,.masonry8 .box2,.masonry9 .box2,.masonry73 .box3,
.masonry5 .box4,.masonry6 .box4,.masonry7 .box4,.masonry8 .box2,.masonry9 .box2,.masonry73 .box4 {width:300px;}

/*___________ slidemenu ___________ */
#WRAP {background:#fff;-webkit-transform:translate3d(0px, 0px, 1px);-webkit-transition: .2s -webkit-transform ease-in-out;z-index:1;}
#WRAP.show {-webkit-transform:translate3d(240px, 0px, 1px);min-width:320px;}
#slidemenu.show {height:100%;visibility:visible;z-index:1;-webkit-transition: z-index 0s linear .2s;}
#slidemenu_contents {display:none;height:100%;position:relative;width:240px;}
#slidemenu {
background-color: #333;
left: 0;
top: 0;
position: fixed;
visibility: hidden;
z-index: -1;
-webkit-transition: visibility 0s linear .2s;
}
#slidemenu li {
width : 220px;
background-color: #333;
border-top: 1px solid #4D4D4D;
border-bottom: 1px solid #1a1a1a;
font-size:14px;
line-height: 1.8;
padding:10px 0 10px 20px;
}
#slidemenu li a {display:block;text-decoration:none;color:#fff;}
#slidemenu li:first-child {border-top: 1px solid #4D4D4D;}
#slidemenu li:last-child {border-bottom: 1px solid #1a1a1a;margin-bottom:49px;}
#slidemenu ul {padding-bottom:49px;}
/*___________ 【BNR-SP01】 ___________ */
#WRAP-BNR-SP01 {
position: relative;
}
#BNR-SP01 {
}
#BNR-SP01 .bnr1 img {
max-width:100%;
height:auto;
}
/*___________ slider-sp1 ___________ */
#slider-sp1 {
height:auto;
background : #fff url(../img-layout/loading.gif) no-repeat 50% 50%;
}
#BNR-SP01 .bx-prev {
position: absolute;
left: 5px;
top: 40%;
background : url(../img-layout/ico_prev.png) no-repeat;
}
#BNR-SP01 .bx-next {
position: absolute;
right: 5px;
top: 40%;
background : url(../img-layout/ico_next.png) no-repeat;
}
#BNR-SP01 a.bx-prev,
#BNR-SP01 a.bx-next {
overflow: hidden;
width: 32px;
height: 32px;
text-indent: 34px;
}
#BNR-SP01 a:hover.bx-prev {
background : url(../img-layout/ico_prev_o.png) no-repeat;
}
#BNR-SP01 a:hover.bx-next {
background : url(../img-layout/ico_next_o.png) no-repeat;
}