/* flexbox------------------------------------------------------------- */
.flexboxsoft{display:flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;width:100%; max-width:1800px;margin: 0 auto;}
.soft_item1{flex-basis:40%;max-width:40%;padding:10px;margin:0.5%; border: 0px solid #000;}
.soft_item2{flex-basis:100%;max-width:100%;margin:0.3em;padding:0.5em;}
.soft_item3{flex-basis:30%;max-width:30%;margin:0.3em;padding:0.5em;border-bottom:0px solid #cecece;}
.soft_item4{flex-basis:100%;max-width:100%;margin:0.3em;padding:1.5em;border:1px solid #cecece;}
.soft_item5{flex-basis:47%;max-width:47%;margin:0.3em;padding:0.5em;text-align: center;}
.soft_item6{flex-basis:70%;max-width:70%;margin:0.3em;}
.soft_item7{flex-basis:25.5%;max-width:25.5%;margin:0.3em;}
.soft_item8{flex-basis:20%;max-width:20%;margin:0.3em;padding:0.5em;}
/* img------------------------------------------------------------- */
.resizeimage img{width:100%;transition:1s all;}
/* softinfo-------------------------------------------------------- */
.soft_title{font-size:1.4rem;font-weight:600;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_title::before{content: "Windows";
    display: inline-block;
    font-size:0.8rem;
    vertical-align: middle;
    color: #242931;
    border: 1px solid #b0b0b0;background:#e3e3e3;
    padding: 0 10px;
}
.soft_title2{font-size:1.2rem;font-weight:600;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_day{font-size:1.0rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_day::before{content: "発売日：";font-size:0.6rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_day::after{content: "発売";}
.soft_day2{font-size:1.0rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_day2::before{content: "発売日：";font-size:0.6rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_price{font-size:1.5rem;color:#be0006;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_price::after{font-size:0.6rem;color:#444a4d;content: "(税込)";margin-left:0.5em;}
.soft_price::before{content: "価格：";font-size:0.6rem;color:#444a4d;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_price2{font-size:1.5rem;color:#be0006;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_price2::after{font-size:0.6rem;color:#444a4d;content: "(税込)";margin-left:0.5em;}
.soft_txt{font-size:0.9rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_cero{font-size:1.0rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_cero::before{content: "レーティング：";font-size:0.6rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_cero img{margin-left: 0.5em;margin-top:0px;vertical-align: middle;}
.soft_tokuten{font-size:1.0rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_tokuten::before{content: "特典：";font-size:0.6rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_os{font-size:1.0rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.soft_os::before{content: "対応OS：";font-size:0.6rem;line-height:1.6;margin-bottom: 0.5em;margin-top: 0em;}
.tred{color:#be0006;}
.soft_button1 {border: 1px solid #b0b0b0;background:#e3e3e3;color:#131d28;display: inline-block;text-align: center;
    padding: 6px 40px 6px 30px;
    margin:2px 1px 2px 4px;
    position: relative;
    border-radius:20px;
    font-size: 0.85rem;
    transition: all 0.2s;
}
.soft_button1:hover {background:#b0b0b0;}
.soft_button1 a {color:#131d28;text-decoration: none;outline: none !important;}
.soft_button1::after {
    content: '>';
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.5em;
    position: absolute;
    right: 10px;
    top:10px;
    transform: translate(0, -50%);
}
.soft_button2 {width:78%;background: #be0006;color: #fff;display: inline-block;text-align: center;
    padding: 10px 40px 10px 30px;
    margin:2px 1px 2px 4px;
    position: relative;
    border-radius:2px;
    font-size: 1.25rem;
    transition: all 0.2s;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.soft_button2:hover {background:#810004;}
.soft_button2 a {color:#fff;text-decoration: none;outline: none !important;}
.soft_button2::after {
    content: '>';
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.5em;
    position: absolute;
    right: 10px;
    top:13px;
    transform: translate(0, -50%);
}
.soft_button2:disabled {
  cursor: default;
  opacity: 0.5;
}
.soft_button3 {width:85%;border: 1px solid #b0b0b0;background:#e3e3e3;color:#131d28;display: inline-block;
    padding: 6px 40px 6px 30px;
    margin:2px 1px 2px 4px;
    position: relative;
    border-radius:20px;
    font-size: 0.85rem;
    transition: all 0.2s;
}
.soft_button3:hover {background:#b0b0b0;}
.soft_button3 a {color:#131d28;text-decoration: none;outline: none !important;}
.soft_button3::after {
    content: '>';
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.5em;
    position: absolute;
    right: 10px;
    top:10px;
    transform: translate(0, -50%);
}
.soft_button4 {width:50%;background:#76bcf8;color:#fff;display: inline-block;
    padding: 6px 40px 6px 30px;
    margin:2px 1px 2px 4px;
    position: relative;
    border-radius:20px;
    font-size: 1.0rem;text-align: center;
}
.soft_button5 {width:85%;border:0px solid #b0b0b0;background:#131a2e;color:#fff;display: inline-block;
    padding: 6px 40px 6px 30px;
    margin:2px 1px 2px 4px;
    position: relative;
    border-radius:20px;
    font-size:12px;
    transition: all 0.2s;
}
.soft_button5:hover {background:#b0b0b0;}
.soft_button5 a {color:#131d28;text-decoration: none;outline: none !important;}
.soft_button5::after {
    content: '>';
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.5em;
    position: absolute;
    right: 10px;
    top:14px;
    transform: translate(0, -50%);
}
.soft_buttonfin {width:78%;background: #666;color: #fff;display: inline-block;text-align: center;
    padding: 10px 40px 10px 30px;
    margin:2px 1px 2px 4px;
    position: relative;
    border-radius:2px;
    font-size: 1.25rem;
    transition: all 0.2s;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

button {width:100%;background: #be0006;color: #fff;display: inline-block;text-align: center;
    padding: 15px 40px 10px 30px;
    margin:10px 1px 2px 4px;
    position: relative;
    border-radius:2px;
    font-size: 1.25rem;
    transition: all 0.2s;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);border: none;
  cursor: pointer;
}
button:hover {background:#810004;}
button a {color:#fff;text-decoration: none;outline: none !important;}
button::after {
    content: '>';
    display: inline-block;
    width: 15px;
    height: 10px;
    margin-left: 0.5em;
    position: absolute;
    right: 10px;
    top:20px;
    transform: translate(0, -50%);
}
button:disabled {
  cursor: default;
  opacity: 0.5;
}
/* チェックボックス */
input[type=checkbox] {
    opacity: 1;
     width:20px;
    height:20px;
    margin:15px 10px 0px;
    
}

.soft_box_txt h2 {font-size:1.4rem;font-weight:700;border-bottom: 2px solid #dc787b;margin-bottom: 10px;}
.soft_box_txt h3 {font-size:1.2rem;font-weight:700;text-align:center;}
.soft_box_txt p{margin-top:50px;}
.soft_box_txt2 {font-size:1.4rem;font-weight:700;}
.soft_box_txt3 {font-size:1.2rem;}
.soft_box_txt4{font-size:1.1rem;font-weight:700;}
.soft_box_txt5{font-size:1.0rem;}
.soft_box_newline1::before{content:' \A ';white-space: pre;}
.soft_box_newline2::after{content:' \A ';white-space: pre;}
.soft_box_caution {margin:10px 0 0 0;padding:15px;}
.red1{color:#933134;}
/* link----------------------------------------------- */
a:link.rink1,a:visited.rink1 {color:#be0006; text-decoration:underline;}
a:hover.rink1,a:active.rink1 {color:#c8595d;text-decoration:none;overflow: hidden;outline: none;}
a:link.rink2,a:visited.rink2 {color:#444a4d; text-decoration:underline;}
a:hover.rink2,a:active.rink2 {color:#be0006;text-decoration:none;overflow: hidden;outline: none;}
a:link.rink3,a:visited.rink3 {color:#3f7ea1; text-decoration:underline;}
a:hover.rink3,a:active.rink3 {color:#444a4d;text-decoration:none;overflow: hidden;outline: none;}

/* tab------------------------------------------------------------- */
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 2px;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height:2px;
  background: #444444;
  display: block;
  order: -1;
}
.tab-label {
  color:#444;
  background:#e3e3e3;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
  transition: all 0.4s ease-out;
  }
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab-switch:checked+.tab-label {
  background:#325A8C;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);
}
.tab-switch {display: none;}
.tab-switch:checked+.tab-label:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color:#444444;
    border-width: 14px;
    margin-left: -14px;
}
.tab-switch:checked+.tab-label {
    background:#444444;color:#fff;
    position: relative;transition: all 0.4s ease-out;
}
/* pan */
.breadcrumb{margin:0;width:95%;color:#227e94;font-size:0.7rem;padding:5px;}
.breadcrumb:after {
  content: '';
  width: 100%;
  height:1px;
  background:#ececec;
  display: block;
  order: -1;margin-left:10px;
}
#breadcrumb-01 {padding-left:0;margin-left:10px;}
#breadcrumb-01 li{display:inline;list-style: none;}
#breadcrumb-01 li:not(:last-child)::after {
   content: '>';
   padding: 0 2px 0 7px;
   color: #227e94;font-size:1.0rem;
 }
#breadcrumb-01 li a {text-decoration: none;color:#444a4d;}
#breadcrumb-01 li a:hover {color:#84caea;outline: none;}

/* table01 */
.table01{width:100%;}
.table01 table{}
.table01 th,td{padding:5px;line-height:1.5em;vertical-align:top;font-weight:400;}
.table01 td{font-size:0.85rem;}
.table02{width:98%;}

/* list */
.soft-inList1 {padding-left:0.1em;font-size:0.8rem;}
.soft-inList1 > li {list-style:none;list-style-type:none;line-height:1.2;margin-left:1.2em;text-indent:-1.2em;padding:5px;}
.soft-inList1 > li::before {content: '●';margin-right:5px;font-size:0.5rem;}
.soft-inList2 {padding-left:1.2em;font-size:1.2rem;}
.soft-inList2 > li {list-style:none;list-style-type:none;line-height:1.2;margin-left:-0.8em;text-indent:-0.8em;padding:5px;}
.soft-inList2 > li::before {content: '●';margin-right:5px;font-size:0.5rem;}
.soft-inList3 {padding-left:0.1em;font-size:0.8rem;}
.soft-inList3 > li {line-height:1.2;margin-left:1.2em;text-indent:-0.1em;padding:5px;}
.soft-inList4 {padding-left:0.1em;font-size:0.8rem;}
.soft-inList4 > li {list-style:none;list-style-type:none;line-height:1.5;margin-left:1.0em;text-indent:-0.1em;padding:5px;}

/* dltable--------------------------------------------------------- */
.list_table,.list_table > dt,.list_table > dd {box-sizing: border-box;}
.list_table > dt,.list_table > dd {padding:0.5em;margin: 0px;}
.list_table > dt {background-color:rgba(68,68,68,1.0);color:#fff;}
.list_table > dd {background-color: rgba(250,250,250,0.5);color:#333333;}
@media screen and (max-width: 639px) {
    .list_table > dd {border: 1px solid #6e7377;border-top: none;border-bottom: none;}
    .list_table > dt {text-align: center;border: 1px solid #6e7377;border-bottom: none;}
    .list_table > dd > ul {text-align: left;}
	.list_table > dd:last-of-type { border-bottom: 1px solid #6e7377;}
}
@media print, (min-width: 639px) {
    .list_table {display: flex;flex-wrap: wrap;border-bottom: 1px solid #6e7377;}
    .list_table > dt,.list_table > dd {display: flex;flex-direction: column;justify-content: center;border-top: 1px solid #6e7377;}
    .list_table > dt {width: 20%;border-left: 1px solid #6e7377;border-right:none;}
    .list_table > dd {width: 80%;border-right: 1px solid #6e7377;border-left:none;}
}

/* table--------------------------------------------------------- */

table.spec {border: 1px solid #6e7377;table-layout:fixed;width:100%;}
table.spec th.spec_a {border:solid 1px #6e7377;padding:10px;text-align:center;}
table.spec th.spec_b {background-color:rgba(68,68,68,1.0);padding:10px;text-align:center;color:#fff;}
table.spec td.spec_c {border:solid 1px #6e7377;padding:10px;}
table.spec2 td.spec2_a {width:90px;background:#D7D7D7;text-align:center;vertical-align:middle;}

.news-list{list-style: none outside;margin: 0;padding: 0;}
.news-list .item {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 10px 10px;
}
.news-list .item:first-child{border-top: 1px solid #CCC;}
.news-list .item .date{
  margin: 0;
  min-width: 120px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .title{margin: 0;width: 100%;}

@media screen and (max-width: 767px){
.news-list .item{flex-wrap: wrap;}
.news-list .item .date{min-width: 100px;}
.news-list .item .title{margin-top: 10px;}
}

/* ▼表示領域が640px未満の場合 */
@media screen and (max-width: 639px) {
.flexboxsoft{width:99%;}
.soft_item1,.soft_item3{flex-basis:100%;max-width:100%;}
.soft_item5{flex-basis:100%;max-width:100%;}
.soft_item5:first-child{margin-top:5em;}
.soft_item8{flex-basis:40.5%;max-width:40.5%;margin:0.3em;padding:0.3em;}
.soft_box_txt3 {font-size:1.1rem;}
.tab4 {flex-flow:column;}
.soft_button3 {width:75%;}
.soft_box_txt h3 {font-size:1.2rem;font-weight:700;text-align: left;}
.table02 td {background: #f5f6f8; padding: 4px 12px;display: block;width:100%;}
.soft_button5 {width:90%;padding: 6px 20px 6px 10px;font-size:10.5px;}
}
@media screen and (max-width: 768px) and (min-width: 640px) {
.soft_item8{flex-basis:32.5%;max-width:32.5%;margin:0.3em;padding:0.3em;}
}
@media screen and (max-width: 900px) and (min-width: 769px) {
.soft_item8{flex-basis:30.5%;max-width:30.5%;margin:0.3em;padding:0.3em;}
}