@charset "EUC-JP";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

/*shortcut*/
.last {margin-right: 0 !important;}

.txt10 {font-size: 10px !important;}
.txt12 {font-size: 12px !important;}
.txt16 {font-size: 16px !important;}
.txt18 {font-size: 18px !important;}
.txt24 {font-size: 24px !important;}
.txt32 {font-size: 32px !important;}
.txt40 {font-size: 40px !important;}
.txt45 {font-size: 45px !important;}

.lineH120 {line-height: 1.2 !important;}
.lineH140 {line-height: 1.4 !important;}
.lineH160 {line-height: 1.6 !important;}

.fontBL { font-weight: bold !important;}

.txtL {text-align: left !important;}
.txtC {text-align: center !important;}
.txtR {text-align: right !important;}
.txtUN { text-decoration: underline !important;}

.txtRed {color: #f00 !important;}
.txtWht {color: #fff !important;}

.disB { display: block !important;}
.disI { display: inline !important;}
.m0a { margin: 0 auto !important;}

.mt0 { margin-top: 0px !important;}
.mt8 { margin-top: 8px !important;}
.mt16 { margin-top: 16px !important;}
.mt24 { margin-top: 24px !important;}
.mt32 { margin-top: 32px !important;}
.mt40 { margin-top: 40px !important;}
.mt48 { margin-top: 48px !important;}
.mt56 { margin-top: 56px !important;}
.mt64 { margin-top: 64px !important;}

.mr8 { margin-right: 8px !important;}
.mr16 { margin-right: 16px !important;}
.mr24 { margin-right: 24px !important;}
.mr32 { margin-right: 32px !important;}
.mr40 { margin-right: 40px !important;}

.floatL {float: left !important;}
.floatR {float: right !important;}

.width200 {width: 200px !important;}
.width445 {width: 445px !important;}
.width650 {width: 650px !important;}
.width870 {width: 870px !important;}
.width910 {width: 910px !important;}
.width950 {width: 950px !important;}

#contentsArea {
    margin: 0 !important;
}

#content_wrap {
    width:100%;
    font-family: 'Noto Sans JP', sans-serif !important;
    margin: 0 auto;
    color: #333333;
 }

 /*btn*/
 .btn_cart{
     width: 380px;
     text-align: center;
 }

 .btn_cart a {
     display: block;
     background: #bf0000;
     color: #ffffff;
     font-size: 20px;
     padding: 16px 0;
     border-radius: 3px;
     text-decoration: none;
     line-height: 1.3;
 }

 .btn_cart a:hover {
     text-decoration: none;
     background: #EC0606;
     -webkit-transition: background-color .2s ease-out,box-shadow .1s ease-out;
     -o-transition: .2s ease-out background-color,.1s ease-out box-shadow;
     -webkit-transition: background-color .2s ease-out,-webkit-box-shadow .1s ease-out;
     transition: background-color .2s ease-out,-webkit-box-shadow .1s ease-out;
     transition: background-color .2s ease-out,box-shadow .1s ease-out;
     transition: background-color .2s ease-out,box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out;
 }

 .btn_cart span.grey{
   display: block;
   background: #dfdfdf;
   color: #898989;
   font-size: 20px;
   padding: 16px 0;
   border-radius: 3px;
   line-height: 1.3;
 }


/* main_visual */
#main_visual {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 500px;
  margin: 16px 0 0;
  min-width: 1024px;
  box-sizing: border-box;
  background: url("../img/main_bg.png") 0 0 no-repeat;
 }

/* #main_visual::before{
  content: "";
  position: absolute;
  left: 44%;
  top: -1px;
  height: 101%;
  width: 200%;
  background: #ffffff;
  transform: skewX(5deg);
  transform-origin: 0 100%;
  z-index: 0;
} */

#main_visual .main_visual_inner {
   width: 1024px;
   margin: 0 auto;
   position: relative;
   z-index: 2;
 }

#main_visual .main_visual_inner .main_visual_img {
  position: absolute;
  left: 16px;
  top: 20px;
  width: 460px;
  height: 440px;
}

#main_visual .main_visual_inner .main_visual_img img {
  width: 100%;
}

#main_visual .main_visual_inner .main_visual_img .main_visual_img_caption {
  position: absolute;
  width: 460px;
  top: 440px;
  left: 0px;
  text-align: center;
  color: #333333;
  font-size: 10px;
  line-height: 1.2;
  text-shadow: 0px 0px 4px #ffffff;
}

