/*****************************************************************************
↓This will rescue the old template.
*****************************************************************************/
/* Set
*****************************************************************************/
#sectionContents a:link    { text-decoration: none;}
#sectionContents a:visited { text-decoration: none;}
#sectionContents a:hover   { text-decoration: none;}
#sectionContents a:focus   { text-decoration: none;}
#sectionContents a:active  { text-decoration: none;}

@media only screen and (max-width:640px) and (max-device-width:1280px){
#sectionContents .section-inner {margin: 0!important;}
}

/* Element
*****************************************************************************/


/* mod_supportlink
-----------------------------------------*/

.mod_supportlink {
  margin: 0 auto;
  width: 967px;
  margin-top: 40px;
  margin-bottom: 40px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_supportlink {
    margin: 20px 10px 20px 10px;
    width: auto;
  }
}

.mod_supportlink p.link {
  line-height: 1.3;
}

.mod_supportlink p.link a {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border: solid 2px #d8d8d8;
  height: 80px;
  box-sizing: border-box;
  padding: 0 0 0 94px;
  background: transparent url('../img/icon_support.gif') no-repeat 40px 11px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_supportlink p.link a {
    height: auto;
    padding: 10px 10px 10px 70px;
    background: transparent url('../img/icon_support.gif') no-repeat 5px center;
  }
}

.mod_supportlink p.link a:link {
  color: #333;
  text-decoration: none;
}

.mod_supportlink p.link a:visited {
  color: #333;
  text-decoration: none;
}

.mod_supportlink p.link a:hover {
  color: #333;
  text-decoration: none;
}

.mod_supportlink p.link a:active {
  color: #333;
  text-decoration: none;
}

.mod_supportlink p.link strong {
  font-size: 145%;
  display: table-cell;
  width: 150px;
  vertical-align: middle;
  padding: 0 50px 0 20px;
  font-weight: bold;
  background: transparent url('../img/icon_support_arrow.gif') no-repeat 180px center;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_supportlink p.link strong {
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
    background: none;
    font-size: 18px;
  }
}

.mod_supportlink p.link span {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_supportlink p.link span {
    display: block;
    font-size: 12px;
    line-height: 1.5;
  }
}


/* mod_conversion
-----------------------------------------*/

.mod_conversion {
  margin: 0 auto;
  width: 967px;
  margin-top: 50px;
  margin-bottom: 40px;
  padding-bottom: 50px;
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_conversion {
    width: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
}

.mod_conversion_title {
  text-align: center;
  font-weight: bold;
  font-size: 26px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_conversion_title {
    font-size: 16px;
  }
}

.mod_conversion_box {
  margin: 25px 52px 0 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_conversion_box {
    margin: 20px 10px 0 10px;
  }
}

.mod_conversion_box:after {
  content: "";
  display: block;
  clear: both;
}

.mod_conversion_box_entry {
  position: relative;
  display: block;
  padding: 70px 0 0 0;
  float: left;
  width: 33.33%;
  margin: 0 26px 0 0;
  text-align: center;
  box-sizing: border-box;
  border-radius: 8px;
  border: solid 2px #ef9632;
  box-shadow: 2px 2px 1px #e5e5e5;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_conversion_box_entry {
    float: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
    text-align: center;
  }
}

.mod_conversion_box_entry:nth-child(3n) {
  margin-right: -52px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_conversion_box_entry:nth-child(3n) {
    margin-right: 0;
  }
}

a.mod_conversion_box_entry:link {
  color: #FFF;
  text-decoration: none;
}

a.mod_conversion_box_entry:visited {
  color: #FFF;
  text-decoration: none;
}

a.mod_conversion_box_entry:hover {
  color: #FFF;
  text-decoration: none;
  opacity: 0.8;
}

a.mod_conversion_box_entry:active {
  color: #FFF;
  text-decoration: none;
}

