#page-title span {
	font-size: 80%;
	line-height: 1.5em;
	vertical-align: middle;
}


.bodytitle {
color: rgba(32,72,147,1.00);
text-align: center;
font-size: 20px;
line-height: 1.5em;
}
.bodytitle span {
display: block;
padding: 0.5em 0px 0px;
font-size: 14px;
line-height: 1.5em;
}
.p11 .bodyblock {
}
.bodyblock sup {
font-size: 60%;
line-height: 1.4em;
}
.con-text {
color: rgba(32,72,147,1.00);
}



.index-cut {
margin: -15px 0px 20px;
}
.index-cut img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
	max-width: calc(226px / 2);
}
.index-menu {
margin: 0px 0px 20px;
}
.index-menu a {
display: inline-block;
position: relative;
padding: 22px 0px 22px 45px;
font-size: 15px;
line-height: 1.4em;
transition: all 0.4s;
}
.index-menu a::before {
content: "";
display: block;
background-image: url(../../products/imgs/sp/icon.png);
background-position: left top;
background-size: calc(76px / 2) auto;
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 0px;
width: calc(76px / 2);
height: calc(116px / 2);
padding-left: 50px;
transition: all 0.4s;
}
.index-menu a:hover {
color: rgba(178,178,178,1.00);
text-decoration: none;
}
.index-menu a:hover::before {
opacity: 0.3;
}


.p11-01 .body-cont {
border-top: 1px dotted rgba(89,87,87,1.00);
padding-top: 20px;
padding-bottom: 20px;
}


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

#page-title span {
	font-size: 96%;
	line-height: 1.5em;
}

.bodytitle {
font-size: 26px;
line-height: 1.5em;
}
.bodytitle span {
padding: 0.4em 0px 0px;
font-size: 17px;
line-height: 1.5em;
}
.p11 .bodyblock {
text-align: center;
}
.index-cut {
margin: -30px auto 20px;
width: 85%;
}
.index-cut img {
margin: 0px 0px 0px auto;
}

.index-menu {
margin: -20px auto 25px;
display: table;
}
.index-menu li {
display: table-cell;
padding: 0px 15px;
}
.index-menu a {
font-size: 16px;
line-height: 1.4em;
}


.p11-01 .body-cont {
padding-top: 25px;
padding-bottom: 25px;
}

}



@media print, screen and (min-width: 1026px) {
.bodytitle {
font-size: 30px;
line-height: 1.5em;
padding-bottom: 25px;
}
.bodytitle span {
padding: 0.3em 0px 0px;
font-size: 20px;
line-height: 1.5em;
}


.index-menu a {
color: rgba(178,178,178,1.00) !important;
}
.index-menu a:hover {
color: rgba(32,72,147,1.00) !important;
}
.index-menu a::before {
opacity: 0.4;
}
.index-menu a:hover::before {
opacity: 1.0;
transform: scale(1.05,1.05);
}

}


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

.index-menu {
margin: -25px auto 25px;
}
.index-menu li {
padding: 0px 20px;
}
.index-menu a {
font-size: 17px;
line-height: 1.4em;
}

}


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


















/* p11-01 */
.ts-menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: rgba(255,255,255,0.9);
padding-bottom: 5px;
margin-bottom: 15px;
padding-top: 5px;
}
.ts-menu li {
-ms-flex-preferred-size: calc(25% - 15px);
flex-basis: calc(25% - 15px);
display: flex;
justify-content: center;
align-items: center;
padding: 0px 0px 15px;
}
.ts-menu li a {
max-width: calc(146px / 2);
}
.ts-menu li img {
height: auto;
width: 100%;
margin: 0px auto;
display: block;
transition: all 0.4s;
}


/* 001 */
.ts-title {
display: block;
position: relative;
padding: 9px 0px 35px 45px;
font-size: 16px;
line-height: 1.4em;
color: rgba(32,72,147,1.00);
font-weight: bold;
}
.ts-title::before {
content: "";
display: block;
background-image: url(../../products/imgs/sp/icon.png);
background-position: left top;
background-size: calc(76px / 2) auto;
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 0px;
width: calc(76px / 2);
height: calc(116px / 2);
padding-left: 50px;
transition: all 0.4s;
}
.bodyblock.body-left {
margin: -30px 0px 0px 45px;
}
.bodyblock.body-left p {
padding-bottom: 15px;
}

