@charset "UTF-8";

/* INDEX
---------------------------------------------- */

#content section {
padding: 0 0 0 0;
}
#content section h2 {
border-left: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#content section h2 img {
display: block;
width: auto;
height: auto;
margin: 0 auto;
}
#content section h3 {
text-align: center;
font-weight: lighter;
font-size: 24px;
margin: 12px 0 0 0;
}
@media (max-width: 767px) {
#content section h2 img {
width: 100%;
box-sizing: border-box;
padding-left : 2.040%;
padding-right : 2.040%;
}
#content section h3 {
box-sizing: border-box;
padding-left : 2.040%;
padding-right : 2.040%;
font-size: 14px;
}
}

/*  GRID  */

#content section .container_4,
#content section .container_6 {
max-width: 980px;
}
.container_4::after,
.container_6::after {
display: block;
content: '';
clear: both;
}
.container_4 .grid_1,
.container_4 .grid_2,
.container_4 .grid_3,
.container_4 .grid_4,
.container_6 .grid_1,
.container_6 .grid_2,
.container_6 .grid_3,
.container_6 .grid_4,
.container_6 .grid_5,
.container_6 .grid_6 {
position: relative;
box-sizing: border-box;
margin: 0 1.020% 2.040% 1.020%;
float: left;
}
.container_4 .grid_1 { width: 22.959%; }
.container_4 .grid_2 { width: 47.959%; }
.container_4 .grid_3 { width: 72.9%; }
.container_4 .grid_4 { width: 97.959%; }
.container_6 .grid_1 { width: 14.625%; }
.container_6 .grid_2 { width: 31.292%; }
.container_6 .grid_3 { width: 47.959%; }
.container_6 .grid_4 { width: 64.5%; }
.container_6 .grid_5 { width: 81.295%; }
.container_6 .grid_6 { width: 97.959%; }

@media (max-width: 767px) {
.container_4 .grid_1,
.container_4 .grid_2,
.container_4 .grid_3,
.container_4 .grid_4,
.container_6 .grid_1,
.container_6 .grid_2,
.container_6 .grid_3,
.container_6 .grid_4,
.container_6 .grid_5,
.container_6 .grid_6 {
margin: 0 1.020% 3.378% 1.020%;
}
.container_4 .sp_grid_1 { width: 22.959% !important; }
.container_4 .sp_grid_2 { width: 47.959% !important; }
.container_4 .sp_grid_3 { width: 72.9% !important; }
.container_4 .sp_grid_4 { width: 97.959% !important; }
.container_6 .sp_grid_1 { width: 14.625% !important; }
.container_6 .sp_grid_2 { width: 31.292% !important; }
.container_6 .sp_grid_3 { width: 47.959% !important; }
.container_6 .sp_grid_4 { width: 64.5% !important; }
.container_6 .sp_grid_5 { width: 81.295% !important; }
.container_6 .sp_grid_6 { width: 97.959% !important; }
}

/*  Slider
---------------------------------------------- */