.mod_conversion_box_entry_img img {
  width: 270px;
  height: auto;
  border: solid 1px #e7e9e8;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_conversion_box_entry_img {
    display: table-cell;
    width: 110px;
    border: none;
  }
  .mod_conversion_box_entry_img img {
    width: 100%;
    border: none;
    border-radius: 8px 0 0 8px;
  }
}

.mod_conversion_box_entry_link {
  margin: 16px 0 0 0;
  display: block;
  padding: 25px 25px 20px 10px;
  font-weight: bold;
  font-size: 20px;
  background: #ef9632 url("../img/icon_arrow_01.png") no-repeat 96% 55%;
  background-size: 12px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_conversion_box_entry_link {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 5px;
    vertical-align: middle;
    text-align: left;
  }
  .mod_conversion_box_entry_link p {
    font-size: 13px;
  }
}

.mod_conversion_box_entry_link p.mod_conversion_box_entry_link_title {
  position: absolute;
  top: 29px;
  right: 0;
  left: 0;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: normal;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_conversion_box_entry_link p.mod_conversion_box_entry_link_title {
    margin: 0 0 5px 0;
    position: static;
    text-align: left;
    color: #FFF;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.3;
  }
}

.mod_conversion_box_entry_link p.mod_conversion_box_entry_link_title br {
  display: none;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_conversion_box_entry_link p.mod_conversion_box_entry_link_title br {
    display: block;
  }
}


/* mod_sns
-----------------------------------------*/


/* sns_block */

.sns_block {
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 0 15px;
  width: 960px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .sns_block {
    width: 100%;
    box-sizing: border-box;
  }
}

.sns_block ul {
  float: right;
}

.sns_block ul li {
  float: left;
  height: 24px;
  margin-right: 10px;
  vertical-align: bottom;
}

.sns_block ul li #___plusone_0 {
  width: 60px !important;
}

.sns_block ul li.twitter {
  width: 80px !important;
}

.sns_block ul li iframe#twitter-widget-0 {
  width: 80px !important;
}

/* Snsber
-----------------------------------------*/
.Snsber {
  margin-top: 50px;
  padding: 45px 10px 40px 10px;
  background-color: #505050;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .Snsber {
    padding: 25px 10px;
  }
}
.Snsber p{
  text-align: center;
  font-size: 20px;
  color: #FFF;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Snsber p{
    font-size: 16px;
  }
}
.Snsber ul {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Snsber ul li{
  width: 38px;
  margin: 0 17px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Snsber ul li{
    margin: 0 15px;
  }
}
.Snsber ul li.Snsber__youtube{
  width: 44px;
}
.Snsber ul li.Snsber__sumu{
  width: 145px;
}
.Snsber ul li img{
  width: 100%;
  height: auto;
}
.Snsber ul li a:hover   {opacity: 0.7;}
.Snsber ul li a:focus   {opacity: 0.7;}
.Snsber ul li a:active  {opacity: 0.7;}

/* mod_sns */

.mod_sns {
  width: 967px;
  margin: 0 auto;
  padding: 40px 0 15px 0;
  overflow: hidden;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_sns {
    width: 100%;
  }
}

.mod_sns ul {
  float: right;
}

.mod_sns ul li {
  height: 24px;
  float: left;
  margin-right: 10px;
  vertical-align: bottom;
}

.mod_sns ul li #___plusone_0 {
  width: 38px !important;
}

.mod_sns ul li.twitter {
  width: 80px !important;
}

.mod_sns ul li iframe#twitter-widget-0 {
  width: 80px !important;
}


/* mod_tab
-----------------------------------------*/

.mod_tab {
  position: relative;
  margin: 0 auto;
  width: 967px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_tab {
    width: auto;
  }
}

.mod_tab ul.resp-tabs-list {
  width: 968px;
  margin: 0 -2px 0 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_tab ul.resp-tabs-list {
    display: none;
  }
}

.mod_tab ul.resp-tabs-list:after {
  content: "";
  clear: both;
  display: block;
}

