@charset "utf-8";
/* CSS Document */
#premium-detail p {
	margin: 0;
	letter-spacing: 1px;
}

#premium-detail ul {
	margin: 0;
	padding: 0;
}

#premium-detail li {
	list-style: none;
}

#premium-detail .grayBox {
	margin-bottom: 50px;
	padding: 55px 32px 18px 50px;
	background-color: #F2F2F2;
}

#premium-detail .grayBox .photoBox {
	float: right;
}

#premium-detail .grayBox .photoBox img {
	width: 366px;
}

#premium-detail .grayBox .textBox {
	width: 341px;
	float: left;
}

#premium-detail .grayBox .textBox p {
	margin-bottom: 18px;
	color: #000;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
}

#premium-detail .grayBox .textBox p:last-child {
	margin-bottom: 0;
}

#premium-detail .grayBox .textBox .ttl {
	margin-bottom: 27px;
	position: relative;
}

#premium-detail .grayBox .textBox .ttl:before {
	margin-left: -151px;
	width: 305px;
	border-bottom: 1px solid #000;
	position: absolute;
	left: 50%;
	bottom: -12px;
	
	content: "";
}	

#premium-detail .grayBox .textBox .ttl img {
	width: 305px;
}

#premium-detail .grayBox .textBox .text img {
	width: 341px;
}

#premium-detail .linkUl {
	margin: 0 auto 44px;
	width: 678px;
}

#premium-detail .linkUl li {
	margin-right: 64px;
	float: left;
}

#premium-detail .linkUl li:nth-child(3n) {
	margin-right: 0;
}

#premium-detail .linkUl li a:hover {
	opacity: 0.7;
}

#premium-detail .linkUl li a img {
	width: 181px;
}

#premium-detail .txtBox {
	margin-bottom: 7px;
}

#premium-detail .txtBox p {
	margin-bottom: 12px;
	color: #000;
	font-size: 15px;
	line-height: 1.67;
	text-align: center;
}

#premium-detail .txtBox p:last-child {
	margin-bottom: 0;
}

#premium-detail .txtBox .ttl {
	margin-bottom: 9px;
}

#premium-detail .txtBox .ttl img {
	width: 231px;
}

#premium-detail .txtBox .yellowTxt {
	color: #ca9801;
	font-size: 30px;
	line-height: 1.33;
}

#premium-detail .phoBox {
	margin-bottom: 46px;
	position: relative;
}

#premium-detail .phoBox img {
	width: 800px;
}

#premium-detail .phoBox span {
	display: block;
	position: absolute;
	color: #ca9801;
	font-size: 15px;
	line-height: 1.47;
}

#premium-detail .phoBox .txt01 {
	width: 230px;
	left: 35px;
	bottom: 40px;
	letter-spacing: 2px;
}

#premium-detail .txtBox01 {
	margin-bottom: 14px;
}

#premium-detail .txtBox01 .ttl img {
	width: 145px;
}

#premium-detail .txtBox01 .yellowTxt {
	margin-bottom: 10px;
}

#premium-detail .txtBox01 .yellowTxt span {
	font-size: 35px;
}

#premium-detail .phoBox .txt02 {
	width: 190px;
	right: 5px;
	top: 93px;
	letter-spacing: 2px;
}

#premium-detail .phoBox01 {
	margin-bottom: 58px;
}

#premium-detail .innerBox {
	margin-bottom: 65px;
	padding-bottom: 69px;
	background-color: #F3F3F5;
}

#premium-detail .innerBox .photo {
	margin-bottom: 57px;
}

#premium-detail .innerBox .photo img {
	width: 800px;
}

#premium-detail .innerBox .subBox {
	margin: 0 40px;
}

#premium-detail .innerBox .imgBoxR,
#premium-detail .innerBox .imgBoxL {
	width: 100%;
	display: table;
	background-color: #fff;
}

#premium-detail .innerBox .imgBoxR {
	margin-bottom: 33px;
}
 
