@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

html, body, div, span, applet, object,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, figure,nav,header {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	outline: 0;
	box-sizing: border-box;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
	box-sizing: border-box;
}
input, select, textarea {
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
}
th {
	font-weight: normal;
}


/*  base seting　※※※※※※※※※※※※※※ */

.flex{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ce{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-cc{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ace{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-ac{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-c{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.flex-order{
	-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
}


.pconly { display : block; }
.sponly { display : none; }

@media (max-width: 767px) {
	/*  base seting　※※※※※※※※※※※※※※ */
	img {
		max-width:100%;
	}
	.pconly { display: none; }
	.sponly { display : block; }
	
}

#main_contents{
}

#main_contents img{
	width:100%;
	height:auto;
	border: none;
	vertical-align:bottom;
}

h1{
	margin:0;
	padding:0;
}
h2{
	margin:0;
	padding:0;
}
h3{
	border-bottom:none;
	padding-bottom:0;
}
h4{
	border-left:none;
	padding-left: 0;
}


.content-wrapper {
	width:100%;
	max-width: 1230px;
	margin-left: auto;
	margin-right: auto;
}
.content-bottom{
	margin-bottom:12vw;
}

@media (max-width: 960px) {
    footer {
        margin-top: 0px;
        transform: none;
    }
}

@media screen and (min-width:768px) and ( max-width:1200px) {
	.content-wrapper{
		padding-left:5vw;
		padding-right:5vw;
	}
}
@media (max-width: 768px) {
	.content-wrapper{
		width:100%;
		padding:0 5vw;
	}
}


.other-page-ttl{
	background: url(../img/common/common_ttl_bg.jpg) no-repeat center center / cover;
	padding:5vw 0;
	text-align:center;
}
.other-page-ttl .ttl{
	color:#fff;
	font-size:70px;
	text-shadow: 0px 0px 10px rgba(255,255,255,0.5);
	text-align:center;
}
.common-bg{
	padding-top:7vw;
	background:url(../img/common/common_bg.jpg) no-repeat top center / 100% auto;
}

/*  btn　※※※※※※※※※※※※※※ */

.base-btn a {
	position:relative;
	display:block;
	padding:2vw;
	max-width:600px;
	width:100%;
	color:#fff;
	text-align:center;
	background: #000000;
	line-height:1.3;
	text-decoration:none;
	-webkit-transition: all .25s;
	transition: all .25s;
	font-size:20px;
	position:relative;
	margin:0 auto;
}
.base-btn a:after{
	position:absolute;
	right:20px;
	top:50%;
	content:"";
	width: 10px;
	height: 10px;
	margin-top:-5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .4s;
	transition: all .4s;
}

.base-btn a:hover {
	opacity: 0.5;
}

.base-btn a span{
	position: relative;
}
.base-btn a span.pdf-icon{
	padding-left:2em;
	background:url(../img/common/icon_pdf.svg) no-repeat left center / auto 100%;
}

.base-btn.c01 a {
	background: #fff;
	color:#000;
}
.base-btn.c01 a:after{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}
.base-btn.c01 a span.pdf-icon{
	background:url(../img/common/icon_pdf_c-b.svg) no-repeat left center / auto 100%;
}



/* ※※※※※ */

.back-btn a {
	position:relative;
	display:block;
	padding:1vw;
	max-width:340px;
	width:100%;
	color:#000;
	text-align:center;
	border: solid 1px #000;
	border-radius:10000px;
	background: #fff;
	line-height:1.3;
	text-decoration:none;
	-webkit-transition: all .25s;
	transition: all .25s;
	font-size:20px;
	position:relative;
	margin:0 auto;
}
.back-btn a:hover {
	opacity: 0.5;
}

@media (max-width: 768px) {
	
	
	.other-page-ttl{
		background: url(../img/common/common_ttl_bg_sp.jpg) no-repeat center center / cover;
		padding:10vw 0;
	}
	.other-page-ttl .ttl{
		font-size:32px;
	}
	
	.common-bg{
		padding-top:8vw;
	}
	
	/*  btn　※※※※※※※※※※※※※※ */
	
	.base-btn a {
		padding: 6vw 4vw;
		max-width:90%;
		font-size:14px;
	}
	
	/* ※※※※※ */
	
	.back-btn a {
		padding:4vw;
		max-width:80%;
		width:100%;
		font-size:14px;
	}
}

/*  slider-gallery　※※※※※※※※※※※※※※ */

.slider-gallery{
}
.slider-gallery .slider{
	margin-bottom:20px;
	background-color:#fff;
	border: solid 1px #E9E9E9;
}
.slider-gallery .thumbnail li{
	position:relative;
	margin:0 5px;
	border: solid 1px #E9E9E9;
	background-color:#fff;
}
.slider-gallery .thumbnail li.slick-current:before{
	content:"";
	position:absolute;
	top:-1px;
	left:-1px;
	z-index:100;
	width:calc(100% + 2px);
	height:calc(100% + 2px);
	border: solid 3px #0C75DE;
}
.slider-gallery .thumbnail.slick-initialized .slick-track.unset {
	transform: unset !important;
	width: auto !important;
}

@media (max-width: 768px) {
	
	.slider-gallery .slider{
		margin-bottom:3vw;
	}
	.slider-gallery .thumbnail li{
		margin:0 1vw;
	}
	.slider-gallery .thumbnail.five-less li:nth-child(3){
		margin:0 0 0 1vw;
	}

}







@media (min-width: 768px) {
/*  select-plus-header PC　※※※※※※※※※※※※※※ */
#select-plus-header{
	border-bottom: solid 1px #C0C0C0;
	padding:0 1vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	background-color:#fff;
}
#select-plus-header .select-plus-logo{
	width:20%;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#select-plus-header .select-plus-logo a{
	display:block;
	width:100%;
}
#select-plus-header .global-nav{
	width:80%;
	margin-left:auto;
}
#select-plus-header .global-nav > ul {
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	justify-content: flex-end;
}
#select-plus-header .global-nav li {
	position: relative;
	font-size:16px;
	font-weight:700;
}
#select-plus-header .global-nav > ul > li:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	height:1.2em;
	width:1px;
	margin-top:-0.6em;
	background-color:#ccc;
}
#select-plus-header .global-nav > ul > li:last-child:after{
	display:none;
}
#select-plus-header .global-nav > ul > li > a {
	display: block;
	padding: 2vw 3em;
	text-decoration: none;
	color: #333;
}
#select-plus-header .global-nav > ul > li > a:hover {
	color:#0C75DE;
}
#select-plus-header .global-nav > ul > li > a:before,
.drop-ttl:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom:0;
	width: 100%;
	height: 3px;
	background:#0C75DE;
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .3s ease;
	z-index:1000;
}
#select-plus-header .global-nav > ul > li > a:hover:before {
	transform: translateX(-50%) scaleX(1);
}
.drop-ttl:hover:before {
	transform: translateX(-50%) scaleX(1);
}


