body {
	background-color: #fff;
}


/* Style for PCs */
@media screen and (min-width: 1200px) {
	
	/*-------------------------------------------------------------------------------------*/
	/* Slider */
	/*-------------------------------------------------------------------------------------*/
	#topsection {
		width: 100%;
		height: 400px;
		display: block;
	}
	#slidemm_smp {
		display: none;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* Line01 */
	/*-------------------------------------------------------------------------------------*/
	
	#line01 {
		width: 100%;
		height: auto;
        padding: 0 !mportant;
		display: block;
	}
	#line01 #line01body {
		width: 100%;
		height: auto;
		display: block;
	}
	#line01 #line01body ul#newused {
		width: 100%;
		max-width: 1200px;
		height: 80px;
		display: block;
		margin: 0 auto;
	}
	#line01 #line01body ul#newused li {
		width: 50%;
		height: 80px;
		display: block;
		float: left;
	}
	#line01 #line01body ul#newused li a {
		width: 100%;
		height: 80px;
		display: block;
		line-height: 80px;
		color: #fff;
		text-decoration: none;
		padding: 0 20px 0 80px;
		background-image: url(../img/index/arrow-d.png);
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 50px 50px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
		text-decoration:none;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	#line01 #line01body ul#newused li a#ind_bn-new {
		background-color: #996600;
	}
    #line01 #line01body ul#newused li a#ind_bn-used,
    #line01 #line01body ul#newused li a#ind_bn-search {
		background-color: #006699;
	}
	#line01 #line01body ul#newused li a#ind_bn-new:hover {
        background-color: #b37700;
	}
    #line01 #line01body ul#newused li a#ind_bn-used:hover,
    #line01 #line01body ul#newused li a#ind_bn-search{
        background-color: #0077b3;
	}
	#line01 #line01body ul#newused li a h2 {
		font-size: 40px;
		font-weight: 100;
		float: left;
        padding-top: 4%;
		letter-spacing: -1px;
	}
	#line01 #line01body ul#newused li a p {
		font-size: 14px;
		font-weight: 300;
		float: right;
	}
    /* search */
    #line01 #line01body ul#searchnewused {
		width: 100%;
		max-width: 1200px;
		height: 80px;
		display: block;
		margin: 0 auto;
	}
	#line01 #line01body ul#searchnewused li {
		width: 100%;
		height: 80px;
		display: block;
		float: left;
	}
	#line01 #line01body ul#searchnewused li a {
		width: 100%;
		height: 80px;
		display: block;
		line-height: 80px;
		color: #fff;
		text-decoration: none;
		padding: 0 20px 0 80px;
		background-image: url(../img/index/arrow-d.png);
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 50px 50px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
		text-decoration:none;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-new {
		background-color: #996600;
	}
    #line01 #line01body ul#searchnewused li a#ind_bn-used,
    #line01 #line01body ul#searchnewused li a#ind_bn-search {
		background-color: #006699;
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-new:hover {
        background-color: #b37700;
	}
    #line01 #line01body ul#searchnewused li a#ind_bn-used:hover,
    #line01 #line01body ul#searchnewused li a#ind_bn-search {
        background-color: #0077b3;
	}
	#line01 #line01body ul#searchnewused li a h2 {
		font-size: 40px;
		font-weight: 100;
		float: left;
        padding-top: 1.5%;
		letter-spacing: -1px;
	}
	#line01 #line01body ul#searchnewused li a p {
		font-size: 14px;
		font-weight: 300;
		float: right;
	}
    
    /* Search StatusTag */
    .search .product-items ul.status-tag {
        position: absolute;
        top: 15%;
        right: -6%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(255,255,255,0);
    }
    .search .product-items ul.status-tag .nego {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C60;
        padding: 2px;
        margin-bottom: 2px;
        margin-left:30px;
    }
    .search .product-items ul.status-tag .soldout {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 2px;
        margin-bottom: 2px;
        margin-left:30px;
    }
    .search .product-items ul.status-tag .new {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 2px;
        margin-bottom: 2px;
        margin-left:30px;
    }
    .search .product-items ul.status-tag .trust {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 2px;
        margin-bottom: 2px;
        margin-left:30px;
    }
    .search .product-items ul.status-tag .arrival {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
        margin-left:30px;
    }
    
    /* Search StatusTag */
    .row ul.status-tag .nego {
        font-size: 1rem;
        text-align: center;
        color: #FFF;
        background-color: #C60;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .soldout {
        font-size: 1rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .new {
        font-size: 1rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .trust {
        font-size: 1rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .arrival {
        font-size: 1rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    .boatprice {
        border: 1px #ccc solid;
        text-align: center;
        margin-bottom: 10px;
    }
    .boatprice span {
        color: #F00;
    }
    .boatprice strong {
        font-size: 3rem;
        padding: 0 5px;
    }
    
	
	/*-------------------------------------------------------------------------------------*/
	/* Slide box */
	/*-------------------------------------------------------------------------------------*/
	
	.open{
		cursor: pointer;
	}
	.open2{
		cursor: pointer;
	}
	#slideBox{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #960;
		border-bottom: 2px solid #960;
	}
	#slideBox2{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #069;
		border-bottom: 2px solid #069;
	}
    #SearchBox{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #069;
		border-bottom: 2px solid #069;
	}
    
	.sbbody {
		width: 100%;
		max-width: 1200px;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 1%;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* New boat */
	/*-------------------------------------------------------------------------------------*/
	
	ul#newboatlinks li {
		width: 16.6666667%;
		height: auto;
		display: block;
		float: left;
		padding: 0.5%;
	}
	ul#newboatlinks li a {
		width: auto;
		height: auto;
		display: block;
		text-decoration: none;
		font-size: 12px;
		line-height: auto;
		color: #444;
		background-color: #fff;
		border: 1px solid #d5d5d5;
		padding: 30px 5% 30px;
		text-align: center;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	ul#newboatlinks li a:hover {
		background-color: #f8f8f8;
		border: 1px solid #3B87CA !important;
	}

    /* searchBox CheckBox */
    #seachboatlinks {
            margin: 0;
     }
    .o-scolumn .check-btn {
        padding: 0 5px;
        width: 100%;
    }
    #seachboatlinks label{
        width: 100%;
      cursor: pointer;
      text-decoration: none;
            font-size: 12px;
            line-height: auto;
            color: #444;
            background-color: #fff;
            border: 1px solid #d5d5d5;
            padding: 30px 0 30px;
            text-align: center;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
    }
    #seachboatlinks input{
      display: none;
    }
    #seachboatlinks .check_box:checked + .label {
        color: #FFF;
      background-color: #3B87CA;
    }
    
    /* divbox */
    .divbox {
        padding: 0 15px;
    }
    .divbox .divinnerbox {
        padding: 0 2px;
        width: 100%;
    }

    .divbox .divinnerbox .formbox33p {
		width: 100%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
    }
    .divbox .divinnerbox .formbox33h {
		width: 47.3333333%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
    }
	
	/*--- Makerlogos ---*/
	ul#newboatlinks li a.makes {
		background-size: auto 90px;
	}
    ul#newboatlinks li a#makes-fairline {
		background-image: url(../img/index/maker/fairline.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-grandbanks {
		background-image: url(../img/index/maker/grandbanks.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-tartan_yachts {
		background-image: url(../img/index/maker/tartanyacht.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-hinckley {
		background-image: url(../img/index/maker/hinckley.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-cc_yachts {
		background-image: url(../img/index/maker/cc.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-zodiac {
		background-image: url(../img/index/maker/zodiac.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-truenorth {
		background-image: url(../img/index/maker/truenorth.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-sunseeker {
		background-image: url(../img/index/maker/sunseeker.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-yamaha {
		background-image: url(../img/index/maker/yamaha.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-yanmar {
		background-image: url(../img/index/maker/yanmar.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-suzuki {
		background-image: url(../img/index/maker/suzuki.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-toyota {
		background-image: url(../img/index/maker/toyota.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-other {
		background-image: url(../img/index/maker/other.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* Used boat */
	/*-------------------------------------------------------------------------------------*/
	
	#usedboatmm .sebox {
		padding-top: 5px;
	}
	#usedboatmm li.line3m {
		width: 33.3333333333%;
		height: auto;
		display: block;
		padding: 0 1%;
		float: left;
	}
    #usedboatmm li.line4m {
		width: 25%;
		height: auto;
		display: block;
		padding: 0 1%;
		float: left;
	}
	#usedboatmm a {
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#usedboatmm a#typeic-boat {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_boat.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #006699;
	}
    #usedboatmm a#typeic-pwc {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_pwc.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #069;
	}
	#usedboatmm a#typeic-yacht {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_yacht.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #069;
	}
	#usedboatmm a#typeic-jboat {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_jboat.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #069;
	}
	#usedboatmm a:hover {
		color: #006699 !important;
		background-color: #f8f8f8;
		border: 1px solid #069 !important;
	}
	.formbox100p {
		width: 100%;
		height: auto;
		padding: 3px;
		display: block;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
	.formbox45p {
		width: 49%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
    .formbox33p {
		width: 33%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
    .divbox .divinnerbox .formbox33h {
		width: 47.3333333%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
    }
    .searchbn {
		width: 49%;
		height: 40px;
		display: block;
		text-align: center;
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 auto;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		float: right;
	}
	.searchbn:hover {
        color: #ffffff !important;
        text-decoration: none;
		background-color: #0077b3;
	}
    .search-num {
        color: #F00;
        font-size: 2.1875rem;
        padding: 0 0.5rem;
    }
    .search-btn {
		width: 100%;
		height: 40px;
		display: block;
		text-align: center;
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 auto;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		float: right;
	}
    .search-btn:hover {
		background-color: #0077b3;
	}
    
    .u h4.h4sectt {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
        border-left: 5px #069 solid;
        padding-left: 5px;
	}
    .n h4.h4sectt {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
        border-left: 5px #960 solid;
        padding-left: 5px;
	}
    
/*	h4.h4sectt {
		font-size: 18px;
		font-weight: 100;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
	}*/
	p.p_sectt_fr {
		font-size: 0.9em;
		font-weight: 700;
		line-height: 30px;
		color: #069;
		float: right;
	}
	p.p_sectt {
		font-size: 12px;
		line-height: 1.8em;
		margin-bottom: 20px;
	}
    .search-num {
        color: #F00;
        font-size: 2.1875rem;
        padding: 0 0.5rem;
    }
    .search-btn {
		width: 100%;
		height: 40px;
		display: block;
		text-align: center;
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 auto;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		float: right;
	}
    .search-btn:hover {
		background-color: #0077b3;
	}
	.ubm_left {
		width: 48%;
		height: auto;
		display: block;
		float: left;
		padding: 0 0 0 2%;
	}
	.ubm_right {
		width: 48%;
		height: auto;
		display: block;
		float: right;
		padding: 0 2% 0 0;
	}
	
    
    /*-------------------------------------------------------------------------------------*/
	/* Line02 */
	/*-------------------------------------------------------------------------------------*/
	
	#line02 {
        background-color: #EEE;
	}
    
    /*-------------------------------------------------------------------------------------*/
	/* Line03 */
	/*-------------------------------------------------------------------------------------*/
	
	#line03 {
		width: 100%;
	}
    #line03 #result {
        width: 100%;
        border-top: 1px solid #CCC;
        padding-bottom: 1rem;
    }
    #line03 dl {
        border-bottom: 1px solid #CCC;
        padding: 1rem 1rem 0.5rem 1rem;
        margin: 0;
        font-size: 0.875rem;
    }
    #line03 dl strong { display: block; padding: 0; margin: 0; text-indent: 0; }
    #line03 dl small { font-size: 0.75rem; display: block; padding: 0; margin: 0; text-indent: 0; line-height: 1rem; }
    #line03 a.hoverlink {
        text-decoration: none;
    }
    #line03 a.hoverlink dl:hover {
        background-color: #f7f7f7;
    }
    
	
	/*----------------------------------------------------------*/
	/* Line04 */
	/*----------------------------------------------------------*/
	
	h2.h2sectt {
		font-size: 24px;
		font-weight: 200;
		line-height: 1.4em;
		color: #222;
		margin-bottom: 3px;
		letter-spacing: -1px;
		text-align: center;
	}
	h3.h3sectt2 {
		font-size: 0.8em;
		font-weight: 700;
		line-height: 1.4em;
		color: #006699;
		margin-bottom: 20px;
		text-align: center;
	}
	#line04 {
		width: 100%;
		max-width: 1200px;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 3%;
	}
    #line04 #clothing-nav {
        border-bottom: 5px #069 solid;
    }
    #line04 #eventinfo h2 {
        border-bottom: 5px #069 solid;
        margin-bottom: 0;
        padding-bottom: 1rem;
    }
    #line04 #newsrelease h2 {
        border-bottom: 5px #069 solid;
        margin-bottom: 0;
        padding-bottom: 1rem;
    }
    #line04 dl {
        border-bottom: 1px solid #CCC;
        padding: 1rem 1rem 0.5rem 1rem;
        margin: 0;
        font-size: 0.875rem;
    }
    #line04 a.hoverlink {
        text-decoration: none;
    }
    #line04 a.hoverlink dl:hover {
        background-color: #f7f7f7;
    }
    /* bootstrap4 reset */
    #line04 .nav-tabs .nav-link {
        border: none !important;
    }
    #line04 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #FFF;
        background-color: #069;
    }
	#line04 #clothing-nav li {
		width: 50%;
	}
	#line04 #clothing-nav li a {
		width: 100%;
		height: auto;
		display: block;
		padding: 2%;
        margin: 0;
		border-top-left-radius: 5px;
        border-top-right-radius: 5px;
		text-decoration:none;
        text-align: center;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#line04 #clothing-nav li a:hover {
        padding: 2%;
        margin: 0;
        text-align: center;
        color: #FFF;
		background-color: #069;
	}
    
    /*----------------------------------------------------------*/
	/* Line05 */
	/*----------------------------------------------------------*/
	#line05 {
		border-top: 5px solid #006699;
        background-color: #ddeeff !important;
        font-size: 0.875rem;
	}
    #line05 li a {
        text-decoration: underline;
    }
    #line05 li a:hover {
        text-decoration: none;
    }
    
    /* IndexImageSlide */
    .autoplay .items:not(.slick-center) {
        filter:alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        text-decoration: none;
    }
    
    /* DetailImageSlide */
    .detailslide .items {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        margin: 0 0.08888888%;
        text-align: center;
        background-color:transparent;
        text-decoration: none;
    }
    .detailslide .items:not(.slick-center) {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        text-decoration: none;
    }
    .detailslide .items img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 600px;
        margin: 0 auto;
    }
    #DetailImageSlide .slick-prev,
    #DetailImageSlide .slick-next {
        width:60px; /* 画像幅 */
        height:34px; /* 画像高さ */
        padding: 200px 10px;
    }
    #DetailImageSlide .slick-prev:before,
    #DetailImageSlide .slick-next:before {
        content:"";
    }
    #DetailImageSlide button.slick-prev,
    #DetailImageSlide button.slick-next {
        z-index:2;
    }
    #DetailImageSlide .slick-prev{left:10%; /* 任意の値 */}
    #DetailImageSlide .slick-next{right:130px; /* 任意の値 */}

    #DetailImageSlide .slick-arrow{z-index:100;/* 値は適当に */}
    
    .ic_parts { padding: 0; margin: 0;}
    .ic_parts span {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 24%;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin: 0 5px 5px 0;
        font-size: 1vw;
    }
    
    /* detail #page-title */
    #page-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #EEE;
        padding: 1.5rem;
    }
    #page-title small {
        display: block !important;
        text-align: left !important;
    }
    #page-title span {
        color: #069;
    }
    #page-title span.ic-print {
        font-size: 0.875rem;
    }
    #page-title span.ic-print p {
        color: red;
        font-size: 0.75rem;
        margin-top: 10px;
    }

}