.tool-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tool-menu li {
-ms-flex-preferred-size: calc(50% - 2px);
flex-basis: calc(50% - 2px);
padding: 0px 0px 4px;
}
.tool-menu li p {
display: block;
background: linear-gradient(to right, rgba(115,22,176,1.00) 15%, rgba(0,72,152,1.00) 85%);
padding: 5px 10px;
font-size: 13px;
line-height: 1.2em;
text-align: left;
color: rgba(255,255,255,1.00);
border-top-right-radius: 10px;
cursor: pointer;
transition: all 0.3s;
opacity: 0.4;
}
.tool-menu li p.tactive {
opacity: 1.0;
}

/* tool-block */
.tool-block {
padding: 0px 0px 15px;
}
.tool-img-block {
position: relative;
}
.tool-imgs {
}
.tool-imgs li {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
display: none;
}

.tool-imgs li .img-ov-text {
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
width: 100%;
background-color: rgba(255,255,255,0.8);
color: rgba(0,0,0,1.00);
padding: 0.2em 0.5em;
font-weight: bold;
/* font-size: calc(100vw / 60); */
font-size: 10px;
line-height: 1.3em;
}
/*
	<div class="tool-img-block">
			<div class="tool-img-back"><img src="imgs/sp/sp_s_image00.jpg" alt="背景イメージ" width="1500" height="938"></div>
			<ul class="tool-imgs">
				<li class="tool01-img">
					<img src="imgs/sp/sp_s_image01.png" alt="エンドボードイメージ" width="1500" height="938">
					<div class="img-ov-text">遠くからでも目につきやすい、POP-UPやギミックを付加したボード等、集客効果の高い売場がつくれます。</div>
				</li>
*/



.tool-flow {
padding: 0px 0px 15px;
}
.tool-flow.fpc {
display: none;
}


/* ts-img-block */
.ts-img-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ts-img-block li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0px 0px 15px;
}
.ts-img-block li img {
	height: auto;

	width: 100%;
	margin: 0px auto;
}

.ts-img-block li:last-child {
padding: 0px;
}
.ts-img-block li .ts-img-cap {
padding: 5px 0px 0px;
font-size: 13px;
line-height: 1.4em;
}
.tool-link {
position: absolute;
right: 0px;
bottom: 0px;
width: 100%;
text-align: right;
z-index: 2;
}
.tool-link a {
background-color: rgba(191,73,221,1.00);
color: rgba(255,255,255,1.00) !important;
font-size: 11px;
line-height: 1.3em;
padding: 3px 20px 3px 10px;
display: inline-block;
position: relative;
transition: all 0.4s;
}
.tool-link a:hover {
background-color: rgba(136,136,136,1.00);
text-decoration: none;
}
.tool-link a::after {
content: "";
display: block;
top: 0px;
right: 5px;
position: absolute;
width: 0;
height: 0;
border-left: 10px solid rgba(255,255,255,1.00);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
transform: scale(1.0, 0.6);
}

.cont-block {
background-color: rgba(242,242,242,1.00);
padding: 15px;
margin: 15px 0px 30px;
}
.ts-stitle {
color: rgba(32,72,147,1.00);
font-size: 16px;
line-height: 1.5em;
font-weight: bold;
padding: 0px 0px 6px;
}

.cont-b-2 {
}
.cont-b-2 li {
padding: 0px 0px 15px;
}

.link-bt a {
position: relative;
padding: 2px 0px 2px 40px;
}
.link-bt a::before {
transition: all 0.4s;
content: "";
display: block;
top: 2px;
left: 0px;
position: absolute;
width: 30px;
height: 18px;
background-color: rgba(32,72,147,1.00);
}
.link-bt a::after {
content: "";
display: block;
top: 1px;
left: 15px;
position: absolute;
width: 0;
height: 0;
border-left: 10px solid rgba(255,255,255,1.00);
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
transform: scale(1.0, 0.5);
}
.link-bt a:hover::before {
background-color: rgba(136,136,136,1.00);
}