#select-plus-header .global-nav span.drop-ttl{
	position: relative;
	cursor: pointer;
	display: block;
	padding: 2vw 3em;
	text-decoration: none;
}
#select-plus-header .global-nav span.drop-ttl .icon{
	position: relative;
	padding-right:1.7em;
}
#select-plus-header .drop-ttl .icon::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: translateY(-60%) rotate(45deg);
	transition: transform .3s ease;
}
#select-plus-header .has-sub:hover .drop-ttl .icon::after {
	border-right: 2px solid #0C75DE;
	border-bottom: 2px solid #0C75DE;
}
#select-plus-header .has-sub:hover .drop-ttl {
	color:#0C75DE;
}

/* ドロップダウン */
#select-plus-header .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: none;
	z-index: 100;
}
#select-plus-header .sub-menu li {
	border-bottom: solid 1px rgba(255,255,255,0.4);
}
#select-plus-header .sub-menu a {
	display:block;
	color:#fff;
	font-size:13px;
	padding:1em;
	background: #333;
}
#select-plus-header .sub-menu a:hover {
	background: #555;
}

.navi-btn{
	display:none;
}



}
@media (max-width: 767px) {
/*  select-plus-header SP　※※※※※※※※※※※※※※ */

	#select-plus-header{
		position:relative;
		border-bottom: solid 1px #C0C0C0;
		padding:4vw 3vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#select-plus-header .select-plus-logo{
		width:70%;
	}
	.navi-bg{
		display:none;
		position: fixed;
		z-index:100;
		width: 100%;
		height:100%;
		background-color:rgba(0,0,0,0.2);
	}
	.navi-bg.active{
		display: block;
	}
	.navi-btn{
		position: fixed;
		z-index:9;
		top:calc(50px + 2.6vw);
		right:4vw;
		display:block;
		width:10vw;
		height:10vw;
		background-color:#000;
	}
	.navi-btn .gnavi-toggle{
		cursor:pointer;
		height:10vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.navi-btn .gnavi-toggle .gnavi-toggle-inner{
		position:relative;
		width:6vw;
		height:6vw;
		padding-top:3.5vw;
		color:#fff;
		font-size:8px;
	}
	.navi-btn .gnavi-toggle span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color:#fff;
		border-radius:10000px;
	}
	.navi-btn .gnavi-toggle span:nth-of-type(1) {
		top: 0;
	}
	.navi-btn .gnavi-toggle span:nth-of-type(2) {
		top: 40%;
		margin-top:-1px;
	}
	
	/* +++++++++++++++++++++++++　gnavi */
	
	.navi-child{
		position:fixed;
		z-index: 999;
		top:0;
		right:-71vw;
		width:70vw;
		height: 100vh;
		background-color:rgba(0,0,0,1);
		transition: all 0.6s;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.navi-child.active{
		right: 0;
	}
	.navi-child .gnavi{
		width:100%;
	}
	.navi-child .gnavi > li{
		border-bottom: solid 1px #666666;
	}
	.navi-child .gnavi > li > a,
	.navi-child .gnavi > li > .drop-ttl{
		position:relative;
		display:block;
		width:100%;
		text-decoration:none;
		padding:6vw;
		line-height:1;
		font-weight:700;
		color:#fff;
	}
    .navi-child .gnavi .sub-menu {
		display:block !important;
        padding: 4vw;
        margin: 0 5vw 5vw;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.2);
    }
    .navi-child .gnavi .sub-menu li a {
        position: relative;
        display: block;
        width: 100%;
        color: #fff;
		padding-bottom:3vw;
        margin-bottom: 3vw;
        font-size: 12px;
        font-weight: 500;
		border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    }
    .navi-child .gnavi .sub-menu li:last-child a {
        margin-bottom: 0;
		padding-bottom:0;
		border-bottom:none;
    }
	
}