#main_visual .main_visual_inner .main_visual_info {
  position: absolute;
  right: 8px;
  top: 61px;
  width: 538px;
}

#main_visual .main_visual_inner .main_visual_info .main_visual_info_catch {
  margin-top: 24px;
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
}

#main_visual .main_visual_inner .main_visual_info .main_visual_info_price{
  margin-top: 24px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
}

#main_visual .main_visual_inner .main_visual_info .main_visual_info_price span{
  font-size: 40px;
}

#main_visual .main_visual_inner .btn_cart{
  margin-top: 24px;
}

/* multiple selector for top */
@keyframes appear {
  0% {
    opacity: 0;
    top: 10px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
} 

.items_image {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.selected_w .items_image.color_white,
.selected_b .items_image.color_black {
  display: block;
  animation: appear 0.1s ease 0s 1 normal backwards;
}

#main_visual .main_visual_inner .main_visual_info .main_visual_info_selector {
  width: 292px;
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
}

#main_visual .main_visual_inner .main_visual_info .main_visual_info_selector .main_visual_info_selector_item {
  flex: 1 0 auto;
  line-height: 1;
}

.color_radio_btn {
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 38px;
  height: 38px;
  border-radius: 2rem;
  background-color: #ff0;
  vertical-align: middle;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.20) inset;
}

.color_radio_name {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  font-size: 20px;
}

#main_visual .main_visual_inner .main_visual_info .main_visual_info_selector .main_visual_info_selector_item .color_radio_name {
  font-size: 20px;
}

.color_radio_label {
  cursor: pointer;
  display: inline-block;
}

.color_radio_label input[type="radio"] {
  display: none;
}

.color_radio_btn.color_white {
  background-color: #E7E6E7;
}
.color_radio_btn.color_black{
  background-color: #2d2d2d;
}

input[type="radio"]:checked + .color_radio_btn {
  border: 2px solid #bf0000;
}
.color_radio_label:hover .color_radio_btn {
  border: 2px solid #f53a3a;
}

/* nav_wrapper */
#nav_wrapper .nav {
    position: relative;
    margin: 0 auto;
    zoom: 1;
    z-index: 500;
    background: #f7f7f7;
    width: 100%;
}

#nav_wrapper .nav .nav_inner {
  position: relative;
    zoom: 1;
    width: 1024px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

#nav_wrapper .nav .nav_inner .nav_inner_logo a.logo_header {
  display: block;
  margin: 0 0 1px 16px;
  padding: 0;
  width: 130px;
}

#nav_wrapper .nav .nav_inner .nav_inner_links .anchor {
  margin: 0;
}

#nav_wrapper .nav .nav_inner .nav_inner_links .anchor > li {
    display: inline-block;
    padding: 13px 0;
    font-size: 13px;
}

#nav_wrapper .nav .nav_inner .nav_inner_links .anchor > li > a {
    padding: 0 16px;
    line-height: 1;
    color: #333333;
}

#nav_wrapper .nav .nav_inner .nav_inner_links .anchor > li.border_right > a {
    border-right: solid 1px #d1d1d1;
}

#nav_wrapper .nav .nav_inner .nav_inner_links .anchor > li.link_cart {
    padding: 0;
    background-color: #bf0000;
}

/* css for single epd */
/* #nav_wrapper .nav .nav_inner .anchor > li.link_cart > a {
    display: block;
    padding: 17px 15px;
    color: #fff;
}

#nav_wrapper .nav .nav_inner .anchor > li.link_cart > a:hover {
    text-decoration: none;
    background: #e61717;
    -webkit-transition: background-color .2s ease-out,box-shadow .1s ease-out;
    -o-transition: .2s ease-out background-color,.1s ease-out box-shadow;
    -webkit-transition: background-color .2s ease-out,-webkit-box-shadow .1s ease-out;
    transition: background-color .2s ease-out,-webkit-box-shadow .1s ease-out;
    transition: background-color .2s ease-out,box-shadow .1s ease-out;
    transition: background-color .2s ease-out,box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out;
} */
/* css for single epd */