#premium-detail .innerBox .imgBoxR .photoBox img,
#premium-detail .innerBox .imgBoxL .photoBox img  {
	width: 320px;
	vertical-align: top;
}

#premium-detail .innerBox .imgBoxR .photoBox,
#premium-detail .innerBox .imgBoxL .photoBox,
#premium-detail .innerBox .imgBoxR .textBox,
#premium-detail .innerBox .imgBoxL .textBox {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#premium-detail .innerBox .imgBoxR .textBox,
#premium-detail .innerBox .imgBoxL .textBox {
	padding: 20px;
	width: 400px;
}

#premium-detail .innerBox .imgBoxR .textBox p,
#premium-detail .innerBox .imgBoxL .textBox p {
	color: #000;
	font-size: 15px;
	line-height: 1.67;
	text-align: center;
}

#premium-detail .innerBox .imgBoxR .textBox .ttl,
#premium-detail .innerBox .imgBoxL .textBox .ttl {
	margin-bottom: 15px;
	color: #ca9801;
	font-size: 23px;
	line-height: 1.43;
}

#premium-detail .pTitle {
	margin-bottom: 35px;
	text-align: center;
}

#premium-detail .pTitle span {
	margin-top: 18px;
	display: block;
	font-size: 26px;
	letter-spacing: 0px;
}

#premium-detail .pTitle img {
	width: 328px;
	font-size: 26px;
}

#premium-detail .sliderBox {
	margin: 0 auto 42px;
	width: 756px;
	position: relative;
}

#premium-detail .sliderBox .topBox {
	margin-bottom: 24px;
	position: relative;
}

#premium-detail .sliderBox .photoUl li img {
	width: 100%;
}

#premium-detail .sliderBox .arrow li {
	position: absolute;
	cursor: pointer;
}

#premium-detail .sliderBox .arrow li img {
	width: 35px;
}

#premium-detail .sliderBox .arrow .prev {
	margin-top: -30px;
	top: 50%;
	left: -17px;
}

#premium-detail .sliderBox .arrow .next {
	margin-top: -30px;
	top: 50%;
	right: -17px;
}

#premium-detail .sliderBox .arrow li:hover img {
	opacity: 0.7;
}

#premium-detail .sliderBox02 .photoUl .slick-dots {
	margin-top: 15px;
	text-align: center;
	height: 10px;
}

#premium-detail .sliderBox02 .photoUl .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
	vertical-align: top;
}

#premium-detail .sliderBox02 .photoUl .slick-dots li button {
	padding: 0;
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	box-sizing: border-box;
	border: 1px solid #8C8C8C;
	background-color: #fff;
}

#premium-detail .sliderBox02 .photoUl .slick-dots li button:hover,
#premium-detail .sliderBox02 .photoUl .slick-dots li.slick-active button {
	background-color: #8C8C8C;
}

#premium-detail .sliderBox .colorUl {
	margin: 0 auto;
	width: 470px;
}

#premium-detail .sliderBox .colorUl li {
	margin-right: 10px;
	width: 38px;
	float: left;
	position: relative;
	cursor: pointer;
}

#premium-detail .sliderBox .colorUl li:last-child {
	margin-right: 0;
}

#premium-detail .sliderBox .colorUl li.on:before {
	border: 1px solid #000;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	
	content: "";
}

#premium-detail .sliderBox .colorUl li img {
	width: 100%;
	vertical-align: top;
}

#premium-detail .blueTxt {
	margin-bottom: 38px;
	padding: 12px 0 8px;
	text-align: center;
	background-color: #193D5F;
}

#premium-detail .blueTxt img {
	width: 202px;
}

#premium-detail .yellowTtl {
	margin-bottom: 15px;
	text-align: center;
	margin-top: 8px;
	display:block;
	color: #ca9801;
	font-size: 27px;
	letter-spacing: 0;
	font-weight: 500;
}

#premium-detail .yellowTtl img {
	width: 94px;
}