/* Style for TabletPCs Large models */
@media screen and (min-width: 769px) and (max-width: 1200px) {
	
	/*-------------------------------------------------------------------------------------*/
	/* Slider */
	/*-------------------------------------------------------------------------------------*/
	
	#topsection {
		width: 100%;
		height: 400px;
		display: block;
	}
	#slidemm_smp {
		display: none;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* Line01 */
	/*-------------------------------------------------------------------------------------*/
	
	#line01 {
		width: 100%;
		height: auto;
		display: block;
	}
	#line01 #line01body {
		width: 100%;
		height: auto;
		display: block;
	}
	#line01 #line01body ul#newused {
		width: 100%;
		max-width: 1200px;
		height: 80px;
		display: block;
		margin: 0 auto;
	}
	#line01 #line01body ul#newused li {
		width: 50%;
		height: 80px;
		display: block;
		float: left;
	}
	#line01 #line01body ul#newused li a {
		width: 100%;
		height: 80px;
		display: block;
		line-height: 80px;
		color: #fff;
		text-decoration: none;
		padding: 0 20px 0 80px;
		background-image: url(../img/index/arrow-d.png);
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 50px 50px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	#line01 #line01body ul#newused li a#ind_bn-new {
		background-color: #996600;
	}
	#line01 #line01body ul#newused li a#ind_bn-used,
    #line01 #line01body ul#newused li a#ind_bn-search {
		background-color: #006699;
	}
	#line01 #line01body ul#newused li a#ind_bn-new:hover {
        background-color: #b37700;
	}
    #line01 #line01body ul#newused li a#ind_bn-used:hover,
    #line01 #line01body ul#newused li a#ind_bn-search:hover {
        background-color: #0077b3;
	}
	#line01 #line01body ul#newused li a h2 {
		font-size: 40px;
		font-weight: 100;
		float: left;
		letter-spacing: -1px;
        padding-top: 4%;
	}
	#line01 #line01body ul#newused li a p {
		font-size: 14px;
		font-weight: 300;
		float: right;
	}
    
    /* search */
    #line01 #line01body ul#searchnewused {
		width: 100%;
		max-width: 1200px;
		height: 80px;
		display: block;
		margin: 0 auto;
	}
	#line01 #line01body ul#searchnewused li {
		width: 100%;
		height: 80px;
		display: block;
		float: left;
	}
	#line01 #line01body ul#searchnewused li a {
		width: 100%;
		height: 80px;
		display: block;
		line-height: 80px;
		color: #fff;
		text-decoration: none;
		padding: 0 20px 0 80px;
		background-image: url(../img/index/arrow-d.png);
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 50px 50px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-new {
		background-color: #996600;
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-used,
    #line01 #line01body ul#searchnewused li a#ind_bn-search {
		background-color: #006699;
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-new:hover {
        background-color: #b37700;
	}
    #line01 #line01body ul#searchnewused li a#ind_bn-used:hover,
    #line01 #line01body ul#searchnewused li a#ind_bn-search:hover {
        background-color: #0077b3;
	}
	#line01 #line01body ul#searchnewused li a h2 {
		font-size: 40px;
		font-weight: 100;
		float: left;
		letter-spacing: -1px;
        padding-top: 2%;
	}
	#line01 #line01body ul#searchnewused li a p {
		font-size: 14px;
		font-weight: 300;
		float: right;
	}
    
    /* Search StatusTag */
    .search .product-items ul.status-tag {
        position: absolute;
        top: 14%;
        right: -6%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(255,255,255,0);
    }
    .search .product-items ul.status-tag .nego {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C60;
        padding: 2px;
        margin-bottom: 2px;
    }
    .search .product-items ul.status-tag .soldout {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 2px;
        margin-bottom: 2px;
    }
    .search .product-items ul.status-tag .new {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 2px;
        margin-bottom: 2px;
    }
    .search .product-items ul.status-tag .trust {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 2px;
        margin-bottom: 2px;
    }
    .search .product-items ul.status-tag .arrival {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    
    /* Search StatusTag */
    .row ul.status-tag .nego {
        font-size: 1rem;
        text-align: center;
        color: #FFF;
        background-color: #C60;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .soldout {
        font-size: 1rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .new {
        font-size: 1rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .trust {
        font-size: 1rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .arrival {
        font-size: 1rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    .boatprice {
        border: 1px #ccc solid;
        text-align: center;
        padding: 25px;
    }
    .boatprice span {
        color: #F00;
    }
    .boatprice strong {
        font-size: 1.25rem;
        padding: 0 5px;
    }
	
	
	/*-------------------------------------------------------------------------------------*/
	/* Slide box */
	/*-------------------------------------------------------------------------------------*/
	
	.open{
		cursor: pointer;
	}
	.open2{
		cursor: pointer;
	}
	#slideBox{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #960;
		border-bottom: 2px solid #960;
	}
	#slideBox2{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #069;
		border-bottom: 2px solid #069;
	}
    #SearchBox{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #069;
		border-bottom: 2px solid #069;
	}
	.sbbody {
		width: 100%;
		max-width: 1200px;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 1%;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* New boat */
	/*-------------------------------------------------------------------------------------*/
	
	ul#newboatlinks li {
		width: 25%;
		height: auto;
		display: block;
		float: left;
		padding: 0.5%;
	}
	ul#newboatlinks li a {
		width: auto;
		height: auto;
		display: block;
		text-decoration: none;
		font-size: 12px;
		line-height: auto;
		color: #444;
		background-color: #fff;
		border: 1px solid #d5d5d5;
		padding: 30px 5% 15px;
		text-align: center;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	ul#newboatlinks li a:hover {
		background-color: #f8f8f8;
		border: 1px solid #3B87CA !important;
	}
    
    /* searchBox CheckBox */
    #seachboatlinks {
            margin: 0;
     }
    .o-scolumn .check-btn {
        padding: 0 5px;
        margin-bottom: 5px;
        width: 100%;
    }
    #seachboatlinks label{
        width: 100%;
      cursor: pointer;
      text-decoration: none;
            font-size: 12px;
            line-height: auto;
            color: #444;
            background-color: #fff;
            border: 1px solid #d5d5d5;
            padding: 30px 0 30px;
            text-align: center;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
    }
    #seachboatlinks input{
      display: none;
    }
    #seachboatlinks .check_box:checked + .label {
        color: #FFF;
      background-color: #3B87CA;
    }
	
	/*--- Makerlogos ---*/
	ul#newboatlinks li a#makes-fairline {
		background-image: url(../img/index/maker/fairline.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-grandbanks {
		background-image: url(../img/index/maker/grandbanks.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-tartan_yachts {
		background-image: url(../img/index/maker/tartanyacht.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-hinckley {
		background-image: url(../img/index/maker/hinckley.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-cc_yachts {
		background-image: url(../img/index/maker/cc.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-zodiac {
		background-image: url(../img/index/maker/zodiac.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-truenorth {
		background-image: url(../img/index/maker/truenorth.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-sunseeker {
		background-image: url(../img/index/maker/sunseeker.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-yamaha {
		background-image: url(../img/index/maker/yamaha.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-yanmar {
		background-image: url(../img/index/maker/yanmar.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-suzuki {
		background-image: url(../img/index/maker/suzuki.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-toyota {
		background-image: url(../img/index/maker/toyota.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-other {
		background-image: url(../img/index/maker/other.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* Used boat */
	/*-------------------------------------------------------------------------------------*/
	
	#usedboatmm .sebox {
		padding-top: 5px;
	}
	#usedboatmm li.line3m {
		width: 33.3333333333%;
		height: auto;
		display: block;
		padding: 0 1%;
		float: left;
	}
    #usedboatmm li.line4m {
		width: 25%;
		height: auto;
		display: block;
		padding: 0 1%;
		float: left;
	}
	#usedboatmm a {
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#usedboatmm a#typeic-boat {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 12px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_boat.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #006699;
	}
    #usedboatmm a#typeic-pwc {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 12px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_pwc.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #069;
	}
	#usedboatmm a#typeic-yacht {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 12px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_yacht.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #069;
	}
	#usedboatmm a#typeic-jboat {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 12px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_jboat.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #069;
	}
	#usedboatmm a:hover {
		color: #006699 !important;
		background-color: #f8f8f8;
		border: 1px solid #5CD4AC !important;
	}
	.formbox100p {
		width: 100%;
		height: auto;
		padding: 3px;
		display: block;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
	.formbox45p {
		width: 49%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
    .formbox33p {
		width: 100%;
		height: 40px;
		padding: 3px;
        margin-bottom: 5px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
    .divbox .divinnerbox .formbox33h {
		width: 45.33333%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
    }
	.searchbn {
		width: 49%;
		height: 40px;
		display: block;
		text-align: center;
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 auto;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		float: right;
	}
	.searchbn:hover {
		background-color: #0077b3;
	}
    .search-num {
        color: #F00;
        font-size: 2.1875rem;
        padding: 0 0.5rem;
    }
    .search-btn {
		width: 100%;
		height: 40px;
		display: block;
		text-align: center;
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 auto;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		float: right;
	}
    .search-btn:hover {
		background-color: #0077b3;
	}
    .u h4.h4sectt {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
        border-left: 5px #069 solid;
	}
    .n h4.h4sectt {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
        border-left: 5px #960 solid;
	}
/*	h4.h4sectt {
		font-size: 18px;
		font-weight: 100;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
	}*/
	p.p_sectt_fr {
		font-size: 0.9em;
		font-weight: 700;
		line-height: 30px;
		color: #006699;
		float: right;
	}
	p.p_sectt {
		font-size: 12px;
		line-height: 1.8em;
		margin-bottom: 20px;
	}
	.ubm_left {
		width: 48%;
		height: auto;
		display: block;
		float: left;
		padding: 0 0 0 2%;
	}
	.ubm_right {
		width: 48%;
		height: auto;
		display: block;
		float: right;
		padding: 0 2% 0 0;
	}
    
    /*-------------------------------------------------------------------------------------*/
	/* Line02 */
	/*-------------------------------------------------------------------------------------*/
	
	#line02 {
        background-color: #EEE;
	}
    
    /*-------------------------------------------------------------------------------------*/
	/* Line03 */
	/*-------------------------------------------------------------------------------------*/
	
	#line03 {
		width: 100%;
	}
    #line03 #result {
        width: 100%;
        border-top: 1px solid #CCC;
        margin-bottom: 3rem;
    }
    #line03 dl {
        border-bottom: 1px solid #CCC;
        padding: 1rem 1rem 0.5rem 1rem;
        margin: 0;
    }
    #line03 dl strong { display: block; padding: 0; margin: 0; text-indent: 0; }
    #line03 dl small { font-size: 0.75rem; display: block; padding: 0; margin: 0; text-indent: 0; line-height: 1rem; }
    #line03 a.hoverlink {
        text-decoration: none;
    }
    #line03 a.hoverlink dl:hover {
        background-color: #f7f7f7;
    }
	
	
	/*----------------------------------------------------------*/
	/* Line04 */
	/*----------------------------------------------------------*/
	
	h2.h2sectt {
		font-size: 24px;
		font-weight: 200;
		line-height: 1.4em;
		color: #222;
		margin-bottom: 3px;
		letter-spacing: -1px;
		text-align: center;
	}
	h3.h3sectt2 {
		font-size: 0.8em;
		font-weight: 700;
		line-height: 1.4em;
		color: #006699;
		margin-bottom: 20px;
		text-align: center;
	}
	#line04 {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 3%;
	}
    #line04 #clothing-nav {
        border-bottom: 5px #069 solid;
    }
    #line04 #eventinfo h2 {
        border-bottom: 5px #069 solid;
        margin-bottom: 0;
        padding-bottom: 1rem;
    }
    #line04 #newsrelease h2 {
        border-bottom: 5px #069 solid;
        margin-bottom: 0;
        padding-bottom: 1rem;
    }
    #line04 dl {
        border-bottom: 1px solid #CCC;
        padding: 1rem 1rem 0.5rem 1rem;
        margin: 0;
    }
    #line04 a.hoverlink {
        text-decoration: none;
    }
    #line04 a.hoverlink dl:hover {
        background-color: #f7f7f7;
    }
    /* bootstrap4 reset */
    #line04 .nav-tabs .nav-link {
        border: none !important;
    }
    #line04 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #FFF;
        background-color: #069;
    }
	#line04 #clothing-nav li {
		width: 50%;
	}
	#line04 #clothing-nav li a {
		width: 100%;
		height: auto;
		display: block;
		padding: 2%;
        margin: 0;
		border-top-left-radius: 5px;
        border-top-right-radius: 5px;
		text-decoration:none;
        text-align: center;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#line04 #clothing-nav li a:hover {
        padding: 2%;
        margin: 0;
        text-align: center;
        color: #FFF;
		background-color: #069;
	}
    
    /*----------------------------------------------------------*/
	/* Line05 */
	/*----------------------------------------------------------*/
	#line05 {
		border-top: 5px solid #006699;
        background-color: #ddeeff !important;
	}
    #line05 li a {
        text-decoration: underline;
    }
    #line05 li a:hover {
        text-decoration: none;
    }
    
    /* IndexImageSlide */
    .autoplay .items:not(.slick-center) {
        filter:alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        text-decoration: none;
    }
    
    /* DetailImageSlide */
    .detailslide .items {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        margin: 0 0.08888888%;
        text-align: center;
        background-color:transparent;
        text-decoration: none;
    }
    .detailslide .items:not(.slick-center) {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        text-decoration: none;
    }
    .detailslide .items img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 400px;
        margin: 0 auto;
    }
    #DetailImageSlide .slick-prev,
    #DetailImageSlide .slick-next {
        width:60px; /* 画像幅 */
        height:34px; /* 画像高さ */
        padding: 200px 10px;
    }
    #DetailImageSlide .slick-prev:before,
    #DetailImageSlide .slick-next:before {
        content:"";
    }
    #DetailImageSlide button.slick-prev,
    #DetailImageSlide button.slick-next {
        z-index:2;
    }
    #DetailImageSlide .slick-prev{left:10%; /* 任意の値 */}
    #DetailImageSlide .slick-next{right:130px; /* 任意の値 */}

    #DetailImageSlide .slick-arrow{z-index:100;/* 値は適当に */}
    
    .ic_parts { padding: 0; margin: 0;}
    .ic_parts span {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 24%;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin: 0 5px 5px 0;
        font-size: 1vw;
    }
    
    /* detail #page-title */
    #page-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #EEE;
        padding: 1.5rem;
    }
    #page-title small {
        display: block !important;
        text-align: left !important;
    }
    #page-title span {
        color: #069;
    }
    #page-title span.ic-print {
        font-size: 1rem;
    }

}

