@charset "shift-jis";

.inner_content {
    width: 900px;
}

#cbbox-wrap a:hover, #cbbox-wrap a:hover img{ opacity:0.8;}
#cbbox-wrap nav.nav{ min-width:100%; background-color:white;}

#cbbox-wrap div.prices li.price{ margin:0; color:#fd6683;}
#cbbox-wrap div.prices li.intax{ margin:0; display:inline-block; font-size:18px;}
#cbbox-wrap div.prices span.spesicalprice{ display:none;}

#cbbox-bg{width: 100%;
background: rgb(238,238,238),url("/IMAGE/200918_colorbox_mtx/main_bg.png");
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 58%, rgba(255,255,255,1) 100%),url("/IMAGE/200918_colorbox_mtx/main_bg.png");
background: url("/IMAGE/200918_colorbox_mtx/main_bg.png"),-webkit-linear-gradient(top,  rgba(238,238,238,1) 58%,rgba(255,255,255,1) 100%); 
background: url("/IMAGE/200918_colorbox_mtx/main_bg.png"), linear-gradient(to bottom,  rgba(238,238,238,1) 58%,rgba(255,255,255,1) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
background-repeat: repeat-x; position:relative; padding-top:15%; padding-bottom:13%; }
#cbbox-bg #cbbox-header{
	width: 100%;
	/*max-width: 100%;*/
	min-width:100% !important;
	margin: 0 auto;	
	background-position: left center,right center;
	background-repeat: no-repeat;
	padding-bottom: 5%;
	-moz-text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
	-webkit-text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
	-ms-text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
}
#cbbox-wrap{width: 100%;max-width: 100%;margin: 0 auto;}
#cbbox-wrap .cb-textbox{
	background-image: url(https://image.rakuten.co.jp/kaguin/cabinet/description/200918_colorbox_mtx/cbbox_mtx_01.jpg);
	background-size: 100%;background-repeat: no-repeat;background-position: bottom center;
	padding-bottom: 30%; position:relative;
}
#cbbox-wrap .cb-textbox img.cube_img{ position:absolute; top: 8.5%; left: 46%; width: 4.5%;}
#cbbox-wrap .cb-textbox h2.sub-title{ text-align: center; line-height: 3em; font-size:23px; }
#cbbox-wrap .cb-textbox .inner-text{
	width: 77%;
    margin: 1.5%;
}
#cbbox-wrap .nav h2.sub-title{
	text-align: center; line-height: 2em; font-size:23px; margin:1% 0 0.5%;
}
#cbbox-wrap .nav .anchor-link{
	display: flex;
	justify-content: space-around;
}
#cbbox-wrap .nav .anchor-link li{ width:23%; border-top:2px solid #313131; border-bottom:2px solid #313131; padding-left:4%; position:relative;}
#cbbox-wrap .nav .anchor-link li:nth-child(4){ padding-left:3%;}
#cbbox-wrap .nav .anchor-link li a{text-decoration: none;font-size: 150%;font-weight: bold;}
#cbbox-wrap .nav .anchor-link li a img.icon01{width:auto;height: 100%; vertical-align: middle;margin-left: 26%;}
#cbbox-wrap .nav .anchor-link li a img.icon02{width:auto;height: 100%; vertical-align: middle;margin-left: 7%;}
#cbbox-wrap .nav .anchor-link li a img.sankaku{ position:absolute; left:-5%; top:25%; width:20%;}
#cbbox-wrap .parts_link{
	width: 98%;
    margin: 5% auto;
    background-image: url(/IMAGE/200918_colorbox_mtx/nav_icon05_l.png), url(/IMAGE/200918_colorbox_mtx/nav_icon05_r.png);
    background-position: 5% center,95% center;
    background-repeat: no-repeat;
    border-top: 2px solid #313131;
    border-bottom: 2px solid #313131;
    background-size: 15%;
    padding: 2% 0%;
}
#cbbox-wrap .parts_link a{
	text-align: center;
	font-size: 150%;
    font-weight: bold;
	color: #f8b551;
	display: block;
    text-decoration: none;
}
#cbbox-wrap .parts_link a:after{
	content: "ﾂ｢ﾂｧ";
    text-align: center;
    color: #89c997;
    display: block;
    font-size: 130%;
}
#cbbox_3,#cbbox_2,#cbbox_1,#cbbox_4,#cbbox_parts{margin: 10% auto 5%;}
#cbbox-wrap .cb3dan{
	background-image: url(/IMAGE/200918_colorbox_mtx/midashi_icon01.png), repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
	background-size: contain,100% 10%;
	background-repeat: no-repeat;
	background-position: 80% bottom;
}
#cbbox-wrap .cb2dan{
	background-image: url(/IMAGE/200918_colorbox_mtx/midashi_icon02.png), repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
	background-size: 10%,100% 10%;
	background-repeat: no-repeat;
	background-position: 72% bottom;
}
#cbbox-wrap .cb1dan{
	background-image: url(/IMAGE/200918_colorbox_mtx/midashi_icon03.png), repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
	background-size: contain,100% 10%;
	background-repeat: no-repeat;
	background-position: 80% bottom;
}
#cbbox-wrap .cb4dan{
	background-image: url(/IMAGE/200918_colorbox_mtx/midashi_icon04.png), repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
	background-size: contain,100% 10%;
	background-repeat: no-repeat;
	background-position: 85% bottom;
}
#cbbox-wrap .cbparts{
	background-image: url(/IMAGE/200918_colorbox_mtx/midashi_icon05.png), repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
	background-size: contain,100% 10%;
	background-repeat: no-repeat;
	background-position: 86% bottom;
}

