@charset "utf-8";

@media print, screen and (min-width: 580px) {

/* --------------------------------
PC Only Styles
-------------------------------- */

/*	Common class
============================================== */

.pc_only {
display:block!important;
}
img.pc_only {
display:inline-block!important;
}
.sp_only {
display:none!important;
}
.sp_only_inline {
display:none!important;
}
.pc_only_inline {
display:inline!important;
}
.sp_only_inline {
display:none!important;
}
.br_pc_only {
display:block!important;
}
.br_sp_only {
display: inline!important;
}

/*	All
============================================== */
.site-inner{
padding-left: 16px;
padding-right: 16px;
max-width: 1012px;
}

/*	#header
============================================== */
#header .header-inner{
width: 100%;
}

/*	#footer
============================================== */
#footer-wrapper{
text-align:center;
padding-top:50px;

}
#footer-wrapper.hide{
display: block!important;
}
#footer .footer-content-1{
width: 100%;
padding-left: 16px;
padding-right: 16px;
}

/*	#main
============================================== */
#nav-wrapper{
padding-top:40px;
overflow:hidden;
}
#nav-wrapper.hide{
display: block!important;
}
#nav-box{
position:fixed;
top:142px;
width: calc(30.99999vw - 20px);
max-width: 294px;
z-index: 10000;
display: block;
height: calc(100% - 142px);
overflow-x: hidden;
}
#nav-inner{
height:100%;
width: 30.99999vw;
padding-right: 20px;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
overflow-y: scroll;
transform: translateZ(0);
}
#nav-iframe{
max-width: 294px;
}
#home #main{
padding-top:40px;
width:1020px;
min-height: 500px;
max-width:none;
float:none;
}
#main{
padding-top:10px;
width: calc(66.577vw - 20px);
max-width:653.750px;
min-height: 500px;
float: right;
}
#main.hide{
display: block!important;
}
.carousel-slider .slick-slide{
/*padding:0 10px 10px;*/
padding:0 20px 10px 0px;/*add 2018/8/26*/
}
.carousel-slider .slick-slide:last-child{
padding-right: 10px;/*add 2018/8/26*/
}
.pc-screen-1 .image{
float: left;
width: 50%;
}
.pc-screen-2 .image{
float: left;
padding-left: 22px;
}
.pc-screen-2 .desc{
float: right;
padding-left: 22px;
}
.smp-screen-1 .image{
/*float: left;*//*add 2018/8/26*/
width: 33.33333333%;
}

.carousel-2 .smp-screen-1 .image{/*add 2018/8/26*/
width: 64.1%;
}
.carousel-3 .smp-screen-1 .image{/*add 2018/8/26*/
width: 100%;
}

/*	Top
============================================== */
body.top #main h2.title{
width: 75%;
text-align: left;
padding-left:16px;
padding-right:16px;
}
body.top #main p.desc{
width: 91.66666667%;
padding-left:22px;
padding-right:16px;
}

}