@charset "utf-8";
/* CSS Document */

/**/

.center{text-align:center;}

.product-main-2 .product-image {text-align: center;  max-width: 530px;}
.product-main-2 .product-image > img {margin:50px 0;}

.product-info-set{ width: 100%;}
.product-info-set .set-title{white-space: nowrap; width:30%; min-width:25%; border-bottom:1px solid #ccc; padding:3px; background-color:#efefef;color:#666;font-seize:10px;}
.product-info-set .set-text{border-bottom:1px solid #ccc; padding:3px; font-weight:normal;font-seize:10px;}

.product-main-2 .product-thumbnails > img {max-width:100px; }
.product-main-2 .product-thumbnails > ul {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.contents-right .product-info{width:40%;}
.bt_dataUlTxt{
background: #7abcff; 
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #409x6ee 100%);
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
border-radius:5px;
border:1px solid #999999;
padding:3px;
margin-top:15px;
text-align:center;
}
.bt_dataUlTxt a{
width:100%;
display:block;
color:#ffffff;
}
.template-list{ display: flex;
			-ms-flex-wrap: wrap;
      flex-wrap: wrap;}
.template-list li{margin:10px 10px 0 0; padding:5px; border:1px dotted #ccc; border-radius: 5px; text-align: center;}
.template-list li h4{font-size: 80%;}
.bt_template-AI{

padding:5px;
	color:#333;
border-radius:3px;
border:1px solid #999999;

margin-right:5px;
background: -moz-linear-gradient(top,  #f1e767 0%, #feb645 100%);
background: -webkit-linear-gradient(top,  #f1e767 0%,#feb645 100%); 
background: linear-gradient(to bottom,  #f1e767 0%,#feb645 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 );
}
.bt_template-AI::before{content:  url("img-dl.png") ;}
.bt_template-PDF::before{content:  url("img-dl.png") ;}
.bt_template-PDF{

	color:#333;
border-radius:3px;
border:1px solid #999999;
padding:5px;
margin-right:5px;
background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff715e 100%);
background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff715e 100%);
background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 45%,#ff715e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff715e',GradientType=0 );
}


.comsoon{
background-color:#000000;
opacity:0.8;
position:absolute;
z-index:1000;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
}


.comsoon02{/*トップページメニュー・卓上カレンダー・一部のみマスク用*/
background-color:#000000;
opacity:0.8;
position:absolute;
z-index:1000;
top:0;
bottom:0;
left:25%;
right:24%;
width:51%;
}


.comsoon03{/*トップページメニュー・壁掛けカレンダー・一部のみマスク用*/
background-color:#000000;
opacity:0.8;
position:absolute;
z-index:1000;
top:0;
bottom:0;
left:17%;
right:0;
width:83%;
}


.comsoon p,.comsoon02 p,.comsoon03 p{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size:16px;
  color:fff;
font-weight:bold;
  margin: auto;
  width: 80%;
  height: 1rem;
}


.category-wrap .cat h3{
width:100%;
margin:0;
padding:0;
}