/*  bottom-note　※※※※※※※※※※※※※※ */

#bottom-note{
	padding-top: 3vw;
	padding-bottom: 3vw;
}
#bottom-note .note{
	font-size: 12px;
	margin-bottom:20px;
	line-height: 140%;
}
#bottom-note .note li{
	text-indent: -1em;
	padding-left: 1em;
}
#bottom-note .note .man-hours{
	font-size:10px;
	margin-right:0.3em;
	width:4em;
	border:solid 1px #000;
	padding:0 5px;
	line-height:1;
	border-radius:10%;
	text-align:center;
}
@media (max-width: 767px) {
	#bottom-note{
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
}



/*  modal　※※※※※※※※※※※※※※ */


#cboxContent{
	padding-bottom:3vw;
}

#cboxOverlay {
	background:rgba(43,46,56,0.9) !important;
}
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter{ display:none;}

#cboxLoadedContent {
    margin-bottom: 0;
}
#cboxPrevious {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -25px;
    background: url(images/prev.png) no-repeat top left;
    width: 40px;
    height: 50px;
    text-indent: -9999px;
}
#cboxNext {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -25px;
    background: url(images/next.png) no-repeat top right;
    width: 40px;
    height: 50px;
    text-indent: -9999px;
}
#colorbox {
	overflow:visible !important;
}
#myCloseBtn {
  position: absolute;
  top: -40px;
  right: 50px;
  z-index: 9999;
  background-color:transparent;
  color: #fff;
  border: none;
  font-size:30px;
  font-weight:700;
  cursor: pointer;
  border-radius: 4px;
  line-height: 1;
}