section#section_topSlider {
position: relative;
}
.slider-wrapper {
position: relative;
}
.slider-wrapper .slide-content {
position: relative;
width: 100%;
padding: 0 0 0 0;
overflow: hidden;
}
.slider-wrapper .slide-content .bg-image {
display: block;
width: 100%;
height: auto;
}
.slider-wrapper .slide-content .slide-items {
display: none;
position: absolute;
width: 200%;
top: 0;
left: 0;
}
.slider-wrapper .slide-content .slide-items::after {
display: block;
content: '';
clear: left;
}
.slider-wrapper .slide-content .slide-items .item {
display: block;
width: 50%;
float: left;
}
.slider-wrapper .slide-content .slide-items .item .item-inner {
position: relative;
}
.slider-wrapper .slide-content .slide-items .item img {
display: block;
width: 100%;
height: auto;
}
.slider-wrapper .preloader {
position: absolute;
left: 50%;
top: 50%;
margin: -16px 0 0 -16px;
}
.slider-wrapper .slider-next,
.slider-wrapper .slider-back {
display: none;
position: absolute;
width: 24px;
height: 60px;
top: 50%;
margin: -30px 0 0 0;
background-color: rgba(0,0,0,1);
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
text-indent: 120%;
white-space: nowrap;
opacity: 0.5;

transition: 0.5s;
}
.slider-wrapper .slider-next {
right: 0;
background-image: url(../images/icon_cbox_next.png);
background-size: 12px auto;
border-radius: 3px 0 0 3px;
}
.slider-wrapper .slider-next.aniTh {
right: -24px;
}
.slider-wrapper .slider-back {
left: 0;
background-image: url(../images/icon_cbox_prev.png);
background-size: 14px auto;
border-radius: 0 3px 3px 0;
}
.slider-wrapper .slider-back.aniTh {
left: -24px;
}
.slider-wrapper .slider-back.over,
.slider-wrapper .slider-next.over {
background-color: rgba(113,113,133,1);
}
/*  Slider Items  */

.slider-wrapper .slide-content .slide-items .item img {
position: absolute;
top: 0;
left: 0;
}
.slider-wrapper .slide-content .slide-items .item img.item-txt {
display: none;
}

.slide-items #slide-item-01.item .item-banner {
position: absolute;
display: none;
width: 22.222%;
left: 58.75%;
top: 0;
margin: 19.7222% 0 0 0;
}
.slide-items #slide-item-01.item .item-banner img {
position: static;
}
.slide-items #slide-item-01.item .item-banner > a{
display: block;
position: relative;
}
.slide-items #slide-item-01.item .item-banner > a::after {
display: block;
position: absolute;
box-sizing: border-box;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
border: solid 2px #283139;
transition: 0.5s;
}
.slide-items #slide-item-01.item .item-banner > a:hover::after {
border-color: rgba(204,204,204,1);
}
@media (max-width: 767px) {
.slide-items #slide-item-01.item .item-banner > a{
display: none;
}
}

/*  Section Contents */

section .section-inner {
position: relative;
}
section .section-contents {
position: relative;
width: 100%;
box-sizing: border-box;
max-width: 980px;
margin: 0 auto;
}

@media (max-width: 767px) {
section .section-contents {
width: auto;
margin: 0 2.23% 0 2.23%;
}
}

#index .infographics > a::after{
border-top: solid 20px #666;
border-left :solid 20px #666;
}

/*  Section Style  */
/*
.fs9  { font-size: 64.285%; }
.fs10 { font-size: 71.428%; }
.fs11 { font-size: 78.571%; }
.fs12 { font-size: 85.714%; }
.fs13 { font-size: 92.857%; }
.fs14 { font-size: 100%; }
.fs16 { font-size: 114.285%; }
.fs17 { font-size: 121.428%; }
.fs18 { font-size: 128.571%; }
.fs20 { font-size: 142.857%; }
.fs24 { font-size: 171.428%; }
*/

section a.btn-detail-w,
section a.btn-detail-b {
display: block;
position: relative;
box-sizing: border-box;
width: 320px;
padding: 14px 20px 14px 20px;
margin: 0 auto;
color: #fff;
font-size: 18px;
text-align: center;
background-color: rgba(0,0,0,0);
border: solid 4px #fff;
transition: background-color 0.5s;
}
section a.btn-detail-w {
color: #fff;
border: solid 4px #fff;
}
section a.btn-detail-b {
color: #000;
border: solid 4px #000;
}
section a.btn-detail-w::after,
section a.btn-detail-b::after {
display: block;
content: '';
position: absolute;
width: 14px;
height: 24px;
top: 50%;
right: 30px;
margin: -12px 0 0 0;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
}
section a.btn-detail-w::after {
background-image: url(../images/icon_cbox_next.png);
}
section a.btn-detail-b::after {
background-image: url(../images/icon_cbox_next_b.png);
}
section a.btn-detail-w,
section a.btn-detail-w:link,
section a.btn-detail-w:hover,
section a.btn-detail-w:active,
section a.btn-detail-w:visited {
color: #fff;
text-decoration: none;
}
section a.btn-detail-b,
section a.btn-detail-b:link,
section a.btn-detail-b:hover,
section a.btn-detail-b:active,
section a.btn-detail-b:visited {
color: #000;
text-decoration: none;
}
section a.btn-detail-w:hover,
section a.btn-detail-b:hover {
background-color: rgba(0,0,0,0.15);
}
@media (max-width: 767px) {
section a.btn-detail-w,
section a.btn-detail-b {
width: 66%;
padding: 11px 16px 11px 16px;
font-size: 16px;
}
section a.btn-detail-w {
border: solid 2px #fff;
}
section a.btn-detail-b {
border: solid 2px #000;
}
section a.btn-detail-w::after,
section a.btn-detail-b::after {
right: 15px;
}
}