.mod_tab ul.resp-tabs-list li {
  float: left;
  display: table;
  text-align: center;
  margin: 0 2px 0 0;
}

.mod_tab ul.resp-tabs-list li span {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  width: 240px;
  border-top: solid 3px #222;
  border-bottom: solid 2px #FFF;
  height: 50px;
  color: #222;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  cursor: pointer;
  background-color: #d9d9d9;
}

.mod_tab ul.resp-tabs-list li.resp-tab-active span {
  border-top: solid 2px #1d1d1d;
  border-bottom: solid 2px #1d1d1d;
  background-color: #1d1d1d;
  color: #FFF;
}

.mod_tab ul.resp-tabs-list li.resp-tab-active span:after {
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -5.5px;
  width: 11px;
  height: 11px;
  content: "";
  display: block;
  z-index: 99;
  text-align: center;
  background: transparent url('../img/ar_tab_bottom.png') no-repeat top left;
}


/* panel */

.mod_tab .resp-tabs-container {}

.mod_tab .resp-tab-content {
  display: none;
}

.mod_tab .resp-tab-active {}

.mod_tab .resp-content-active,
.mod_tab .resp-accordion-active {
  display: block;
}

.mod_tab .resp-tab-content {}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_tab .resp-tab-content {
    /*border-bottom: 1px solid #c1c1c1;*/
  }
}


/* Accordion styles */

.mod_tab h2.resp-accordion {
  cursor: pointer;
  padding: 15px 10px 15px 10px;
  display: none;
  font-size: 16px;
  border-bottom: 1px solid #ffffff;
  background-color: #d9d9d9;
  color: #222;
  position: relative;
  font-weight: bold;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_tab h2.resp-accordion {
    display: block;
  }
}

.mod_tab h2.resp-accordion:first-child {
  /*border-top: 1px solid #c1c1c1*/
  ;
}

.mod_tab h2.resp-tab-active {
  background-color: #1d1d1d;
  color: #FFF;
}

.mod_tab .resp-arrow:after {
  float: right;
  content: " \f078";
  color: #666;
  font-family: FontAwesome;
  font-size: 100%;
  font-weight: normal;
}

.mod_tab h2.resp-tab-active span.resp-arrow:after {
  content: " \f077";
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_tab .resp-accordion-closed {
    display: none !important;
  }
}


/* mod_basecol
-----------------------------------------*/

.mod_basecol {
  margin: 0 auto;
  width: 967px;
  background-color: #efefef;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol {
    width: auto;
  }
}

.mod_basecol_inner {}

.mod_basecol_inner_box {}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol_inner_box img {
    width: 100%;
  }
}

.mod_basecol_inner_box_title {}

.mod_basecol_inner_box_title p.basecolTitle {
  font-family: Ryumin Bold KL;
  font-size: 22px;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
}

.mod_basecol_inner_box_img {}

.mod_basecol_inner_box_img a {
  display: block;
  position: relative;
}

.mod_basecol_inner_box_img a span {
  background: rgba(67, 67, 67, 0.5) none repeat scroll 0 0;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 115%;
  font-weight: bold;
  height: 36px;
  left: 0;
  padding: 10px 0 0 15px;
  position: absolute;
  width: 483px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol_inner_box_img a span {
    position: static;
    width: 100%;
    height: auto;
    padding: 10px 5px 10px 10px;
  }
}

.mod_basecol_inner_box_text {
  padding: 12px 20px 2px 20px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol_inner_box_text {
    padding: 10px;
  }
}

.mod_basecol_inner_box_text p,
.mod_basecol_inner_box_text ul {
  color: #666;
  line-height: 1.5;
  font-size: 16px;
  margin: 0 0 10px 0;
}

.mod_basecol_inner_box_text .ex_comments {
  font-size: 14px!important;
}

.mod_basecol_inner_box_text .ex_arrow {
  font-size: 14px!important;
}