#cboxCurrent{
	width:100%;
	padding:10px;
	text-align:center;
	
}

.simplebar-scrollbar::before {
  opacity: 1 !important;
}
/* スクロールバーの色 */
.simplebar-scrollbar::before {
  background-color: #aaa;
}


/* ※※※※※※※ */


.modal-inner{
	height:100%;
	padding:60px;
	text-align:left;
}
.modal-inner img{
	width:100%;
}
.modal-inner p{
	color:#000;
}
.modal-inner .item-ph{
	margin-bottom:30px;
}
.modal-inner .data-box{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.modal-inner .data-box.under-line{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: solid 1px #000;
}

.modal-inner .modal-txt-box{
	width:64%;
}
.modal-inner .modal-price-box{
	width:35%;
}

.modal-inner .maker-box{
	width:100%;
	margin-bottom:10px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.modal-inner .maker-logo{
	width:20%;
	margin-right:3%;
}
.modal-inner .maker-logo img{
	vertical-align:bottom;
}
.modal-inner .maker-name{
	width:77%;
	font-size:12px;
	font-weight:700;
}

.modal-inner .item-name{
	position:relative;
	margin-bottom:15px;
	font-size: 29px;
	line-height:1;
	font-weight:700;
	padding-left:35px;
}
.modal-inner .item-name .no{
	position:absolute;
	top:-0.1em;
	left:0;
	display:block;
	margin-right:0.5em;
	width:30px;
	height:30px;
	background-color:#000;
	color:#fff;
	border-radius:1000px;
	text-align:center;
	line-height:30px;
	font-size:18px;
}
.modal-inner .item-name .no.c01{ background-color:#E0EE39; color:#000;}
.modal-inner .item-name .no.c02{ background-color:#FF0000; color:#fff;}

.modal-inner .item-name .no.c03{
	background-color:#000;
	color:#fff;
	border: solid 1px #fff;
	border-radius:0px;
	top:-0em;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	line-height:27px;
}



.modal-inner .item-name small{
	font-size:60%;
	font-weight:700;
}
.modal-inner .item-number{
	font-size:80%;
	margin-bottom:10px;
}
.modal-inner .txt{
	margin-bottom:10px;
}

.modal-inner .icon-list{
	margin-bottom:10px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.modal-inner .icon-list li{
	margin-right:5px;
	padding:5px 15px;
	border: solid 1px #ff0000;
	background-color:#fff;
	font-size: 12px;
	line-height:1;
	font-weight:700;
	color:#ff0000;
	text-align:center;
}
.modal-inner .icon-list li.supercarry-only-icon{
	border: solid 1px #F68B1E;
	background-color:#F68B1E;
	color:#fff;
	border-radius:5px;
}




.modal-inner .item-line{
	border-bottom: solid 1px #ccc;
	padding-bottom:10px;
	margin-bottom:15px;
}
.modal-inner .txt{
	font-size: 16px;
}
.modal-inner .modal-price{
	font-size: 36px;
	line-height:1.2;
	font-weight:700;
	text-align:right;
}
.modal-inner .modal-price:nth-of-type(2){
	padding-top:20px;
}

.modal-inner .modal-price .unit{
	font-size:40%;
	padding-left:0.25em;
}
.modal-inner .modal-price .front{
	font-size:40%;
	padding-right:0.25em;
}
.modal-inner .modal-price .item-no{
	width:100%;
	display:block;
	font-size:40%;
	padding-right:0.25em;
}
.modal-inner .modal-price .man-hours{
	position: relative;
    top: -0.3em;
	display: inline-block;
	font-size:40%;
	border:solid 1px #000;
	padding:5px;
	line-height:1;
	border-radius:10%;
	margin-left:0.5em;
}
.modal-inner .price-apply-icon{
	margin-right:5px;
	padding:0px 10px;
	border: solid 1px #000;
	background-color:#fff;
	line-height:1;
	font-weight:700;
	color:#000;
	text-align:center;
	font-size:70%;
}



.modal-inner .modal-price-breakdown{
	font-size:40%;
	font-weight:400;
}
.modal-inner .txt-red{
	color:#ff0000;
}
.modal-inner .attention-box{
	border: solid 1px #ff0000;
	padding:10px;
	background:#fff;
	font-size:12px;
}
.modal-inner .note-txt{
}
.modal-inner .note-txt li{
	font-size: 12px;
	margin-bottom: 6px;
	line-height: 140%;
	text-indent: -1em;
	padding-left: 1em;
}
.modal-inner .txt-note{
	font-size: 12px;
}



@media screen and (min-width:1367px) and ( max-width:1700px) {
	.modal-inner .item-name{
		font-size: 26px;
	}
}
@media screen and (min-width:767px) and ( max-width:1366px) {
	.modal-inner{
	}
	.modal-inner .item-ph{
		margin-bottom:20px;
	}
	.modal-inner .item-name{
		font-size: 20px;
	}
	.modal-inner .modal-price{
		font-size: 32px;
	}
	.modal-inner .apply-icon li{
		font-size: 11px;
	}
}
@media (max-width: 767px) {
	
	/*  modal　※※※※※※※※※※※※※※ */
	
	.modal-inner{
		padding:5vw;
	}
	#cboxTopLeft,
	#cboxTopRight,
	#cboxBottomLeft,
	#cboxBottomRight,
	#cboxMiddleLeft,
	#cboxMiddleRight,
	#cboxTopCenter,
	#cboxBottomCenter{ display:block; background:#fff;}
	
	#cboxPrevious {
		position: absolute;
		top: 50%;
		left:-5vw;
		margin-top: -5vw;
		background: url(images/prev.png) no-repeat top left / 100% auto;
		width: 6vw;
		height: 7vw;
		text-indent: -9999px;
	}
	#cboxNext {
		position: absolute;
		top: 50%;
		right:-5.5vw;
		margin-top: -5vw;
		background: url(images/next.png) no-repeat top right / 100% auto;
		width: 6vw;
		height: 7vw;
		text-indent: -9999px;
	}
	#cboxWrapper {
		background-color:#fff;
	}
	#cboxContent {
		overflow:visible;
		padding-bottom: 5vw;
	}
	#myCloseBtn {
	  top: -10vw;
	  right: 0px;
	}
	#cboxCurrent {
		bottom: -6vw;
	}
	/* ※※※※※※※ */
	
	.modal-inner .item-ph{
		margin-bottom:3vw;
	}
	.modal-inner .data-box{
	}
	.modal-inner .modal-txt-box{
		width:100%;
		
	}
	.modal-inner .modal-price-box{
		width:100%;
	}
	
	.modal-inner .maker-box{
		margin-bottom:2vw;
	}
	.modal-inner .maker-name{
		font-size:10px;
	}

	.modal-inner .item-name{
		margin-bottom:4vw;
		font-size: 20px;
		line-height:1;
		font-weight:700;
		padding-left:30px;
	}
	.modal-inner .item-name .no{
		top:-0.1em;
		width:24px;
		height:24px;
		line-height:24px;
		font-size:15px;
	}
	.modal-inner .item-name small{
		font-size:60%;
	}
	.modal-inner .apply-icon li{
		margin-right:0.5em;
		padding:1vw 3vw;
		font-size: 11px;
	}
	.modal-inner .item-line{
		padding-bottom:2vw;
		margin-bottom:2vw;
	}
	.modal-inner .txt{
		font-size: 14px;
	}
	.modal-inner .modal-price{
		font-size: 28px;
		line-height:1;
		font-weight:700;
		text-align:left;
	}
	.modal-inner .modal-price .unit{
		font-size:60%;
	}
	.modal-inner .modal-price-breakdown{
		font-size:40%;
	}
	.modal-inner .txt02{
		font-size: 14px;
	}
	.modal-inner .attention-box{
		padding:3vw;
		font-size: 12px;
	}
	.modal-inner .note-txt{
	}
	.modal-inner .note-txt li{
		font-size: 12px;
	}
	.modal-inner .apply-icon-explanation{
		padding:2vw;
	}
	
	.modal-inner .item-name .no.c03{
		width:24px;
		height:24px;
		line-height:20px;
		font-size:15px;
		top:-0.1em;
	}
	
	.modal-inner .icon-list li{
		margin-bottom:2vw;
	}
	
	
}