#cbbox-wrap div.cbbox_title p.middle-txt{font-size:43%;font-weight: normal;}
#cbbox-wrap div.cbbox_title p.middle-txt_01{ margin-bottom: 3%;}
#cbbox-wrap div.cbbox_title p.middle-txt:nth-child(2){ margin-bottom:3%;}
#cbbox-wrap div.cbbox_title{text-align: center;font-size:50px;font-weight: bold;margin-bottom: 5%; position:relative;}
#cbbox-wrap div.cbbox_title02{text-align: center;font-size:50px;font-weight: bold;margin-bottom: 5%;}

#cbbox-wrap div.cbbox_title img{ position:absolute; width:5%; top:35%; left:47%;}
#cbbox-wrap div.cbbox_title_row1 img{ top: 15% !important;}


#cbbox-wrap h3.cbbox_title span.middle-txt{font-size:43%;font-weight: normal;}
#cbbox-wrap h3.cbbox_title{text-align: center;font-size:50px;font-weight: bold;margin-bottom: 5%;}
#cbbox-wrap h3.cbbox_title02{text-align: center;font-size:50px;font-weight: bold;margin-bottom: 5%;}

#cbbox-wrap .cbbox_item{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#cbbox-wrap .cbbox_item li{
	margin: 0 auto 7%;
	display: flex;
	flex-direction: column;
}
#cbbox-wrap .cbbox_item .name{
	font-size: 100%;
    font-weight: bold;
    line-height: 2em;
}
#cbbox-wrap .size_tani {
    font-size: 110%;
    font-weight: bold;
    line-height: 2em;
    text-align: right;
}
#cbbox-wrap .cbbox_item .size{
	font-size: 90%;
    font-weight:normal;
    line-height: 2em;
}


#cbbox-wrap .cbbox_item .prices{
	text-align: right;
	color:#fd6683;
	font-weight: bold;
	font-size: 150%;
	margin-right: 5%;
	line-height: 2em;}