/* css for epd has two colors */
#nav_wrapper .nav .nav_inner .nav_inner_links .anchor .link_cart > .link_cart_trigger,
#nav_wrapper .nav .nav_inner .nav_inner_links .anchor .link_cart > a {
  display: block;
  padding: 17px 15px;
  color: #fff;
  line-height: 1;
}

#nav_wrapper .nav .nav_inner .nav_inner_links .anchor .link_cart > .link_cart_trigger:hover,
#nav_wrapper .nav .nav_inner .nav_inner_links .anchor .link_cart > a:hover {
  text-decoration: none;
  background: #e61717;
  transition: background-color .2s ease-out,box-shadow .1s ease-out;
}

#nav_wrapper .nav .nav_inner .nav_inner_links .anchor .link_cart > .link_cart_trigger > span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 8px;
  transition: all 0.3s ease;
}

#nav_wrapper .nav .nav_inner .nav_inner_links .anchor .link_cart > .link_cart_trigger > span::before{
  content:"";
  display: block;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.6035%205.10348L13.8965%204.39648L8.10352%2010.1895L2.31052%204.39648L1.60352%205.10348L8.10352%2011.6035L14.6035%205.10348Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 8px;
    width: 12px;
}

/* navigation under link cart */
.nav_sub {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  transition: all 0.3s ease;
}

.link_cart:hover .nav_sub {
  display: block;
}

.link_cart:hover .link_cart_trigger > span {
  transform: rotateX(180deg);
}

.nav_sub_lists {
  overflow: hidden;
  display: flex;
  width: 672px;
  height: 120px;
  background-color: #f7f7f7;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.nav_sub_item {
  position: relative;
  flex: 1 0 auto;
}
.nav_sub_detail {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0 0;
}
.nav_sub_img {
  flex: 1 0 auto;
  text-align: center;
}
.nav_sub_img img {
  width: 80px;
  height: auto;
}
.nav_sub_data {
  flex: 1 0 auto;
}
.nav_sub_name,
.nav_sub_price {
  line-height: 1;
  margin: 8px 0;
}
.nav_sub_name {
  color: #333333;
  font-size: 16px;
}
.nav_sub_price {
  font-size: 16px;
  color: #333333;
}
.nav_sub_arrow {
  flex: 1 0 auto;
}
.nav_sub_arrow::before{
  content:"";
  display: block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.8105%202.25L6.75%203.3105L15.4395%2012L6.75%2020.6895L7.8105%2021.75L17.5605%2012L7.8105%202.25Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height:24px;
  width: 24px;
}

a.nav_sub_link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
}
a.nav_sub_link:hover {
  border-bottom: 8px solid #bf0000;
}

#nav_wrapper .nav.stay{
    width:100%;
    max-width:none;
    position:fixed;
    top:0;
    left:0;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.10);
    box-shadow: 1px 1px 2px rgba(0,0,0,.10);
}
#nav_wrapper .nav.stay .nav_inner{
    width:1024px;
    margin:0 auto;
}
/* css for epd has two colors */

/*section_content*/
div.section_content {
  width: 100%;
  min-width: 1024px;
  margin: 0 auto;
}

div.section_content div.section_content_h3 {
  width: 1024px;
  margin: 0 auto;
  padding-top: 120px;
  position: relative;
}

div.section_content div.section_content_h3 h3{
  font-size: 40px;
  text-align: center;
  line-height: 1.5;
  font-weight:700;
}

div.section_content div.section_content_h4 {
  margin: 80px auto 0;
}

div.section_content div.section_content_h4 h4{
  font-size: 24px;
  text-align: center;
  line-height: 1;
  font-weight: bold;
}

div.section_content div.section_content_inner {
  width: 992px;
  margin: 40px auto 0;
  position: relative;
}

div.section_content div.section_content_inner .section_content_image p {
    color: #333333;
    text-align: center;
    font-size: 10px;
    line-height: 1.5;
}

div.section_content div.section_content_inner .section_content_text h4{
  font-size: 32px;
  line-height: 1.5;
  margin-bottom: 32px;
}

div.section_content div.section_content_inner .section_content_text p{
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  font-weight: 300;
  margin-bottom: 8px;
}

div.section_content div.section_content_inner .section_content_text p.caption{
  font-size: 12px;
  color:#333333;
  line-height: 1.5;
}