/*  SPEC */

section#section_spec .section-contents {
padding: 40px 1.020% 0 1.020%;
}
section#section_spec .column {
position: relative;
margin: 0 0 0 0;
padding: 26px 0;
background-color: #fbfbfb;
border: solid 1px #eee;
text-align: center;
white-space: nowrap;
}
section#section_spec dl {
position: relative;
display: inline-block;
height: 100%;
border-left: solid 1px #e9e9e9;
vertical-align: top;
padding: 0 15px;
}
section#section_spec dl::after {
display: block;
content: '';
clear: both;
}
section#section_spec dl:first-child {
border-left: none;
}
section#section_spec dl dt {
display: block;
font-size: 13px;
line-height: 1.25em;
min-height: 3em;
}
section#section_spec dl dd {
display: block;
font-size: 20px;
font-weight: bolder;
line-height: 1.25em;
}
section#section_spec dl dd img.color {
margin: -0.5em 0 0 0;
}
@media (max-width: 767px) {
section#section_spec .section-contents {
padding: 30px 1.020% 0 1.020%;
}
section#section_spec .column {
padding: 0 12px;
white-space: normal;
text-align: left;
}
section#section_spec dl {
display: block;
text-align: left;
padding: 15px;
height: auto !important;
border-top: solid 1px #e9e9e9;
border-left: 0;
}
section#section_spec dl:first-child {
border-top: none;
}
section#section_spec dl dt {
display: block;
position: relative;
width: 48%;
min-height: auto;
float: left;
font-size: 11px;
vertical-align: middle;
}
section#section_spec dl dd {
display: block;
position: relative;
width: 50%;
float: right;
font-size:13px;
text-align: right;
vertical-align: middle;
}
section#section_spec dl dd img.color {
width: 100%;
height: auto;
margin: 0 0 0 0;
}
}

/*  NEWS */

section#section_news .section-contents {
padding: 40px 0 0 0;
}
section#section_news ul.news-list {
position: relative;
margin: 28px 0 0 0;
padding: 0 0 20px 0;
}
section#section_news ul.news-list::after {
display: block;
content: '';
clear: both;
}
section#section_news ul.news-list > li {
display: block;
box-sizing: border-box;
width: 47.959%;
float: left;
margin: 0 1.020% 20px 1.020%;
}
section#section_news ul.news-list > li > a,
section#section_news ul.news-list > li > span {
display: block;
padding: 20px 24px 20px 24px;
background-color: #fbfbfb;
border: solid 1px #eee;
transition: background-color 0.5s;
}
section#section_news ul.news-list > li > a,
section#section_news ul.news-list > li > a:link,
section#section_news ul.news-list > li > a:hover,
section#section_news ul.news-list > li > a:active,
section#section_news ul.news-list > li > a:visited {
color: #000;
text-decoration: none;
}
section#section_news ul.news-list > li > a:hover {
background-color: #efefef;
}
section#section_news ul.news-list > li .date,
section#section_news ul.news-list > li .text {
display: block;
font-size: 92.857%;
}
section#section_news ul.news-list > li .date {
font-weight: bold;
}
@media (max-width: 767px) {
section#section_news .section-contents {
padding: 30px 0 0 0;
}
section#section_news ul.news-list > li {
width: auto;
float: none;
margin-bottom: 10px;
}
section#section_news ul.news-list > li .text {
height: auto !important;
}
}