#cbbox-wrap .cbbox_item .item_link{
	display: inline-block;
    width: 90%;
	margin: auto auto 3% ;
    background-color: #89c997;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-size: 120%;
    text-align: center;
    font-weight: bold;
    line-height: 2.5em;
}
#cbbox-wrap .small-text{
	font-size: 80%;
}
#cbbox-wrap .banner-box{
	width: 100%;
	max-width: 900px;
	margin: 2% auto;
}
#cbbox-header h1{
	text-align: center;
	color: #313131;
	font-weight: bold;
	width:900px;
}
#cbbox-header h1 span.title{
	font-size: 80%;
    font-weight: normal;
}
#cbbox-wrap .parts_images{
	display: block;
	width: 100%;
	margin-bottom: 5%;
}
#cbbox-wrap .cbbox_item .cbbox_parts_text{
	font-size: 120%;
    font-weight: bold;
    line-height: 2em;
	text-align: center;
	padding-bottom: 3%;
}
#cbbox-wrap .cbbox_item .cbbox_parts_text span.small-text{
	font-size: 90%;
    text-align: center;
    font-weight: normal;
    line-height: 1.6em;
}
#cbbox-wrap .cbbox_item .cbbox_parts_text span.small-text:before{
	content: "";
    width: 40%;
    border: solid 1px #f8b551;
    display: block;
    margin: 2% auto 5%;
}

/*くるくる回る*/
@-webkit-keyframes anime {
    0% {}
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes anime {
    0% {}
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-ms-keyframes anime {
    0% {}
    100% {
        -ms-transform: rotate(360deg);
    }
}
.indicator01 {
    display: inline-block;
    position: absolute;
	top:-65%;
	right:20%;
    /*margin-left:50%;
	margin-top: 2%;*/
    width: 111px;
    height: 102px;
    -webkit-border-radius: 5px;
    -webkit-animation: anime 9s infinite linear;
	-moz-border-radius: 5px;
	-moz-animation: anime 9s infinite linear;
	-ms-border-radius: 5px;
	-ms-animation: anime 9s infinite linear;
}
.indicator02 {
    display: inline-block;
    position: absolute;
	/*margin-left:20%;
	margin-top: 2%;*/
	top:70%;
	left:20%;
    width: 111px;
    height: 102px;
    -webkit-border-radius: 5px;
    -webkit-animation: anime 15s infinite linear;
	-moz-border-radius: 5px;
	-moz-animation: anime 15s infinite linear;
	-ms-border-radius: 5px;
	-ms-animation: anime 15s infinite linear;
}
.indicator03{ position:absolute; top:-85%; left: 0;}
.indicator04{ position:absolute; top:-85%; right:0;}

.pc_item{display:block;}
.smp_item{display:none;}

@media screen and (max-width:749px) {
.pc_item{display:none;}
.smp_item{display:block;margin: auto;}
#cbbox-bg{width: 100%;
	background: rgb(238,238,238),url("/IMAGE/200918_colorbox_mtx/main_bg.png");
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 58%, rgba(255,255,255,1) 100%),url("/IMAGE/200918_colorbox_mtx/main_bg.png");
	background: url("/IMAGE/200918_colorbox_mtx/main_bg.png"),-webkit-linear-gradient(top,  rgba(238,238,238,1) 58%,rgba(255,255,255,1) 100%); 
	background: url("/IMAGE/200918_colorbox_mtx/main_bg.png"), linear-gradient(to bottom,  rgba(238,238,238,1) 58%,rgba(255,255,255,1) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
	background-repeat: repeat-x;
	background-size: 100%;
}
#cbbox-bg #cbbox-header{
	background-size: 31%;
}
#cbbox-bg #cbbox-header h1{
		font-size: 100%;
	}