.mod_basecol_inner_box_text p.basecolLead {
  color: #333;
  font-weight: bold;
}


/* two */

.mod_basecol.mod_basecol-two {}

.mod_basecol.mod_basecol-two .mod_basecol_inner {
  display: table;
  margin: 0 0 0 -1px;
  overflow: hidden;
  width: 968px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol.mod_basecol-two .mod_basecol_inner {
    display: block;
    margin: 0;
    width: auto;
  }
}

.mod_basecol.mod_basecol-two .mod_basecol_inner_box {
  display: table-cell;
  border-left: 1px solid #fff;
  width: 483px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol.mod_basecol-two .mod_basecol_inner_box {
    display: block;
    border-left: none;
    border-bottom: 1px solid #fff;
    width: auto;
  }
}


/* three */

.mod_basecol.mod_basecol-three {
  width: 965px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol.mod_basecol-three {
    width: auto;
  }
}

.mod_basecol.mod_basecol-three .mod_basecol_inner {
  display: table;
  margin: 0 0 0 -1px;
  overflow: hidden;
  width: 966px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol.mod_basecol-three .mod_basecol_inner {
    display: block;
    margin: 0;
    width: auto;
  }
}

.mod_basecol.mod_basecol-three .mod_basecol_inner_box {
  display: table-cell;
  border-left: 1px solid #fff;
  width: 321px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol.mod_basecol-three .mod_basecol_inner_box {
    display: block;
    border-left: none;
    border-bottom: 1px solid #fff;
    width: auto;
  }
}

.mod_basecol.mod_basecol-three .mod_basecol_inner_box_img a span {
  width: 321px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol.mod_basecol-three .mod_basecol_inner_box_img a span {
    width: 100%;
  }
}


/* four */

.mod_basecol.mod_basecol-four {}

.mod_basecol.mod_basecol-four .mod_basecol_inner {
  display: table;
  margin: 0 0 0 -1px;
  overflow: hidden;
  width: 968px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol.mod_basecol-four .mod_basecol_inner {
    display: block;
    margin: 0;
    width: auto;
  }
}

.mod_basecol.mod_basecol-four .mod_basecol_inner_box {
  display: table-cell;
  border-left: 1px solid #fff;
  width: 241px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol.mod_basecol-four .mod_basecol_inner_box {
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-left: none;
  }
}

.mod_basecol.mod_basecol-four .mod_basecol_inner_box_img a span {
  width: 241px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_basecol.mod_basecol-four .mod_basecol_inner_box_img a span {
    width: 100%;
  }
}

.mod_basecol.mod_basecol-four .mod_basecol_inner_box_text p,
.mod_basecol.mod_basecol-four .mod_basecol_inner_box_text ul {
  font-size: 14px;
}


/* mod_setlink
-----------------------------------------*/

.mod_setlink {
  margin: 0 auto;
  width: 967px;
  box-sizing: border-box;
  padding: 20px 0 0 20px;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .mod_setlink {
    width: auto;
    padding: 0;
  }
}

.mod_setlink ul {
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .mod_setlink ul {
    margin: 0;
    width: 100%;
  }
}

.mod_setlink ul li {
  float: left;
  margin: 0 20px 20px 0;
  width: 295px;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .mod_setlink ul li {
    border-bottom: 1px solid #ccc;
    float: none;
    margin: 0;
    width: 100%;
  }
}

.mod_setlink ul li a {
  display: table;
  line-height: 1.5;
}

.mod_setlink ul li a:link {
  color: #333;
}

.mod_setlink ul li a:visited {
  color: #333;
}

.mod_setlink ul li a:hover {
  color: #333;
}

.mod_setlink ul li a:active {
  color: #333;
}

.mod_setlink ul li a span {
  display: table-cell;
  vertical-align: middle;
}

.mod_setlink ul li a span.setlinkImg {
  padding: 0 13px 0 0;
  width: 80px;
}


/* mod_setlink-four */