/*  POINT1 */

section#section-cm {
background: #000;
}
section#section-cm .section-contents {
height: auto;
padding: 30px 1.020% 30px 1.020%;
}
section#section-cm .section-contents .container_6 {
margin-top: 20px;
}
section#section-cm .section-contents .grid_6 {
margin-bottom: 0;
}

/*  POINT1 */

section#section_point01 .bg-image {
display: block;
width: 100%;
height: auto;
}
section#section_point01 .section-inner {
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 0;
margin-top: -94px;
}
section#section_point01 .section-contents {
height: auto;
padding: 0 1.020% 0 1.020%;
}
section#section_point01 .section-contents::after {
display: block;
content: '';
clear: both;
}
section#section_point01 h2::after {
display: block;
content: '';
clear: both;
}
section#section_point01 h2 > img {
float: right;
}
section#section_point01 h3 {
color: #fff;
text-align: right;
}
section#section_point01 .section-detail-btn {
box-sizing: border-box;
position: absolute;
left: 50%;
bottom: 230px;
width: 980px;
padding: 0 1.020%;
margin: 0 0 0 -490px;
}
section#section_point01 .section-detail-btn::after {
display: block;
content: '';
clear: both;
}
section#section_point01 a.btn-detail-w {
float: right;
}

@media (max-width: 767px) {

section#section_point01 {
padding-top: 22%;
background: #000;
}
section#section_point01 .section-inner {
top: 0;
left: 0;
margin-top:0;
padding-top: 8%;
}
section#section_point01 h2 > img {
float: none;
}
section#section_point01 h3 {
text-align: center;
}
section#section_point01 .section-detail-btn {
position: relative;
left: auto;
bottom: auto;
width: auto;
padding: 0 0 30px 0;
margin: 0 0 0 0;
background-color: #000;
}
section#section_point01 a.btn-detail-w {
float: none;
}
}

/*  360 */

section#section_360view .section-contents {
padding: 60px 1.020%;
}
section#section_360view .color_variation {
margin-top: 30px;
}
section#section_360view .color_variation .color_select ul li {
box-shadow: 0 0 4px 0 rgba(255, 255, 255, 1);
}

@media (max-width: 767px) {
section#section_360view .section-contents {
padding: 30px 1.020%;
}
section#section_360view .color_variation {
margin-top: 20px;
}
}

/*  POINT2 */

section#section_point02 {
background-color: #040204;
/*
background-image: url(../images/bg_point02_01.jpg);
background-porition: center-top;
background-repeat: no-repeat;
background-size: 100% auto;
*/
}
section#section_point02 .section-contents {
padding: 60px 0 40px 0;
}
section#section_point02 h3 {
color: #fff;
}
section#section_point02 .container_6 {
padding: 40px 0 0 0;
}
section#section_point02 a.btn-movie {
border: solid 2px #283139;
}
section#section_point02 .section-detail-btn {
position: relative;
box-sizing: border-box;
padding: 0 0 60px 0;
}
section#section_point02 .container_6 .grid_2 img {
width: 307px;
height: 180px;
}
@media (max-width: 767px) {
section#section_point02 .section-contents {
padding: 30px 0 20px 0;
}
section#section_point02 .container_6 {
padding: 20px 0 0 0;
}
section#section_point02 .section-detail-btn {
padding: 0 0 30px 0;
}
section#section_point02 .container_6 .grid_2 img {
width: 100%;
height: auto;
}
}

/*  POINT3 */