#premium-detail .yellowTtl .en{
	display: block;
	font-size: 12px;
	letter-spacing: 1.5px;
	margin-bottom: 10px;
}

#premium-detail .yellowTtl + p{
	font-size: 15px;
	text-align: center;
	margin-bottom: 22px;
}

#premium-detail .imgUl {
	margin: -15px 0 55px;
	display: flex;
	flex-wrap: wrap;
}

#premium-detail .imgUl li {
	margin: 15px 17px 0 0;
}

#premium-detail .imgUl li:nth-child(6n) {
	margin-right: 0;
}

#premium-detail .imgUl li span {
	display: block;
	color: #000;
	font-size: 13px;
    transform: scaleX(.9);
}

#premium-detail .imgUl li span2 {
	display: block;
	color: #000;
	font-size: 12px;
	letter-spacing: -0.5px;
    transform: scaleX(.9);
}

#premium-detail .imgUl li span3 {
	display: block;
	color: #000;
	font-size: 11px;
	letter-spacing: -0.5px;
    transform: scaleX(.9);
}

#premium-detail .imgUl li img {
	width: 117px;
}

#premium-detail .yellowTtl span span {
	margin-top: 20px;
	color: #000;
	font-size: 15px;
}

#premium-detail .imageBox {
	margin: 0 60px 40px;
}

#premium-detail .imageBox .photoBox {
	float: left;
}

#premium-detail .imageBox .photoBox img {
	width: 290px;
}

#premium-detail .imageBox .textBox {
	margin-top: 14px;
	width: 345px;
	float: right;
}

#premium-detail .imageBox .textBox p {
	color: #000;
	font-size: 15px;
	letter-spacing: 0;
	line-height: 1.87;
}

#premium-detail .imageBox .textBox .ttl {
	margin-bottom: 22px;
	font-size: 23px;
	line-height: 1.52;
}

#premium-detail .sliderBox01 {
	margin-bottom: 62px;
	width: 730px;
}

#premium-detail .sliderBox01 .arrow .prev {
	margin-top: -20px;
	left: -24px;
}

#premium-detail .sliderBox01 .arrow .next {
	top: 50%;
	right: -22px;
}

#premium-detail .imageBox .textBox .link {
	margin-top: 24px;
}

#premium-detail .imageBox .textBox .link a {
	padding: 18px 5px 19px;
	min-width: 263px;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1;
	text-align: center;
	box-sizing: border-box;
	background-color: #193D5F;
}

#premium-detail .imageBox .textBox .link a:hover {
	opacity: 0.7;
}

#premium-detail .imageBox01 {
	margin-bottom: 0;
}

#premium-detail #service .service-left {
    float: left;
    width: 355px;
}

#premium-detail #service .bnr-text01 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    color: #E7474C;
}

#premium-detail #service .bnr-text02 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    color: #629FC5;
    letter-spacing: 0;
}

#premium-detail #service .prl35{
	display: flex;
	justify-content: center;
}

#premium-detail #service .service-left .mt-22 {
    margin-top: -22px;
}



#premium-detail #logotemp {
  text-align: center;
  background:url('/material/product/images/logotemp.png') no-repeat;
  position: relative;
  width:735px;height:399px;
  margin-top: 30px;
  margin-left: 32px;
}
#premium-detail #logotemp .logotempBtn  {
	position:absolute;
	bottom:22px;
	right:102px;
	text-align:center;
}


#btn {
	margin: 50px 0 80px; 
	text-align: center;
}

#btn p{
	display: inline-block;
}

#btn a.sample-btn01 ,
#btn a.estimate-btn01 {
	float: left;
	position: relative;
	display: inline-block;
	line-height: 100%;
	padding: 19px 90px 19px 75px;
	color: #fff;
	background: #72BEC4;
	text-decoration: none;
	font-size: 19px;
	letter-spacing: 2px;
	margin-right: 32px;
}

#btn a.estimate-btn01 {
	margin-right: 0;
}