/*  popup-thumb　※※※※※※※※※※※※※※ */

.popup-thumb-list{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.popup-thumb-list.center-list{
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center;
}
.popup-thumb-list li{
	width:31%;
	margin-right:3%;
	margin-bottom:3%;
}
.popup-thumb-list li:nth-child(3n),
.popup-thumb-list li:last-child{
	margin-right:0;
}

.popup-thumb {
	position: relative;
	margin-bottom:10px;
	overflow: hidden;
}
.popup-thumb a {
	display: block;
	position: relative;
}
.popup-thumb img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.4s ease;
}
.popup-thumb a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: 1;
}
.popup-thumb a::after {
	content: "詳しく見る";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 22px;
	font-weight:700;
	letter-spacing: 0.1em;
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: 2;
	white-space: nowrap;
}
.popup-thumb a:hover {
	opacity: 1;
}
.popup-thumb a:hover img {
	transform: scale(1.1);
}
.popup-thumb a:hover::before,
.popup-thumb a:hover::after {
	opacity: 1;
}

.popup-thumb-list .item-name {
	position:relative;
	font-size:20px;
	font-weight:700;
	padding-left:35px;
	margin-bottom:10px;
}
.popup-thumb-list .item-name small {
	font-size:75%;
}
.popup-thumb-list .excerpt {
	font-size:14px;
}
.popup-thumb-list .item-name .no{
	position:absolute;
	top:-0.1em;
	left:0;
	display:block;
	margin-right:0.5em;
	width:30px;
	height:30px;
	background-color:#000;
	color:#fff;
	border-radius:1000px;
	text-align:center;
	line-height:30px;
	font-size:18px;
}
.popup-thumb-list .item-name .no.c01{ background-color:#E0EE39; color:#000;}
.popup-thumb-list .item-name .no.c02{ background-color:#FF0000; color:#fff;}
.popup-thumb-list .item-name .no.c03{
	background-color:#000;
	color:#fff;
	border: solid 1px #fff;
	border-radius:0px;
	top:-0em;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	line-height:27px;
}

@media (max-width: 767px) {
	.popup-thumb {
		margin-bottom:3vw;
	}
	.popup-thumb-list li{
		width:47.5%;
		margin-right:5%;
		margin-bottom:5%;
	}
	.popup-thumb-list li:nth-child(3n){
		margin-right:5%;
	}
	.popup-thumb-list li:nth-child(2n),
	.popup-thumb-list li:last-child{
		margin-right:0;
	}
	.popup-thumb-list .item-name {
		font-size:15px;
		line-height:1.3;
		padding-left:30px;
		margin-bottom:1vw;
	}
	.popup-thumb-list .item-name small {
		font-size:75%;
	}
	.popup-thumb-list .excerpt {
		font-size:12px;
	}
	.popup-thumb-list .item-name .no{
		top:-0.1em;
		width:24px;
		height:24px;
		line-height:24px;
		font-size:15px;
	}
	.popup-thumb-list .item-name .no.c03{
		width:20px;
		height:20px;
		line-height:18px;
		font-size:14px;
		top:-0.1em;
	}

	.popup-thumb a::after {
		font-size: 16px;
	}
	

}