section#section_point03 {
background-color: #707070;
background-image: url(../images/bg_point03_01.jpg);
background-porition: center-top;
background-repeat: no-repeat;
background-size: 100% auto;
}
section#section_point03 .section-contents {
padding: 60px 0 40px 0;
}
section#section_point03 .section-contents h3 {
-webkit-text-shadow:
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff;
-moz-text-shadow:
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff;
-ms-text-shadow:
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff;
text-shadow:
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff,
	 2px  2px 6px #ffffff,
	 2px -2px 6px #ffffff,
	-2px  2px 6px #ffffff,
	-2px -2px 6px #ffffff;
}
section#section_point03 .container_6 {
padding: 30.625% 0 0 0;
}
section#section_point03 .section-detail-btn {
position: relative;
box-sizing: border-box;
padding: 0 0 60px 0;
}
section#section_point03 .container_6 .grid_2 img {
width: 307px;
height: 180px;
}
@media (max-width: 767px) {
section#section_point03 .section-contents {
padding: 30px 0 20px 0;
}
section#section_point03 .section-contents h3 {
text-align: left;
}
section#section_point03 .container_6 {
padding: 10% 0 0 0;
}
section#section_point03 .section-detail-btn {
padding: 0 0 30px 0;
}
section#section_point03 .container_6 .grid_2 img {
width: 100%;
height: auto;
}
}

/*  Equipment  */

section#section_equipment {
background-color: #f0f0f0;
}
section#section_equipment .section-contents {
padding: 60px 0;
}
section#section_equipment .container_6 {
padding: 40px 0 0 0;
}
section#section_equipment .item-04.infographics > a > span {
text-align: left;
max-width: 50%;
top: 50%;
padding: 0 0 0 12px;
margin: -0.5em 0 0 0;
}
section#section_equipment .container_6 .grid_2 img {
width: 307px;
height: 180px;
}
section#section_equipment .container_6 .grid_3 img {
width: 470px;
height: 178px;
}

@media (max-width: 767px) {
section#section_equipment .section-contents {
padding: 30px 0;
}
section#section_equipment .container_4 {
padding: 20px 0 0 0;
}
section#section_equipment .item-04.infographics > a > span {
text-align: left;
max-width: 40%;
top: 50%;
padding: 0 0 0 12px;
margin: -1.5em 0 0 0;
}
section#section_equipment .container_6 .grid_2 img {
width: 100%;
height: auto;
}
section#section_equipment .container_6 .grid_3 img {
width: 100%;
height: auto;
}
}

/*  Grade  */

section#section_grade {
background-color: #e1e3e3;
}
section#section_grade .section-contents {
padding: 60px 0 0 0;
}
section#section_grade .container_6 {
padding: 40px 0 0 0;
}
section#section_grade .container_6 #sec-grd-image.grid_3 {
margin-bottom: 0;
padding-bottom: 48px;
}
section#section_grade .container_6 #sec-grd-detail.grid_3 {
margin-bottom: 0;
padding-top: 36px;
padding-bottom: 48px;
}
#sec-grd-detail .box-grd-01 {
position: relative;
margin-bottom: 12px;
line-height: 1.25;
}
#sec-grd-detail .grd-title-01 {
font-size: 16px;
font-weight: bold;
line-height: 1.2;
}
#sec-grd-detail .grd-title-01 .fsLarge {
font-size: 46px;
font-weight: 900;
letter-spacing: 0.075em;
}
#sec-grd-detail .grd-title-02 {
position: absolute;
right: 0;
top: 3px;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}

#sec-grd-detail .box-grd-02,
#sec-grd-detail .box-grd-04 {
clear: both;
padding: 7px 5px 5px 5px;
margin-bottom: 12px;
background: #707070;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 1.25;
}
#sec-grd-detail .box-grd-02 .fsSmall {
font-sise: 10px;
}
#sec-grd-detail .box-grd-03,
#sec-grd-detail .box-grd-05 {
margin-bottom: 12px;
}
#sec-grd-detail .box-grd-03 .box-left,
#sec-grd-detail .box-grd-05 .box-left {
width: 48%;
float: left;
}