/* Style for TabletPCs */
@media screen and (min-width: 576px) and (max-width: 768px) {
	
	/*-------------------------------------------------------------------------------------*/
	/* Slider */
	/*-------------------------------------------------------------------------------------*/
	
	#topsection {
		width: 100%;
		height: 400px;
		display: block;
	}
	#slidemm_smp {
		display: none;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* Line01 */
	/*-------------------------------------------------------------------------------------*/
	
	#line01 {
		width: 100%;
		height: auto;
		display: block;
	}
	#line01 #line01body {
		width: 100%;
		height: auto;
		display: block;
		border-top: 1px solid #f0f0f0;
	}
	#line01 #line01body ul#newused {
		width: 100%;
		max-width: 1200px;
		height: 80px;
		display: block;
		margin: 0 auto;
	}
	#line01 #line01body ul#newused li {
		width: 50%;
		height: 80px;
		display: block;
		float: left;
	}
	#line01 #line01body ul#newused li a {
		width: 100%;
		height: 80px;
		display: block;
		line-height: 80px;
		color: #fff;
		text-decoration: none;
		padding: 0 20px 0 80px;
		background-image: url(../img/index/arrow-d.png);
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 50px 50px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	#line01 #line01body ul#newused li a#ind_bn-new {
		background-color: #996600;
	}
	#line01 #line01body ul#newused li a#ind_bn-used,
    #line01 #line01body ul#newused li a#ind_bn-search {
		background-color: #006699;
	}
	#line01 #line01body ul#newused li a#ind_bn-new:hover {
        background-color: #b37700;
	}
    #line01 #line01body ul#newused li a#ind_bn-used:hover,
    #line01 #line01body ul#newused li a#ind_bn-search:hover {
        background-color: #0077b3;
	}
	#line01 #line01body ul#newused li a h2 {
		font-size: 40px;
		font-weight: 100;
		float: left;
        padding-top: 4%;
		letter-spacing: -1px;
	}
	#line01 #line01body ul#newused li a p {
		font-size: 14px;
		font-weight: 300;
		float: right;
	}
    
    /* search */
	#line01 #line01body ul#searchnewused {
		width: 100%;
		max-width: 1200px;
		height: 80px;
		display: block;
		margin: 0 auto;
	}
	#line01 #line01body ul#searchnewused li {
		width: 100%;
		height: 80px;
		display: block;
		float: left;
	}
	#line01 #line01body ul#searchnewused li a {
		width: 100%;
		height: 80px;
		display: block;
		line-height: 80px;
		color: #fff;
		text-decoration: none;
		padding: 0 20px 0 80px;
		background-image: url(../img/index/arrow-d.png);
		background-position: 20px center;
		background-repeat: no-repeat;
		background-size: 50px 50px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-new {
		background-color: #996600;
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-used,
    #line01 #line01body ul#searchnewused li a#ind_bn-search {
		background-color: #006699;
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-new:hover {
        background-color: #b37700;
	}
    #line01 #line01body ul#searchnewused li a#ind_bn-used:hover,
    #line01 #line01body ul#searchnewused li a#ind_bn-search:hover {
        background-color: #0077b3;
	}
	#line01 #line01body ul#searchnewused li a h2 {
		font-size: 40px;
		font-weight: 100;
		float: left;
        padding-top: 3%;
		letter-spacing: -1px;
	}
	#line01 #line01body ul#searchnewused li a p {
		font-size: 14px;
		font-weight: 300;
		float: right;
	}
    
    /* Search StatusTag */
    .search .product-items ul.status-tag {
        position: absolute;
        top: 16%;
        right: -8%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(255,255,255,0);
    }
    .search .product-items ul.status-tag .nego {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C60;
        padding: 2px;
        margin-bottom: 2px;
    }
    .search .product-items ul.status-tag .soldout {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 2px;
        margin-bottom: 2px;
    }
    .search .product-items ul.status-tag .new {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 2px;
        margin-bottom: 2px;
    }
    .search .product-items ul.status-tag .trust {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 2px;
        margin-bottom: 2px;
    }
    .search .product-items ul.status-tag .arrival {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    
    /* Search StatusTag */
    .row ul.status-tag .nego {
        font-size: 1rem;
        text-align: center;
        color: #FFF;
        background-color: #C60;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .soldout {
        font-size: 1rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .new {
        font-size: 1rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .trust {
        font-size: 1rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .arrival {
        font-size: 1rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    .boatprice {
        border: 1px #ccc solid;
        text-align: center;
        padding: 25px;
    }
    .boatprice span {
        color: #F00;
    }
    .boatprice strong {
        font-size: 1.25rem;
        padding: 0 5px;
    }
	
	/*-------------------------------------------------------------------------------------*/
	/* Slide box */
	/*-------------------------------------------------------------------------------------*/
	
	.open{
		cursor: pointer;
	}
	.open2{
		cursor: pointer;
	}
	#slideBox{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #960;
		border-bottom: 2px solid #960;
	}
	#slideBox2{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #069;
		border-bottom: 2px solid #069;
	}
    #SearchBox{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #069;
		border-bottom: 2px solid #069;
	}
	.sbbody {
		width: 100%;
		max-width: 1200px;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 1%;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* New boat */
	/*-------------------------------------------------------------------------------------*/
	
	ul#newboatlinks li {
		width: 25%;
		height: auto;
		display: block;
		float: left;
		padding: 0.5%;
	}
	ul#newboatlinks li a {
		width: auto;
		height: auto;
		display: block;
		text-decoration: none;
		font-size: 12px;
		line-height: auto;
		color: #444;
		background-color: #fff;
		border: 1px solid #d5d5d5;
		padding: 30px 5% 15px;
		text-align: center;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	ul#newboatlinks li a:hover {
		background-color: #f8f8f8;
		border: 1px solid #3B87CA !important;
	}
    
    /* searchBox CheckBox */
    #seachboatlinks {
            margin: 0;
     }
    .o-scolumn .check-btn {
        padding: 0 5px;
        margin-bottom: 5px;
        width: 100%;
    }
    #seachboatlinks label{
        width: 100%;
      cursor: pointer;
      text-decoration: none;
            font-size: 12px;
            line-height: auto;
            color: #444;
            background-color: #fff;
            border: 1px solid #d5d5d5;
            padding: 30px 0 30px;
            text-align: center;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
    }
    #seachboatlinks input{
      display: none;
    }
    #seachboatlinks .check_box:checked + .label {
        color: #FFF;
      background-color: #3B87CA;
    }
	
	/*--- Makerlogos ---*/
	ul#newboatlinks li a#makes-fairline {
		background-image: url(../img/index/maker/fairline.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-grandbanks {
		background-image: url(../img/index/maker/grandbanks.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-tartan_yachts {
		background-image: url(../img/index/maker/tartanyacht.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-hinckley {
		background-image: url(../img/index/maker/hinckley.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-cc_yachts {
		background-image: url(../img/index/maker/cc.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-zodiac {
		background-image: url(../img/index/maker/zodiac.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-truenorth {
		background-image: url(../img/index/maker/truenorth.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-sunseeker {
		background-image: url(../img/index/maker/sunseeker.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-yamaha {
		background-image: url(../img/index/maker/yamaha.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-yanmar {
		background-image: url(../img/index/maker/yanmar.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-suzuki {
		background-image: url(../img/index/maker/suzuki.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-toyota {
		background-image: url(../img/index/maker/toyota.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-other {
		background-image: url(../img/index/maker/other.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* Used boat */
	/*-------------------------------------------------------------------------------------*/
	
	#usedboatmm .sebox {
		padding-top: 5px;
	}
	#usedboatmm li.line3m {
		width: 33.3333333333%;
		height: auto;
		display: block;
		padding: 0 1%;
		float: left;
	}
    #usedboatmm li.line4m {
		width: 25%;
		height: auto;
		display: block;
		padding: 0 1%;
		float: left;
	}
	#usedboatmm a {
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#usedboatmm a#typeic-boat {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_boat.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #006699;
	}
    #usedboatmm a#typeic-pwc {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.4em;
		border:1px solid #ddd;
		background-image: url(../img/index/ic_pwc.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #006699;
	}
	#usedboatmm a#typeic-yacht {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.4em;
		border:1px solid #ddd;
		background-image: url(../img/index/ic_yacht.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #006699;
	}
	#usedboatmm a#typeic-jboat {
		width: 100%;
		height: auto;
		display: block;
		padding: 100px 0 30px;
		text-align: center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.4em;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_jboat.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100px;
		background-color: #fff;
		color: #006699;
	}
	#usedboatmm a:hover {
		color: #006699 !important;
		background-color: #f8f8f8;
		border: 1px solid #5CD4AC !important;
	}
	.formbox100p {
		width: 100%;
		height: auto;
		padding: 3px;
		display: block;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
	.formbox45p {
		width: 49%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
    .formbox33p {
		width: 100%;
		height: 40px;
		padding: 3px;
        margin-bottom: 5px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
    .divbox .divinnerbox .formbox33h {
		width: 47.3333333%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
    }
	.searchbn {
		width: 49%;
		height: 40px;
		display: block;
		text-align: center;
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 auto;
		padding: 0;
		font-size: 14px;
		line-height: 40px;
		cursor: pointer;
		float: right;
	}
	.searchbn:hover {
		background-color: #0077b3;
	}
    .search-num {
        color: #F00;
        font-size: 1.75rem;
        padding: 0 0.5rem;
    }
    .search-btn {
		width: 100%;
		height: 40px;
		display: block;
		text-align: center;
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 auto;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		float: right;
	}
    .search-btn:hover {
		background-color: #0077b3;
	}
	
    .u h4.h4sectt {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
        border-left: 5px #069 solid;
        padding-left: 5px;
	}
    .n h4.h4sectt {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
        border-left: 5px #960 solid;
        padding-left: 5px;
	}
/*	h4.h4sectt {
		font-size: 18px;
		font-weight: 100;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
	}*/
	p.p_sectt_fr {
		font-size: 0.9em;
		font-weight: 700;
		line-height: 30px;
		color: #006699;
		float: right;
	}
	p.p_sectt {
		font-size: 12px;
		line-height: 1.8em;
		margin-bottom: 20px;
	}
	.ubm_left {
		width: 100%;
		height: auto;
		display: block;
		padding: 3% 2% 1% 2%;
	}
	.ubm_right {
		width: 100%;
		height: auto;
		display: block;
		padding: 3% 2% 2% 2%;
	}
    
    /*-------------------------------------------------------------------------------------*/
	/* Line02 */
	/*-------------------------------------------------------------------------------------*/
	
	#line02 {
        background-color: #EEE;
	}
    
    /*-------------------------------------------------------------------------------------*/
	/* Line03 */
	/*-------------------------------------------------------------------------------------*/
	
	#line03 {
		width: 100%;
	}
    #line03 #result {
        width: 100%;
        border-top: 1px solid #CCC;
        margin-bottom: 3rem;
    }
    #line03 dl {
        border-bottom: 1px solid #CCC;
        padding: 1rem 1rem 0.5rem 1rem;
        margin: 0;
    }
    #line03 dl strong { display: block; padding: 0; margin: 0; text-indent: 0; }
    #line03 dl small { font-size: 0.75rem; display: block; padding: 0; margin: 0; text-indent: 0; line-height: 1rem; }
    #line03 a.hoverlink {
        text-decoration: none;
    }
    #line03 a.hoverlink dl:hover {
        background-color: #f7f7f7;
    }
	
	
	/*----------------------------------------------------------*/
	/* Line04 */
	/*----------------------------------------------------------*/
	
	#line04 {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 3%;
	}
    #line04 #clothing-nav {
        border-bottom: 5px #069 solid;
    }
    #line04 #eventinfo h2 {
        border-bottom: 5px #069 solid;
        margin-bottom: 0;
        padding-bottom: 1rem;
    }
    #line04 #newsrelease h2 {
        border-bottom: 5px #069 solid;
        margin-bottom: 0;
        padding-bottom: 1rem;
    }
    #line04 dl {
        border-bottom: 1px solid #CCC;
        padding: 1rem 1rem 0.5rem 1rem;
        margin: 0;
    }
    #line04 a.hoverlink {
        text-decoration: none;
    }
    #line04 a.hoverlink dl:hover {
        background-color: #f7f7f7;
    }
    /* bootstrap4 reset */
    #line04 .nav-tabs .nav-link {
        border: none !important;
    }
    #line04 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #FFF;
        background-color: #069;
    }
	#line04 #clothing-nav li {
		width: 50%;
	}
	#line04 #clothing-nav li a {
		width: 100%;
		height: auto;
		display: block;
		padding: 2%;
        margin: 0;
		border-top-left-radius: 5px;
        border-top-right-radius: 5px;
		text-decoration:none;
        text-align: center;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#line04 #clothing-nav li a:hover {
        padding: 2%;
        margin: 0;
        text-align: center;
        color: #FFF;
		background-color: #069;
	}
    #line04 #clothing-nav-content {
        margin-bottom: 3rem;
    }
    
    /*----------------------------------------------------------*/
	/* Line05 */
	/*----------------------------------------------------------*/
	#line05 {
		border-top: 5px solid #006699;
        background-color: #ddeeff !important;
	}
    #line05 li a {
        text-decoration: underline;
    }
    #line05 li a:hover {
        text-decoration: none;
    }
    
    /* IndexImageSlide */
    .autoplay .items:not(.slick-center) {
        filter:alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        text-decoration: none;
    }
    
    /* DetailImageSlide */
    .detailslide .items {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        margin: 0 0.08888888%;
        text-align: center;
        background-color: transparent;
        text-decoration: none;
    }
    .detailslide .items:not(.slick-center) {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        text-decoration: none;
    }
    .detailslide .items img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 400px;
        margin: 0 auto;
    }
    #DetailImageSlide .slick-prev,
    #DetailImageSlide .slick-next {
        width:60px; /* 画像幅 */
        height:34px; /* 画像高さ */
        padding: 200px 10px;
    }
    #DetailImageSlide .slick-prev:before,
    #DetailImageSlide .slick-next:before {
        content:"";
    }
    #DetailImageSlide button.slick-prev,
    #DetailImageSlide button.slick-next {
        z-index:2;
    }
    #DetailImageSlide .slick-prev{left:4%; /* 任意の値 */}
    #DetailImageSlide .slick-next{right:4%; /* 任意の値 */}

    #DetailImageSlide .slick-arrow{z-index:100;/* 値は適当に */}
    
    .ic_parts { padding: 0; margin: 0;}
    .ic_parts span {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 24%;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin: 0 5px 5px 0;
        font-size: 1vw;
    }
    
    /* detail #page-title */
    #page-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #EEE;
        padding: 1.5rem;
    }
    #page-title small {
        display: block !important;
        text-align: left !important;
    }
    #page-title span {
        color: #069;
    }
    #page-title span.ic-print {
        font-size: 1rem;
    }
	
}