div.section_content div.section_content_inner .section_content_spec {
  border: 1px solid #d1d1d1;
  width: 260px;
  padding: 16px;
  box-sizing: border-box;
  color: #333333;
  font-size: 14px;
}

div.section_content div.section_content_inner .section_content_spec dl dd:first-of-type{
  margin-top: 8px;
}

div.section_content div.section_content_inner .section_content_spec dl dd{
  font-weight: 300;
  margin-top: 4px;
}

/* sec01 */
div#sec01 h2 {
  padding-top: 72px;
  text-align: center;
  font-size: 40px;
}

div#sec01 ul  {
  margin: 40px auto 0;
  display: flex;
  width: 992px;
  justify-content: space-between;
}

div#sec01 ul li{
  width:calc(100% / 3);
  margin: 0 8px;
}

div#sec01 ul li a{
  display: block;
  padding: 16px 0;
  text-align: center;
  font-weight: bold;
  border:1px solid #d1d1d1;
  border-radius: 44px;
  color: #4d4d4d;
}

div#sec01 ul li a:hover{
  background: #4d4d4d;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: background-color .2s ease-out,box-shadow .1s ease-out;
  -o-transition: .2s ease-out background-color,.1s ease-out box-shadow;
  -webkit-transition: background-color .2s ease-out,-webkit-box-shadow .1s ease-out;
  transition: background-color .2s ease-out,-webkit-box-shadow .1s ease-out;
  transition: background-color .2s ease-out,box-shadow .1s ease-out;
  transition: background-color .2s ease-out,box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out;
}

/* sec02_01 */
div#sec02_01{
  position: relative;
}

div#sec02_01:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 380px;
  height: 320px;
  width: 100%;
  background: #f7f7f7;
  transform-origin: 0 100%;
  z-index: -1;
}

div#sec02_01 div.section_content_inner div.section_content_text {
    width: 550px;
    margin: 32px auto 0;
}

/* sec02_02,sec02_04 */
div#sec02_02 div.section_content_inner.sec02_02,div#sec02_02 div.section_content_inner.sec02_04{
  margin-top: 80px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

div#sec02_02 div.section_content_inner.sec02_02 .section_content_text,div#sec02_02 div.section_content_inner.sec02_04 .section_content_text{
  width: 530px
}

div#sec02_02 div.section_content_inner.sec02_02 .section_content_text p,div#sec02_02 div.section_content_inner.sec02_04 .section_content_text p{
  width: 460px
}

/* sec02_03 */
div#sec02_02 div.section_content_inner.sec02_03{
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div#sec02_02 div.section_content_inner.sec02_03 .section_content_text{
  width: 460px
}

div#sec02_02 div.section_content_inner.sec02_03 .section_content_text p{
  width: 460px
}

/* sec03 */
div#sec03{
  position: relative;
}

div#sec03:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 220px;
  height: 320px;
  width: 100%;
  background: #f7f7f7;
  transform-origin: 0 100%;
  z-index: -1;
}

div#sec03 div.section_content_inner div.section_content_text {
    width: 550px;
    margin: 32px auto 0;
}


/* sec04 */
div#sec04 div.section_content_inner .section_content_text.text_center{
  width: 550px;
  margin: 32px auto 0;
}

/* sec05_02, sec05_04 */
div#sec05_02 div.section_content_inner.sec05_02,
div#sec05_02 div.section_content_inner.sec05_04{
  margin-top: 96px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

div#sec05_02 div.section_content_inner.sec05_02 .section_content_text,
div#sec05_02 div.section_content_inner.sec05_04 .section_content_text{
  width: 460px
}

div#sec05_02 div.section_content_inner.sec05_02 .section_content_text p,
div#sec05_02 div.section_content_inner.sec05_04 .section_content_text p{
  width: 460px
}

/* sec05_03, sec05_05 */
div#sec05_02 div.section_content_inner.sec05_03,
div#sec05_02 div.section_content_inner.sec05_05{
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div#sec05_02 div.section_content_inner.sec05_03 .section_content_text,
div#sec05_02 div.section_content_inner.sec05_05 .section_content_text{
  width: 460px
}

div#sec05_02 div.section_content_inner.sec05_03 .section_content_text p,
div#sec05_02 div.section_content_inner.sec05_05 .section_content_text p{
  width: 460px
}


/* item_buy */
div#item_buy div.section_content_item{
  width: 992px;
  margin: 32px auto 0;
}