.mod_setlink.mod_setlink-four {}

.mod_setlink.mod_setlink-four ul li {
  width: 216px;
}

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .mod_setlink.mod_setlink-four ul li {
    width: auto;
  }
}


/* mod_bnrlink
-----------------------------------------*/

.mod_bnrlink {
  margin: 40px 0 0 0;
  padding: 12px 0 2px 0;
  background-color: #e8e8e8;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink {
    margin: 20px 0 0 0;
  }
}

.mod_bnrlink.mod_bnrlink-nocolor {
  background-color: #FFF;
}

.mod_bnrlink_in {
  margin: 0 auto;
  width: 967px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in {
    width: 100%;
  }
}

.mod_bnrlink_in a:link {
  color: #333;
}

.mod_bnrlink_in a:visited {
  color: #333;
}

.mod_bnrlink_in a:hover {
  color: #333;
}

.mod_bnrlink_in a:active {
  color: #333;
}


/* mod_bnrlink_in_one */

.mod_bnrlink_in_one {}

.mod_bnrlink_in_one ul {}

.mod_bnrlink_in_one ul li {
  padding: 0 0 10px 0;
}


/* mod_bnrlink_in_two */

.mod_bnrlink_in_two {}

.mod_bnrlink_in_two ul {
  position: relative;
  overflow: hidden;
  width: 977px;
  margin: 0 -10px 0 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_two ul {
    width: auto;
    margin: 0 10px 0 10px;
  }
}

.mod_bnrlink_in_two ul li {
  float: left;
  width: 478px;
  margin: 0 10px 10px 0;
  box-sizing: border-box;
  border: solid 1px #CCC;
  padding: 1px;
  background-color: #FFF;
}

.mod_bnrlink_in_two ul li.bnr {
  border: none;
  padding: 0px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_two ul li {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
  }
  .mod_bnrlink_in_two ul li.bnr img {
    width: 100%;
    height: auto;
  }
}

.mod_bnrlink_in_two ul li a {
  display: table;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_two ul li a {
    display: block;
  }
}

.mod_bnrlink_in_two ul li a span {
  display: table-cell;
  width: 233px;
  vertical-align: top;
}

.mod_bnrlink_in_two ul li.two a span {
  width: 95px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_two ul li a span,
  .mod_bnrlink_in_two ul li.two a span {
    display: block;
    width: 100%;
  }
  .mod_bnrlink_in_two ul li a span img {
    width: 100%;
    height: auto;
  }
}

.mod_bnrlink_in_two_text {
  padding: 0 0 0 14px;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_two_text {
    padding: 10px;
    display: block;
  }
  .mod_bnrlink_in_two_text br {
    display: none;
  }
}

.mod_bnrlink_in_two_text p {
  line-height: 1.5;
  margin: 5px 0 0 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_two_text p {
    font-size: 12px;
  }
}

.mod_bnrlink_in_two_text p.bnrlinkTitle {
  font-weight: bold;
  font-size: 128%;
  margin: 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_two_text p.bnrlinkTitle {
    font-size: 16px;
  }
}


/* mod_bnrlink_in_three */

.mod_bnrlink_in_three {}

.mod_bnrlink_in_three ul {
  position: relative;
  overflow: hidden;
  width: 975px;
  margin: 0 -8px 0 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_three ul {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
  }
}

.mod_bnrlink_in_three ul li {
  float: left;
  width: 317px;
  margin: 0 8px 10px 0;
  box-sizing: border-box;
  border: solid 1px #CCC;
  padding: 1px;
  background-color: #FFF;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_three ul li {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
  }
}

.mod_bnrlink_in_three ul li a {
  display: table;
  width: 100%;
}

.mod_bnrlink_in_three ul li a span {
  display: table-cell;
  width: 95px;
  vertical-align: top;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_three ul li a span {
    width: 95px;
  }
  .mod_bnrlink_in_three ul li a span img {
    width: 100%;
    height: auto;
  }
  .mod_bnrlink_in_three ul li a>img {
    width: 100%;
    height: auto;
  }
}