#btn a.sample-btn01::before {
	content: url(/material/product/speedy/img/icon-bag.png);
    position: absolute;
    top: 15%;
    left: 20px;
}

#btn a.estimate-btn01::before {
	content: url(/material/product/speedy/img/icon-calculator.png);
    position: absolute;
    top: 15%;
    left: 20px;
}


#btn a.sample-btn01::after ,
#btn a.estimate-btn01::after {
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	top: 50%;
	margin-top: -5px;
	right: 26px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

#btn a.sample-btn01:hover,
#btn a.estimate-btn01:hover,
#btn a.order-btn01:hover {
	background: #92DBDD;
}

/* size ----------*/
table.sizebox {
  width: 800px;
  margin: 0 auto;
  border-collapse: collapse;
  border: 1px solid #d4d4d4;
}

table.sizebox td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d4d4d4;
  font-family: "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

table.sizebox td.original {
  background: #F8F8F8;
}

#size .size-use {
  color: #183D5E;
  font-size: 12px;
  margin: 10px 0 3px;
  line-height: 15px;
}

#size .size-name {
  color: #b78116;
  font-size: 17px;
  margin: 0px 0 3px;
  font-weight: bold;
  letter-spacing: 1px;
}

#size .size-size {
  color: #3C3C3C;
  font-size: 11px;
  margin: 2px 0 9px;
  letter-spacing: 1px;
}

#size p.size-use-original {
  color: #FFF;
  background: #183D5E;
  margin: 0 24px 0;
  padding: 6px;
}

#size p.size-original {
  color: #183D5E;
  font-size: 15px;
}

#size p.size-original span {
  font-size: 15px;
  font-weight: bold;
}

#size td.sizenew{
  position: relative;
}

#size img.sizenew{
  position: absolute;
  top: 35px;
  right: 5px;
}



/* price ----------*/
#price{
	margin-top: 80px;
	border-top: 1px solid #707070;
	padding-top: 80px;
}

#premium-detail #price .yellowTtl + p.update {
	color: #3C3C3C;
	font-size: 12px;
	text-align: right;
	margin-bottom: 0;
}

table.pricebox {
	width: 800px;
	margin: 0 auto 20px;
	border-collapse: collapse;
	border: 1px solid #d4d4d4;
	color: #3C3C3C;
	letter-spacing: 2px;
}

table.pricebox th {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d4d4d4;
	font-weight: normal;
	background: #efeeec;
	padding: 10px 0;
}

table.pricebox td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d4d4d4;
	padding: 10px 0;
}

.price-size {
	font-size: 11px;
	letter-spacing: 0px;
}

table.optionbox {
	width: 800px;
	margin: 0 auto 20px;
	border-collapse: collapse;
	border: 1px solid #d4d4d4;
	color: #3C3C3C;
	letter-spacing: 2px;	
}

table.optionbox th {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d4d4d4;
	font-weight: normal;
	background: #efeeec;
	padding: 10px 0;
}

table.optionbox td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d4d4d4;
	padding: 10px 0;
}

table.postage {
	width: 800px;
	margin: 0 auto 15px;
	border-collapse: collapse;
	border: 1px solid #d4d4d4;
	color: #FA3C3C;
	letter-spacing: 2px;	
}

table.postage td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #d4d4d4;
	padding: 18px 0;
	background: #efeeec;
}

#btn {
    margin: 50px 51px 80px;
    text-align: center;
}

#btn a.order-btn01 {
	position: relative;
	display: inline-block;
	line-height: 100%;
	padding: 19px 105px 19px 115px;
	color: #fff;
	background: #72BEC4;
	text-decoration: none;
	font-size: 22px;
	letter-spacing: 2px;
}

#btn a.order-btn01::before {
	content: url(./img/icon-cart.png);
    position: absolute;
    top: 15%;
    left: 20px;
}

#btn a.order-btn01::after {
	content: url(../../../../../common/img/r-ancer-on.png);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px;
}