div#item_buy div.section_content_item .section_content_item_list {
  padding: 24px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.10);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
}

div#item_buy div.section_content_item div.section_content_item_img{
  width: 540px;
  height: 246px;
}

div#item_buy div.section_content_item div.section_content_item_img p {
  color: #333333;
  text-align: center;
  font-size: 10px;
}

div#item_buy div.section_content_item_info {
  width: 380px;
}

div#item_buy div.section_content_item_info h4{
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

div#item_buy div.section_content_item_info p.set_name{
  font-size: 13px;
  line-height: 1.2;
  color: #4d4d4d;
  margin-top: 8px;
}

div#item_buy div.section_content_item_info p.set_price{
  font-size: 12px;
  margin-top: 8px;
  font-weight: 700;
}

div#item_buy div.section_content_item div.section_content_item_info p.set_price span.set_price_large{
  font-size: 20px;
}

div#item_buy div.section_content_item_info p.set_price span.set_price_freeshipping{
  font-size: 16px;
  color: #EC0606;
}

div#item_buy div.section_content_item_info .btn_cart{
  margin-top: 24px;
}

div#item_buy div.section_content_item_info .btn_cart a{
  font-size: 16px;
  padding: 12px 0;
  line-height: 1.5;
}

div#item_buy div.section_content_item_info .btn_cart span.grey{
  font-size: 16px;
  padding: 12px 0;
  line-height: 1.5;
}

div#item_buy div.section_content_item_info .caption{
  font-size: 12px;
  text-align: center;
  line-height: 1.4;
  margin-top: 8px;
  display: block;
}

div#item_buy div.section_content_item.small_box, div#item_buy div.section_content_item.middle_box {
  display: flex;
  justify-content: space-between;
}

/* item_buy middle_box*/
div#item_buy div.section_content_item.middle_box .section_content_item_list {
  width: 488px;
}

div#item_buy div.section_content_item.middle_box div.section_content_item_img{
  width: 175px;
  height: 175px;
}

div#item_buy div.section_content_item.middle_box div.section_content_item_info{
  width: 240px;
}

div#item_buy div.section_content_item.middle_box div.section_content_item_info h4{
  font-size: 24px;
}

div#item_buy div.section_content_item.middle_box div.section_content_item_info .btn_cart{
  width: 240px;
}

/* item_buy small_box*/
div#item_buy div.section_content_item.small_box .section_content_item_list {
  width: 236px;
  display: block;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.10);
}

div#item_buy div.section_content_item.small_box.acc_two {
  width:488px;
}

div#item_buy div.section_content_item.small_box.acc_three{
  width: 740px;
}

div#item_buy div.section_content_item.small_box div.section_content_item_img{
  width: 188px;
  height: 188px;
}

div#item_buy div.section_content_item.small_box div.section_content_item_info h4{
  font-size: 14px;
  margin-top: 16px;
  line-height: 1.3;
}

div#item_buy div.section_content_item.small_box div.section_content_item_info p.set_price span.set_price_large{
  font-size: 16px;
}

div#item_buy div.section_content_item.small_box div.section_content_item_info p.set_price span.set_price_freeshipping{
  font-size: 14px;
}

div#item_buy div.section_content_item.small_box div.section_content_item_info .btn_cart{
  width: 188px;
}

/* section_content_acc_single */
div#item_buy .section_content_acc_single {
  width: 992px;
  margin: 80px auto 0;
  display: flex;
  justify-content: space-around;
}

div#item_buy .section_content_acc_single > div{
  flex-basis:calc(100% / 3);
}

div#item_buy .section_content_acc_single > div div.section_content_item.small_box {
  margin: 32px auto 0;
  width:236px;
  display: block;
}

div#item_buy .section_content_acc_single > div div.section_content_h4 {
  margin: 0 auto;
  height: 48px;
}

div#item_buy .section_content_acc_single > div div.section_content_item.small_box div.section_content_item_info {
  width: 100%;
}

/* 色セレクト関連 */
.section_content_set_container{
  display: flex;
  box-sizing: border-box;
  padding: 40px 0 32px;
  background: #FFFFFF;
  box-shadow: 0px 0px 41px 0px rgba(0, 0, 0, 0.10);
  border-radius: 8px;
}