#sec-grd-detail .box-grd-03 .box-right,
#sec-grd-detail .box-grd-05 .box-right {
width: 48%;
float: right;
}

#sec-grd-detail .box-grd-03 .grd-name,
#sec-grd-detail .box-grd-05 .grd-name {
color: #707070;
font-size: 13px;
font-weight: bolder;
line-height: 1;
margin-bottom: 5px;
}
#sec-grd-detail .box-grd-03 .grd-price,
#sec-grd-detail .box-grd-05 .grd-price {
font-weight: bold;
font-size: 28px;
letter-spacing: 0.075em;
line-height: 1;
margin-bottom: 5px;
}

@media (max-width: 767px) {
section#section_grade .section-contents {
padding: 30px 0 0 0;
}
section#section_grade .container_6 {
padding: 20px 0 0 0;
}
section#section_grade .container_6 #sec-grd-image.grid_3 {
padding-bottom: 18px;
}
section#section_grade .container_6 #sec-grd-detail.grid_3 {
padding-top: 0;
padding-bottom: 28px;
}
#sec-grd-detail .grd-title-02 {
position: static;
padding-top: 6px;
}
#sec-grd-detail .box-grd-02,
#sec-grd-detail .box-grd-04 {
font-size: 11px;
}
#sec-grd-detail .box-grd-03 .box-left,
#sec-grd-detail .box-grd-05 .box-left {
width: auto;
float: none;
margin: 0 0 1em 0;
}
#sec-grd-detail .box-grd-03 .box-right,
#sec-grd-detail .box-grd-05 .box-right {
width: auto;
float: none;
}
}

/*  COLOR CHIP  */
#color-chip {
position: relative;
}
#color-chip > a {
position: absolute;
box-sizing: border-box;
display: block;
width: 24px;
height: 24px;
top: 0;
left: 0;
}
#color-chip > a.item-1 { left: 16px; top: -8px; }
#color-chip > a.item-2 { left: 47px; top: -8px; }
#color-chip > a.item-3 { left: 79px; top: -8px; }
#color-chip > a.item-4 { left:110px; top: -8px; }
#color-chip > a.item-5 { left:142px; top: -8px; }

#color-chip > a.item-6 { left: 32px; top: 21px; }
#color-chip > a.item-7 { left: 63px; top: 21px; }
#color-chip > a.item-8 { left: 95px; top: 21px; }
#color-chip > a.item-9 { left:126px; top: 21px; }

.color-box {
display: none;
position: absolute;
}
.color-box > .box-inner {
position: relative;
}
.color-box > .box-inner > img {
position: absolute;
box-sizing: border-box;
display: block;
width: 120px;
height: auto;
bottom: 0;
left: -60px;
border-radius: 6px;
border: solid 2px #F0F0F0;
-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.5);
-moz-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.5);
-ms-box-shadow:0px 2px 6px 0px rgba(0,0,0,0.5);
box-shadow:0px 2px 6px 0px rgba(0,0,0,0.5);
}

@media (max-width: 767px) {
#color-chip > a {
display: none;
}
}


/* 360 ver2 */
/* 20170221 */

#section_360view .margin01{padding:30px 0 80px 0;text-align:center;}

section#section_360view_02{border-top:1px solid #d3d3d3;}
section#section_360view_02 .section-contents {padding: 60px 1.020%;}
section#section_360view_02 .color_variation {margin-top: 30px;}
@media (max-width: 767px) {
	section#section_360view_02 .section-contents {padding: 30px 1.020%;}
	section#section_360view_02 .color_variation {margin-top: 20px;}
	section#section_360view_02 .margin01{padding:5% 0;}
	section#section_360view_02 a img{width:100%;}
}

/* 20170327 */
.attention01 {
	text-align:right;
}

@media (max-width: 767px) {
.attention01 {
	text-align:left;
}
}