.indicator01 {
    display: inline-block;
    position: relative;
    margin-left:70%;
	margin-top: 2%;
    width: 13%;
    height: 13%;
    -webkit-border-radius: 5px;
    -webkit-animation: anime 9s infinite linear;
}
.indicator02 {
    display: inline-block;
    position: relative;
	margin-left:20%;
	margin-top: 2%;
    width: 13%;
    height: 13%;
    -webkit-border-radius: 5px;
    -webkit-animation: anime 15s infinite linear;
}
#cbbox-wrap .cb-textbox h2.sub-title {
    text-align: center;
    line-height: 2.8em;
    font-size: 92%;
}
#cbbox-wrap .cb-textbox .inner-text {
    width: 96%;
    margin: 1.5% auto;
    font-size: 86%;
}
#cbbox-wrap .nav h2.sub-title {
    font-size: 100%;
}
#cbbox-wrap .nav .anchor-link {
    flex-wrap: wrap;
}
#cbbox-wrap .nav .anchor-link li {
    width: 48%;
	margin: 2% auto;
	height: 100%;
}
#cbbox-wrap .nav .anchor-link li a {
    font-size: 120%;
}
#cbbox-wrap .nav .anchor-link li a img.icon01 {
    height: 60%;
	margin: 2% auto 2% 18%;
}
#cbbox-wrap .nav .anchor-link li a img.icon02 {
    height: 56%;
    margin: 2% 0% 2% 0%;
}
#cbbox-wrap .parts_link {
    width: 98%;
    margin: 5% auto;
    background-image: url(/IMAGE/200918_colorbox_mtx/nav_icon05_l.png), url(/IMAGE/200918_colorbox_mtx/nav_icon05_r.png);
    background-position: left center,right center;
    background-repeat: no-repeat;
    border-top: 2px solid #313131;
    border-bottom: 2px solid #313131;
    background-size: 25%;
    padding: 1% 0%;
}
#cbbox-wrap .parts_link a {
    font-size: 110%;
}
#cbbox-wrap h3.cbbox_title span.middle-txt {
    font-size: 50%;
}
#cbbox-wrap h3.cbbox_title {
    font-size: 30px;
}
#cbbox-wrap .cb3dan {
    background-image: url(/IMAGE/200918_colorbox_mtx/midashi_icon01.png), repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
    background-size: contain,100% 10%;
    background-repeat: no-repeat;
    background-position: 96% bottom;
}
#cbbox-wrap .cb2dan {
    background-image: url(/IMAGE/200918_colorbox_mtx/midashi_icon02.png), repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
    background-size: 20%,100% 10%;
    background-repeat: no-repeat;
    background-position: 96% bottom;
}
#cbbox-wrap .cb1dan {
    background-image: url(/IMAGE/200918_colorbox_mtx/midashi_icon03.png), repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
    background-size: contain,100% 10%;
    background-repeat: no-repeat;
    background-position: 97% bottom;
}
#cbbox-wrap .cb4dan {
    background-image: url(/IMAGE/200918_colorbox_mtx/midashi_icon04.png), repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
    background-size: contain,100% 10%;
    background-repeat: no-repeat;
    background-position: 98% bottom;
}
#cbbox-wrap .cbparts {
    background-image:none, repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(137, 201, 151, 1) 5px, rgba(137, 201, 151, 1) 12px );
    background-size: contain,100% 10%;
    background-repeat: no-repeat;
    background-position: 96% bottom;
}
#cbbox-wrap .cbbox_item li{
    width: 48%;
}
#cbbox-wrap .cbbox_item li img{width: 100%;}
#cbbox-wrap .cbbox_item .name {font-size: 89%;}
#cbbox-wrap .cbbox_item .item_link {
    font-size: 100%;
}
#cbbox-wrap .banner-box {
    width: 96%;
    margin: 10% auto 5%;
}
#cbbox-wrap .banner-box a img{
		width: 100%;
	}
#cbbox-wrap .cbbox_item .cbbox_parts_text span.small-text {
    font-size: 90%;
    text-align: left;
    font-weight: normal;
    line-height: 1.6em;
}
#cbbox-wrap .cb-textbox {
    background-image: url(https://image.rakuten.co.jp/kaguin/cabinet/description/200918_colorbox_mtx/cbbox_mtx_01.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 38%;
}
#cbbox-wrap .size_tani {
    margin-right: 3%;
}
}
@media screen and (max-width:900px) {
	#cbbox-wrap .nav .anchor-link li a img.icon01 {margin-left: 20%;}
	#cbbox-wrap .nav .anchor-link li a img.icon02 {margin-left: 3%;}
}