.mod_bnrlink_in_three_text {
  padding: 0 0 0 14px;
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_three_text br {
    display: none;
  }
}

.mod_bnrlink_in_three_text p {
  line-height: 1.5;
  margin: 5px 0 0 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_three_text p {
    font-size: 12px;
  }
}

.mod_bnrlink_in_three_text p.bnrlinkTitle {
  font-weight: bold;
  font-size: 115%;
  margin: 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_three_text p.bnrlinkTitle {
    font-size: 16px;
  }
}


/* mod_bnrlink_in_four */

.mod_bnrlink_in_four {}

.mod_bnrlink_in_four ul {
  position: relative;
  overflow: hidden;
  width: 976px;
  margin: 0 -9px 0 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_four ul {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
  }
}

.mod_bnrlink_in_four ul li {
  float: left;
  width: 235px;
  margin: 0 8px 10px 0;
  box-sizing: border-box;
  border: solid 1px #CCC;
  padding: 1px;
  background-color: #FFF;
}

.mod_bnrlink_in_four ul li.two {
  width: 478px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_four ul li.bnr a {
    display: block;
  }
  .mod_bnrlink_in_four ul li a>img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_four ul li,
  .mod_bnrlink_in_four ul li.two,
  .mod_bnrlink_in_four ul li:nth-child(4n) {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
  }
}

.mod_bnrlink_in_four ul li a {
  display: table;
  width: 100%;
}

.mod_bnrlink_in_four ul li a span {
  display: table-cell;
  width: 95px;
  vertical-align: top;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_four ul li a span {
    width: 95px;
  }
  .mod_bnrlink_in_four ul li a span img {
    width: 100%;
    height: auto;
  }
}

.mod_bnrlink_in_four ul li.two a span {
  width: 233px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_four ul li.two a span {
    display: block;
    width: 100%;
  }
}

.mod_bnrlink_in_four_text {
  padding: 0 0 0 14px;
  display: table-cell;
  vertical-align: middle;
}

.mod_bnrlink_in_four_text p {
  line-height: 1.5;
  margin: 5px 0 0 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_four_text p {
    font-size: 12px;
  }
}

.mod_bnrlink_in_four_text p.bnrlinkTitle {
  font-weight: bold;
  font-size: 115%;
  margin: 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_bnrlink_in_four_text p.bnrlinkTitle {
    font-size: 16px;
  }
  .mod_bnrlink_in_four_text p.bnrlinkTitle br {
    display: none;
  }
}


/* mod_pagerblock
-----------------------------------------*/

.mod_pagerblock {
  margin: 0 auto;
  width: 967px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_pagerblock {
    width: auto;
  }
}

.mod_pagerblock ul.back {
  float: left;
}

.mod_pagerblock ul.go {
  float: right;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_pagerblock ul.go,
  .mod_pagerblock ul.back {
    float: none;
    display: table;
    width: 100%;
  }
}

.mod_pagerblock ul li {
  width: 208px;
  float: left;
  border-right: 1px solid #FFF;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_pagerblock ul li {
    width: 100%;
    display: table-cell;
    float: none;
    border-right: none;
    border-top: solid 1px #CCC;
  }
  .mod_pagerblock ul.go li {
    width: 50%;
    border: none;
  }
}

.mod_pagerblock ul li a {
  display: block;
  text-align: center;
  line-height: 1;
  padding: 15px 0 15px 0;
  background-color: #e3e3e3;
  color: #333;
  font-size: 16px;
  line-height: 1.3;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_pagerblock ul li a {
    display: table;
    text-align: left;
    padding: 15px 10px 15px 10px;
    width: 100%;
    box-sizing: border-box;
  }
  .mod_pagerblock ul.go li.prev a {
    border-right: solid 1px #CCC;
  }
}