/* Style for Smartphonea */
@media screen and (max-width: 575px) {
	
	/*-------------------------------------------------------------------------------------*/
	/* Slider */
	/*-------------------------------------------------------------------------------------*/
	
	#topsection {
		display: none;
	}
	#slidemm_smp {
		width: 100%;
		height: auto;
		display: block;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* Line01 */
	/*-------------------------------------------------------------------------------------*/
	
	#line01 {
		width: 100%;
		height: auto;
		display: block;
	}
	#line01 #line01body {
		width: 100%;
		height: auto;
		display: block;
		border-top: 1px solid #f0f0f0;
	}
	#line01 #line01body ul#newused {
		width: 100%;
		max-width: 1200px;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	#line01 #line01body ul#newused li {
		width: 50%;
		height: 50px;
		display: block;
		float: left;
	}
	#line01 #line01body ul#newused li a {
		width: 100%;
		height: 50px;
		display: block;
		line-height: 50px;
		color: #fff;
		text-decoration: none;
		padding: 0 0px 0 25px;
		background-image: url(../img/index/arrow-d.png);
		background-position: 5px center;
		background-repeat: no-repeat;
		background-size: 15px 15px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	#line01 #line01body ul#newused li a#ind_bn-new {
		background-color: #996600;
	}
	#line01 #line01body ul#newused li a#ind_bn-used,
    #line01 #line01body ul#newused li a#ind_bn-search {
		background-color: #006699;
	}
	#line01 #line01body ul#newused li a#ind_bn-new:hover {
        background-color: #b37700;
	}
    #line01 #line01body ul#newused li a#ind_bn-used:hover,
    #line01 #line01body ul#newused li a#ind_bn-search:hover {
        background-color: #0077b3;
	}
	#line01 #line01body ul#newused li a h2 {
		font-size: 18px;
		font-weight: 300;
        padding-top: 10%;
        padding-left: 3%;
	}
	#line01 #line01body ul#newused li a p {
		display: none;
	}
    
    /* search */
	#line01 #line01body ul#searchnewused {
		width: 100%;
		max-width: 1200px;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	#line01 #line01body ul#searchnewused li {
		width: 100%;
		height: 50px;
		display: block;
		float: left;
	}
	#line01 #line01body ul#searchnewused li a {
		width: 100%;
		height: 50px;
		display: block;
		line-height: 50px;
		color: #fff;
		text-decoration: none;
		padding: 0 0px 0 25px;
		background-image: url(../img/index/arrow-d.png);
		background-position: 5px center;
		background-repeat: no-repeat;
		background-size: 15px 15px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-new {
		background-color: #996600;
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-used,
    #line01 #line01body ul#searchnewused li a#ind_bn-search {
		background-color: #006699;
	}
	#line01 #line01body ul#searchnewused li a#ind_bn-new:hover {
        background-color: #b37700;
	}
    #line01 #line01body ul#searchnewused li a#ind_bn-used:hover,
    #line01 #line01body ul#searchnewused li a#ind_bn-search:hover {
        background-color: #0077b3;
	}
	#line01 #line01body ul#searchnewused li a h2 {
		font-size: 20px;
		font-weight: 300;
        padding-top: 4%;
        padding-left: 3%;
	}
	#line01 #line01body ul#searchnewused li a p {
		display: none;
	}
    
    /* Search StatusTag */
    .search .product-items ul.status-tag {
        position: absolute;
        top: 17%;
        right: -10%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(255,255,255,0);
    }
    .search .product-items ul.status-tag .nego {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C60;
        padding: 2px;
        margin-bottom: 2px;
        margin-left: 30px;
    }
    .search .product-items ul.status-tag .soldout {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 2px;
        margin-bottom: 2px;
        margin-left: 30px;
    }
    .search .product-items ul.status-tag .new {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 2px;
        margin-bottom: 2px;
        margin-left: 30px;
    }
    .search .product-items ul.status-tag .trust {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 2px;
        margin-bottom: 2px;
        margin-left: 30px;
    }
    .search .product-items ul.status-tag .arrival {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
        margin-left: 30px;
    }
    
    /* Search StatusTag */
    .row ul.status-tag .nego {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C60;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .soldout {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .new {
        font-size: 0.625rem;
        text-align: center;
        color: #FFF;
        background-color: #C00;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .trust {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    .row ul.status-tag .arrival {
        font-size: 0.625rem;
        text-align: center;
        color: #069;
        background-color: #FFF;
        border: #069 1px solid;
        padding: 5px;
        margin-bottom: 2px;
    }
    .boatprice {
        border: 1px #ccc solid;
        text-align: center;
    }
    .boatprice span {
        font-size: 0.875rem;
        color: #F00;
    }
    .boatprice strong {
        font-size: 1.25rem;
        padding: 0 5px;
    }
    .status {
        margin-right: 15px;
    }
	
	/*-------------------------------------------------------------------------------------*/
	/* Slide box */
	/*-------------------------------------------------------------------------------------*/
	
	.open{
		cursor: pointer;
	}
	.open2{
		cursor: pointer;
	}
	#slideBox{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #960;
		border-bottom: 2px solid #960;
	}
	#slideBox2{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #069;
		border-bottom: 2px solid #069;
	}
    #SearchBox{
		display: none;
		background-color: #fcfcfc;
		height: auto;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
		border-top: 8px solid #069;
		border-bottom: 2px solid #069;
	}
	.sbbody {
		width: 100%;
		max-width: 1200px;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 1%;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* New boat */
	/*-------------------------------------------------------------------------------------*/
	
	ul#newboatlinks li {
		width: 50%;
		height: auto;
		display: block;
		float: left;
		padding: 0.5%;
	}
	ul#newboatlinks li a {
		width: auto;
		height: auto;
		display: block;
		text-decoration: none;
		font-size: 12px;
		line-height: auto;
		color: #444;
		background-color: #fff;
		border: 1px solid #d5d5d5;
		padding: 20px 5% 15px;
		text-align: center;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	ul#newboatlinks li a:hover {
		background-color: #f8f8f8;
		border: 1px solid #3B87CA !important;
	}
    
    /* searchBox CheckBox */
    #seachboatlinks {
            margin: 0;
     }
    .o-scolumn .check-btn {
        padding: 0 5px;
        margin-bottom: 5px;
        width: 100%;
    }
    #seachboatlinks label{
        width: 100%;
      cursor: pointer;
      text-decoration: none;
            font-size: 12px;
            line-height: auto;
            color: #444;
            background-color: #fff;
            border: 1px solid #d5d5d5;
            padding: 30px 0 30px;
            text-align: center;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
    }
    #seachboatlinks input{
      display: none;
    }
    #seachboatlinks .check_box:checked + .label {
        color: #FFF;
      background-color: #3B87CA;
    }
	
	/*--- Makerlogos ---*/
	ul#newboatlinks li a#makes-fairline {
		background-image: url(../img/index/maker/fairline.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-grandbanks {
		background-image: url(../img/index/maker/grandbanks.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-tartan_yachts {
		background-image: url(../img/index/maker/tartanyacht.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-hinckley {
		background-image: url(../img/index/maker/hinckley.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-cc_yachts {
		background-image: url(../img/index/maker/cc.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-zodiac {
		background-image: url(../img/index/maker/zodiac.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-truenorth {
		background-image: url(../img/index/maker/truenorth.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-sunseeker {
		background-image: url(../img/index/maker/sunseeker.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-yamaha {
		background-image: url(../img/index/maker/yamaha.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-yanmar {
		background-image: url(../img/index/maker/yanmar.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-suzuki {
		background-image: url(../img/index/maker/suzuki.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-toyota {
		background-image: url(../img/index/maker/toyota.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	ul#newboatlinks li a#makes-other {
		background-image: url(../img/index/maker/other.png);
		background-repeat: no-repeat;
		background-position: center 15px;
		background-size: auto 90px;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* Used boat */
	/*-------------------------------------------------------------------------------------*/
	
	#usedboatmm .sebox {
		padding-top: 5px;
	}
	#usedboatmm li.line3m,
    #usedboatmm li.line4m{
		width: 100%;
		height: 50px;
		display: block;
		padding: 0 1%;
		margin-bottom: 5px;
	}
	#usedboatmm a {
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#usedboatmm a#typeic-boat {
		width: 100%;
		height: auto;
		display: block;
		padding: 0 0 0 40px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 50px;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_boat.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: auto 30px;
		background-color: #fff;
		color: #069;
	}
    #usedboatmm a#typeic-pwc {
		width: 100%;
		height: auto;
		display: block;
		padding: 0 0 0 40px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 50px;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_pwc.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: auto 30px;
		background-color: #fff;
		color: #069;
	}
	#usedboatmm a#typeic-yacht {
		width: 100%;
		height: auto;
		display: block;
		padding: 0 0 0 40px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 50px;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_yacht.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: auto 30px;
		background-color: #fff;
		color: #069;
	}
	#usedboatmm a#typeic-jboat {
		width: 100%;
		height: auto;
		display: block;
		padding: 0 0 0 40px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		font-size: 14px;
		line-height: 50px;
		border: 1px solid #ddd;
		background-image: url(../img/index/ic_jboat.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: auto 30px;
		background-color: #fff;
		color: #069;
	}
	#usedboatmm a:hover {
		color: #006699 !important;
		background-color: #f8f8f8;
		border: 1px solid #5CD4AC !important;
	}
	.formbox100p {
		width: 100%;
		height: auto;
		padding: 3px;
		display: block;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
	.formbox45p {
		width: 49%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
		background-color: #fff;
	}
    .formbox33p {
		width: 100%;
		height: 40px;
		padding: 3px;
        margin-bottom: 5px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
	}
    .divbox .divinnerbox .formbox33h {
		width: 47%;
		height: 40px;
		padding: 3px;
		font-size: 12px;
		border: 1px solid #ddd;
		background-color: #fff;
    }
    .searchbn {
		width: 49%;
		height: 40px;
		display: block;
		text-align: center;
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 auto;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		float: right;
	}
	.searchbn:hover {
		background-color: #0077b3;
	}
    .search-num {
        color: #F00;
        font-size: 1.75rem;
        padding: 0 0.5rem;
    }
	.search-btn {
		width: 100%;
		height: 40px;
		display: block;
		text-align: center;
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		margin: 0 auto;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		float: right;
	}
    .search-btn:hover {
		background-color: #0077b3;
	}
	
    .u h4.h4sectt {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
        border-left: 5px #069 solid;
        padding-left: 5px;
	}
    .n h4.h4sectt {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
        border-left: 5px #960 solid;
        padding-left: 5px;
	}
/*	h4.h4sectt {
		font-size: 18px;
		font-weight: 100;
		line-height: 30px;
		color: #222;
		letter-spacing: -1px;
	}*/
	p.p_sectt_fr {
		font-size: 0.9em;
		font-weight: 700;
		line-height: 30px;
		color: #069;
		float: right;
	}
	p.p_sectt {
		font-size: 12px;
		line-height: 1.8em;
		margin-bottom: 20px;
	}
	.ubm_left {
		width: 100%;
		height: auto;
		display: block;
		padding: 3% 2% 1% 2%;
	}
	.ubm_right {
		width: 100%;
		height: auto;
		display: block;
		padding: 3% 2% 2% 2%;
	}
	
    /*-------------------------------------------------------------------------------------*/
	/* Line02 */
	/*-------------------------------------------------------------------------------------*/
	
	#line02 {
        background-color: #EEE;
	}
    
    /*-------------------------------------------------------------------------------------*/
	/* Line03 */
	/*-------------------------------------------------------------------------------------*/
	
	#line03 {
		width: 100%;
	}
    #line03 #fb {
        margin-top: 3rem;
	}
    #line03 #result {
        width: 100%;
        border-top: 1px solid #CCC;
        padding-bottom: 0.5rem;
    }
    #line03 #result dt,
    #line03 #result dd {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }
    #line03 #result dt img {
        max-width: 93%;
    }
    #line03 dl {
        border-bottom: 1px solid #CCC;
        padding: 0.5rem 0;
        margin: 0;
    }
    #line03 dl strong { display: block; color: #333; padding: 0 0 0.5rem 0; margin: 0 0 0 0; text-indent: 0; line-height: 1.375rem; }
    #line03 dl small { font-size: 0.75rem; display: block; padding: 0; margin: 0; text-indent: 0; line-height: 1rem; }
    #line03 a.hoverlink:nth-child(n + 4) {
        display: none;
    }
    #line03 a.hoverlink {
        text-decoration: none;
    }
    #line03 a.hoverlink dl:hover {
        background-color: #f7f7f7;
    }
	
	/*----------------------------------------------------------*/
	/* Line04 */
	/*----------------------------------------------------------*/
	
	h2.h2sectt {
		font-size: 18px;
		font-weight: 200;
		line-height: 1.4em;
		color: #222;
		margin-bottom: 3px;
		letter-spacing: -1px;
		text-align: center;
	}
	h3.h3sectt2 {
		font-size: 0.8em;
		font-weight: 700;
		line-height: 1.4em;
		color: #006699;
		margin-bottom: 20px;
		text-align: center;
	}
	#line04 {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		padding: 3%;
	}
    #line04 #clothing-nav {
        border-bottom: 5px #069 solid;
    }
    #line04 #eventinfo h2 {
        border-bottom: 5px #069 solid;
        margin-bottom: 0;
        padding-bottom: 1rem;
    }
    #line04 #newsrelease h2 {
        border-bottom: 5px #069 solid;
        margin-bottom: 0;
        padding-bottom: 1rem;
    }
    #line04 dl {
        border-bottom: 1px solid #CCC;
        padding: 1rem 1rem 0.5rem 1rem;
        margin: 0;
    }
    #line04 a.hoverlink:nth-child(n + 4) {
        display: none;
    }
    #line04 a.hoverlink {
        text-decoration: none;
    }
    #line04 a.hoverlink dl:hover {
        background-color: #f7f7f7;
    }
    /* bootstrap4 reset */
    #line04 .nav-tabs .nav-link {
        border: none !important;
    }
    #line04 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #FFF;
        background-color: #069;
    }
	#line04 #clothing-nav li {
		width: 50%;
	}
	#line04 #clothing-nav li a {
		width: 100%;
		height: auto;
		display: block;
		padding: 2%;
        margin: 0;
		border-top-left-radius: 5px;
        border-top-right-radius: 5px;
		text-decoration:none;
        text-align: center;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#line04 #clothing-nav li a:hover {
        padding: 2%;
        margin: 0;
        text-align: center;
        color: #FFF;
		background-color: #069;
	}
    #line04 #clothing-nav-content {
        margin-bottom: 3rem;
    }
    
    /*----------------------------------------------------------*/
	/* Line05 */
	/*----------------------------------------------------------*/
	#line05 {
		border-top: 5px solid #006699;
        background-color: #ddeeff !important;
	}
    #line05 li a {
        text-decoration: underline;
    }
    #line05 li a:hover {
        text-decoration: none;
    }
    
    /* IndexImageSlide */
    .autoplay .items:not(.slick-center) {
        filter:alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        text-decoration: none;
    }
    
    /* DetailImageSlide */
    .detailslide .items {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        margin: 0 auto;
        text-align: center;
        background-color:transparent;
        text-decoration: none;
    }
    .detailslide .items:not(.slick-center) {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        text-decoration: none;
    }
    .detailslide .items img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 200px;
        margin: 0 auto;
    }
    #DetailImageSlide .slick-prev,
    #DetailImageSlide .slick-next {
        width:44px; /* 画像幅 */
        height:25px; /* 画像高さ */
        padding: 200px 10px;
    }
    #DetailImageSlide .slick-prev:before,
    #DetailImageSlide .slick-next:before {
        content:"";
    }
    #DetailImageSlide button.slick-prev,
    #DetailImageSlide button.slick-next {
        z-index:2;
    }
    #DetailImageSlide .slick-prev{left:7%; /* 任意の値 */}
    #DetailImageSlide .slick-next{right:7%; /* 任意の値 */}

    #DetailImageSlide .slick-arrow{z-index:100;/* 値は適当に */}
    
    /* Table Basic Style */
    .table-responsive .table th {
        width: 100%;
        display: block;
    }
    .table-responsive .table td {
        width: 100%;
        display: block;
        border-top: none;
        border-bottom: none;
    }
    .table-responsive .table tr:last-child td { border-bottom: 1px solid #ccc; }
    
    .ic_parts { padding: 0; margin: 0;}
    .ic_parts span {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin: 0 5px 5px 0;
    }
    
    /* detail #page-title */
    #page-title {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        background-color: #EEE;
        padding: 1.5rem;
    }
    #page-title small {
        display: block !important;
        text-align: left !important;
    }
    #page-title span {
        color: #069;
    }
    #page-title span.ic-print {
        font-size: 1rem;
    }

	
}