.section_content_set_imagearea {
  position: relative;
  flex: 0 0 480px;
  margin: auto 48px auto 48px;
  width: 480px;
  height: 460px;
}

.section_content_set_menuarea {
  flex: 1 1 auto;
  margin-right: 32px;
}

.item_device_imagelists,
.item_cover_imagelists  {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
}

.item_device_imagelists {
  width: 320px;
  height: 340px;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.item_cover_imagelists{
  width: 320px;
  height: 340px;
  right: 0;
  top: 0;
  z-index: 1;
}
.imageListItem {
  position: relative;
}
.imageListItem:nth-of-type(1) {
  z-index: 10;
}
.imageListItem:nth-of-type(2) {
  z-index: 9;
}
.imageListItem:nth-of-type(3) {
  z-index: 8;
}
.imageListItem:nth-of-type(4) {
  z-index: 7;
}

.item_image {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.colorLabel {
  cursor: pointer;
  display: inline-block;
}
.colorLists {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.colorListItem {
  flex: 1 0 50%;
  min-width: 50%;
  margin-top: 16px;
}

.section_content_set_menuarea fieldset {
  padding: 0;
  border: none;
}

.section_content_set_menuarea fieldset > p {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 24px;
}

.section_content_set_menuarea fieldset:not(:first-child) {
  margin: 40px 0 0;
}
.section_content_set_menuarea legend {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 20px;
}

.colorLabel input[type="radio"] {
  display: none;
}
.colorRadioBtn {
  display: inline-block;
  box-sizing: border-box;
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 2rem;
  background-color: #ff0;
  vertical-align: middle;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.20) inset;
}
.colorName {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
  font-size: 14px;
  color: #333333;
}

input[type="radio"]:checked + .colorRadioBtn {
  border: 2px solid #bf0000;
}
.colorLabel:hover .colorRadioBtn {
  border: 2px solid #f53a3a;
}

.colorRadioBtn.colorDeviceWhite{
  background-color: #E7E6E7;
}
.colorRadioBtn.colorDeviceBlack{
  background-color: #2d2d2d;
}
.colorRadioBtn.colorNscBlue {
  background-color: #89ABC2;
}
.colorRadioBtn.colorNscBeige {
  background-color: #D4C5B7;
}
.colorRadioBtn.colorNscBlack{
  background-color: #2d2d2d;
}
.colorRadioBtn.colorScBlue {
  background-color: #89ABC2;
}
.colorRadioBtn.colorScYellow {
  background-color: #E0AF6C;
}
.colorRadioBtn.colorScBlack{
  background-color: #2d2d2d;
}
.colorRadioBtn.colorBscGreen{
  background-color: #9CB3A8;
}
.colorRadioBtn.colorClear{
  background-color: #FAFAFA;
}


.item_pricearea{
  display: flex;
  align-items: baseline;
  line-height: 1;
  font-size: 12px;
  margin: 32px 0;
  font-weight: 700;
}
.item_price {
  flex: 0 0 auto;
  margin: 0;
}
.item_pricenum {
  font-size: 20px;
}
.item_shipping {
  font-size: 16px;
  color: #EC0606;
  margin: 0 0 0 8px;
}

@keyframes appear {
  0% {
    opacity: 0;
    top: 10px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
}

.selectedW .item_image.colorWhite,
.selectedB .item_image.colorBlack,
.selectedW .item_image.colorNscBlue,
.selectedB .item_image.colorNscBeige,
.selectedNscBla .item_image.colorNscBlack,
.selectedScBlu .item_image.colorScBlue,
.selectedScY .item_image.colorScYellow,
.selectedScBla .item_image.colorScBlack,
.selectedBscG .item_image.colorBscGreen,
.selectedClear .item_image.colorClear
{
  display: block;
  animation: appear 0.5s ease 0s 1 normal backwards;
}

/* -------------------- */


/*backtop */
#backtop > a {
	width: 48px;
    height: 48px;
    display: none;
    position: fixed;
    right: 10px;
    bottom: 60px;
    background-image: url(https://image.books.rakuten.co.jp/books/img/e-book/event/btn_backtotop.png);
    background-position: 0 0;
	background-repeat: no-repeat;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
	z-index: 100000;
}

#backtop > a:hover{
	 background-position: 0 -58px;
}

#spec-compare {
    padding: 160px 0 0;
}