.mod_pagerblock ul.back a {
  background-color: #FFF;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_pagerblock ul li.next a {
    text-align: right;
  }
}

.mod_pagerblock ul li a i {
  text-align: left;
  display: inline-block;
  width: 20px;
  color: #666;
  font-weight: bold;
}

.mod_pagerblock ul.go li.next a i {
  text-align: right;
  border-right: none;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_pagerblock ul li a i {
    display: table-cell;
    width: 16px;
    vertical-align: middle;
    text-align: center;
  }
  .mod_pagerblock ul.go li a span {
    display: table-cell;
    vertical-align: middle;
  }
}


/* mod_section_title
-----------------------------------------*/

.mod_section_title {
  margin: 0 0 30px 0;
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_section_title {
    border-bottom: none;
  }
}

.mod_section_title .ex_h2style {
  border-bottom: none;
  display: inline-block;
  margin: 0;
  float: left;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_section_title .ex_h2style {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    float: none;
  }
}

.mod_section_title .mod_section_title_link {
  display: inline-block;
  float: right;
  line-height: 1.18;
}

.mod_section_title .mod_section_title_link a {
  color: #333;
  padding-left: 4px;
}

.mod_section_title .mod_section_title_link a:hover {
  text-decoration: underline;
}

.mod_section_title .mod_section_title_link:before {
  content: '\f054';
  font-family: FontAwesome;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_section_title .mod_section_title_link {
    display: none;
  }
}

.mod_section_title-sp {
  display: none;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
  .mod_section_title-sp {
    display: block;
    /*margin: 15px 0 0 0;
  text-align: center;*/
  }
  /*
.mod_section_title-sp a {
  display: inline-block;
  width: 80%;
  padding: 10px 0;
  background: #791327;
  border-radius: 4px;
  color: #ffffff!important;
  line-height: 1.5;
  position: relative;
}
.mod_section_title-sp a:after {
  content: '\f0da';
  font-size: 20px;
  line-height: 1;
  font-family: FontAwesome;
  position: absolute;
  top: 30%;
  right: 12px;
}
  */
}


/* ex_comments
-----------------------------------------*/

.ex_comments {
  color: #666!important;
}


/* ex_table
-----------------------------------------*/

table.ex_table {
  border: 1px solid #e6e6e6;
  width: 100%;
  box-sizing: border-box;
}

table.ex_table th,
table.ex_table td {
  border: 1px solid #e6e6e6;
  padding: 0.5em 1em;
  line-height: 1.3;
}

table.ex_table th {
  background: #f1f1f2;
  color: #333;
  font-weight: normal;
}

table.ex_table td {
  color: #333;
}


/* ex_pagetop
-----------------------------------------*/

p.ex_pagetop {
  margin: 0 0 40px 0;
  text-align: right;
}

p.ex_pagetop i {
  color: #666;
  font-weight: bold;
}

p.ex_pagetop a {
  font-weight: bold;
  padding: 0 0 0 10px;
}

p.ex_pagetop a:link {
  color: #333;
}

p.ex_pagetop a:visited {
  color: #333;
}

p.ex_pagetop a:hover {
  color: #333;
}

p.ex_pagetop a:active {
  color: #333;
}


/* ex_clearfix
-----------------------------------------*/

.ex_clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/* ex_clearfix
-----------------------------------------*/

#sectionContents .ex_marginB0 {
  margin-bottom: 0px!important;
}

#sectionContents .ex_marginBS {
  margin-bottom: 10px!important;
}

#sectionContents .ex_marginBM {
  margin-bottom: 20px!important;
}

#sectionContents .ex_marginT0 {
  margin-top: 0px!important;
}

#sectionContents .ex_marginTSS {
  margin-top: 5px!important;
}

#sectionContents .ex_marginTS {
  margin-top: 10px!important;
}

#sectionContents .ex_marginTM {
  margin-top: 20px!important;
}

#sectionContents .ex_marginTL {
  margin-top: 30px!important;
}