/* plan-img */
.plan-img {
padding: 15px;
text-align: center;
background-image: url(../../products/imgs/sp/sp_s01.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

/* cont-b-25 */
.cont-b-25 {
}
.cont-b-25 li {
}
.ts-box-title {
padding: 0px 0px 8px;
font-weight: bold;
font-size: 16px;
line-height: 1.6em;
}

/* solution-box */
.solution-box {
padding: 0px 0px 20px;
}
.solution-box img {
margin: 0px auto;
width: 100%;
max-width: calc(1174px / 2);
display: block;
}


@media print, screen and (min-width: 768px) {
/* p11-01 */
.ts-menu {
}
.ts-menu li {
-ms-flex-preferred-size: calc(12.5% - 20px);
flex-basis: calc(12.5% - 20px);
padding: 0px 0px 70px;
}
.ts-menu li:nth-child(even) {
padding: 70px 0px 0px;
}


/* 001 */
.ts-title {
font-size: 20px;
line-height: 1.4em;
}
.bodyblock.body-left p {
padding-bottom: 25px;
}

.tool-menu li {
-ms-flex-preferred-size: calc(25% - 3px);
flex-basis: calc(25% - 3px);
}


/* tool-block */
.tool-block {
padding: 0px 0px 25px;
}
.tool-flow {
padding: 0px 0px 25px;
}

.tool-flow.fpc {
display: block;
}
.tool-flow.fsp {
display: none;
}
.tool-imgs li .img-ov-text {
padding: 0.5em 0.6em;
font-weight: bold;
font-size: 13.5px;
line-height: 1.3em;
}


/* ts-img-block */
.ts-img-block li {
-ms-flex-preferred-size: calc(33.33% - 10px);
flex-basis: calc(33.33% - 10px);
padding: 0px;
}


.tool-link a {
font-size: 13px;
line-height: 1.3em;
padding: 5px 20px 4px 10px;
}
.tool-link a::after {
top: 3px;
}


.cont-block {
padding: 25px;
margin: 25px 0px 50px;
}
.ts-stitle {
font-size: 18px;
line-height: 1.5em;
padding: 0px 0px 8px;
}


.cont-b-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cont-b-2 li:first-child {
	-ms-flex-preferred-size: calc(65% - 10px);
	flex-basis: calc(65% - 10px);
padding: 0px 0px 15px;
}
.cont-b-2 li:last-child {
	-ms-flex-preferred-size: calc(35% - 10px);
	flex-basis: calc(35% - 10px);
padding: 0px 0px 15px;
}

/* plan-img */
.plan-img {
padding: 30px;
}

/* cont-b-25 */
.cont-b-25 {
display: table;
}
.cont-b-25 li {
display: table-cell;
vertical-align: middle;
}
.cont-b-25 li:first-child {
width: 16em;
}
.ts-box-title {
padding: 0px 0px 8px;
font-size: 18px;
line-height: 1.6em;
text-align: center;
}

.solution-box {
padding: 0px 0px 30px;
}

}




@media print, screen and (min-width: 1026px) {
/* ts-menu .tsactive */
.ts-menu {
width: 750px;
z-index: 10;
}
.ts-menu li a {
opacity: 0.4;
}
.ts-menu li a:hover {
opacity: 1.0;
}
.ts-menu li a:hover img {
transform: scale(1.05, 1.05);
}


.tool-menu li p {
}
.tool-menu li p:hover {
opacity: 1.0;
}
.tool-imgs li .img-ov-text {
padding: 0.6em 0.7em;
font-size: 14.2px;
line-height: 1.3em;
}


/* ts-img-block */
.ts-img-block li {
-ms-flex-preferred-size: calc(480px / 2);
flex-basis: calc(480px / 2);
}

.cont-b-2 li:first-child {
	-ms-flex-preferred-size: 432px;
	flex-basis: 432px;
}
.cont-b-2 li:last-child {
	-ms-flex-preferred-size: calc(100% - 462px);
	flex-basis: calc(100% - 462px);
}
.cont-b-2.setup li:first-child {
	-ms-flex-preferred-size: calc(986px / 2);
	flex-basis: calc(986px / 2) !important;
}
.cont-b-2.setup li:last-child {
	-ms-flex-preferred-size: calc(100% - 523px);
	flex-basis: calc(100% - 523px);
}

/* plan-img */
.plan-img {
padding: 35px;
}


}


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

}


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













/* p11-02 */
.p11-02 .bodytitle {
padding-bottom: 10px;
}
.contsp-title {
position: relative;
text-align: center;
font-size: 16px;
line-height: 1.2em;
margin: 0px 0px 15px;
}
.contsp-title p {
display: inline-block;
padding: 5px 10px;
background-color: rgba(255,255,255,1.00);
position: relative;
z-index: 1;
}
.contsp-title::before,
.contsp-title::after {
content: "";
display: block;
position: absolute;
top: calc(50% - 3px);
left: 0px;
width: 50%;
height: 6px;
background: linear-gradient(to left, rgba(115,22,176,1.00) 15%, rgba(0,72,152,1.00) 85%);
}
.contsp-title::after {
left: auto;
right: 0px;
background: linear-gradient(to right, rgba(115,22,176,1.00) 15%, rgba(0,72,152,1.00) 85%);
}

/* .awt-img-block */
.awt-img-block {
margin: 0px 0px 20px;
}
.awt-img-block li .awt-title {
padding: 0px 0px 15px;
color: rgba(32,72,147,1.00);
font-weight: bold;
font-size: 16px;
line-height: 1.5em;
}
.awt-img-block li .awt-img {
}


/* .awt-img-block */
.awt-img-block2 {
margin: 0px 0px 20px;
}
.awt-img-block2 li .awt-title {
padding: 0px 0px 15px;
color: rgba(32,72,147,1.00);
font-weight: bold;
font-size: 16px;
line-height: 1.5em;
}
.awt-img-block2 li .awt-img {
}


/* .aw-img-block */
.aw-title {
color: rgba(0,0,0,1.00);
font-weight: bold;
font-size: 18px;
line-height: 1.4em;
padding: 0px 0px 8px;
}
.aw-img-block {
padding: 0px 0px 35px;
}
.aw-img-block li {
padding: 0px 0px 20px;
}
.aw-img-block .ts-img-cap {
font-size: 13px;
line-height: 1.6em;
padding: 10px 0px 0px;
}




@media print, screen and (min-width: 768px) {
.contsp-title {
font-size: 18px;
line-height: 1.2em;
margin: 0px 0px 20px;
}

.awt-img-block {
margin: 0px 0px 20px;
display: table;
width: 100%;
}
.awt-img-block li {
display: table-cell;
}
.awt-img-block li .awt-title {
padding: 0px;
font-size: 18px;
line-height: 1.5em;
}
.awt-img-block li .awt-img {
max-width: calc(394px / 2);
margin: 0px 0px 0px auto;
}
    
    
.awt-img-block2 {
margin: 0px 0px 20px;
display: table;
width: 100%;
}
.awt-img-block2 li {
display: table-cell;
}
.awt-img-block2 li .awt-title {
padding: 0px;
font-size: 18px;
line-height: 1.5em;
}
.awt-img-block2 li .awt-img {
max-width: calc(480px / 2);
margin: 0px 0px 0px auto;
}

/* .aw-img-block */
.aw-img-block {
padding: 0px 0px 35px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.aw-img-block li {
padding: 0px 0px 20px;
-ms-flex-preferred-size: calc(50% - 10px);
flex-basis: calc(50% - 10px);
}
.aw-img-block .ts-img-cap {
font-size: 14px;
line-height: 1.6em;
padding: 10px 0px 0px;
}

}



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

}



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

.aw-img-block li {
-ms-flex-preferred-size: calc(728px / 2);
flex-basis: calc(728px / 2);
}

}



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















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

}


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

}


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

}


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