@charset "UTF-8";
body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}

.main {
  display: block;
  box-sizing: border-box;
  padding: 20px 0;
}

.main *,
.main *:before,
.main *:after {
  box-sizing: inherit;
}

.main img {
  max-width: 100%;
  height: auto;
}

.main__head {
  overflow: hidden;
  margin-bottom: 10px;
}

.main__title {
  padding-bottom: 20px;
}

@media print,
screen and (min-width: 768px) {
  .main__title {
    float: left;
  }
}

.main__sub-title {
  margin-bottom: 13px;
}

.main__sub-title img {
  vertical-align: bottom;
}

.main__copy {
  margin-bottom: 30px;
}

.main .link-fav {
  display: block;
  width: 190px;
  padding-top: 15px;
}

@media print,
screen and (min-width: 768px) {
  .main .link-fav {
    padding-top: 0;
    position: absolute;
    margin-top: -6px;
  }
}

.breadcrumb {
  padding: 10px 30px;
  position: relative;
  overflow: hidden;
}

.breadcrumb:before {
  content: "";
  top: 0;
  left: 50%;
  margin-left: -600px;
  position: absolute;
  background: url(/common/images/sprite_2x.png) no-repeat center center;
  background-position: 0px -1192px;
  background-size: 1464px 1400px;
  width: 1200px;
  height: 40px;
}

.breadcrumb .inner {
  max-width: 1080px;
}

.breadcrumb ul {
  overflow: hidden;
}

.breadcrumb li {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.1;
  position: relative;
  float: left;
  margin-right: 15px;
  border: none;
}

.breadcrumb li:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1px;
  height: 23px;
  content: "";
  background: #d9d9d9;
}

.breadcrumb li:first-child {
  background: none;
  margin-right: 0;
}

.breadcrumb li:first-child a {
  padding-left: 20px;
}

.breadcrumb li:first-child a:before {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url(/common/images/sprite_2x.png);
  background-repeat: no-repeat;
  background-position: -445px -286px;
  background-size: 732px 700px;
}

.breadcrumb li:last-child {
  font-weight: 700;
  padding: 5px 15px;
  color: #fff;
  background: #000;
  margin-right: 0;
}

.breadcrumb a {
  position: relative;
  display: inline-block;
  padding: 5px 15px;
  border: none;
}

.breadcrumb strong {
  font-weight: 700;
  padding: 5px 15px;
  color: #fff;
  background: #000;
}

.breadcrumb strong.current {
  display: block;
  background: #000;
  font-weight: bold;
  padding: 2px 14px;
  color: #fff;
}

.socialBtn {
  float: right;
}

.socialBtn ul {
  font-size: 0;
}

.socialBtn li {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  margin-left: 9px;
  margin-bottom: 10px;
}

.socialBtn li:first-child {
  width: auto;
}

.socialBtn li:first-child img {
  vertical-align: top;
  max-height: 100%;
  width: auto;
}

.socialBtn .facebook {
  width: 84px;
}

.socialBtn .lang {
  font-family: monospace;
  font-weight: bold;
}

.topNotes,
.notes {
    clear: both;
    overflow: hidden;
    font-size: 13px;
    margin: 0 0 5px;
}
@media print,
screen and (max-width: 767px) {
  .notes {
    clear: both;
    font-size: 13px;
    padding: 0 10px;
}
}


.mfp-bg {
  background: transparent;
}

.mfp-close {
  display: none !important;
}

/**
 * 既存のCSS
 */

/* ---------------------------------------
   /case/ common style
   /case/index.html
   /case/serch.html
   /case/detail/temp.html
   /case/001/index.html
   /case/017/index.html

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

/* if you criate new page.
 please use this css.
 #contents #caseContents{
 overflow:visible;
 width:auto;
 height:auto;
 }
 #contents #caseConIn{
 position:relative;
 } */

/* ---------------------------------------
 common style 追加
 --------------------------------------- */

.left {
  float: left;
}

.right {
  float: right;
}

#casePageTitle {
  *zoom: 1;
  position: relative;
  margin-top: -10px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  background: none;
  /* social btn */
}

#mainArea #casePageTitle .socialBtn {
  position: absolute;
  top: 0;
  right: 0;
}

#mainArea #casePageTitle .socialBtn ul {
  float: right;
  margin: 0;
  height: 21px;
}

#mainArea #casePageTitle .socialBtn ul li {
  float: left;
  margin-left: 10px;
}

p.copy {
  margin: 0;
  padding: 0;
  text-align: left;
}

/* select nav */

.snav {
  width: 960px;
  margin: 0 auto;
}

.snav dl,
.snav ul {
  margin: 0;
  padding: 0;
}

.snav dl dt {
  float: left;
  width: 118px;
}

.snav dl dd {
  float: left;
}

.snav dl dd ul {
  margin-top: 17px;
  margin-left: 13px;
}

.snav dl dd ul li {
  float: left;
  margin-left: 15px;
}

.snav dl dd ul li a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

/* page nav */

.pnav {
  margin: 0 auto 25px;
  text-align: center;
  height: 24px;
}

.pnav ul {
  text-align: center;
  display: table;
  margin: 0 auto;
  padding: 0;
}

.pnav ul li {
  float: left;
  margin: 0px;
}

.pnav ul li a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

/* case list */

#caseList {
  width: 960px;
  margin: 0 auto 5px auto;
}

#caseList ul {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#caseList ul li {
  float: left;
  width: 234px;
  height: 250px;
  margin-right: 8px;
  margin-bottom: 8px;
  background: url(../../../case/images/bg_case_list.gif) no-repeat 0 0;
}

#caseList ul li:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

#caseList .listEnd {
  margin-right: 0px;
}

#caseList .thum {
  margin-bottom: 5px;
}

#caseList .caseListBox {
  margin: 0 auto;
  width: 204px;
}

#caseList .caseListBoxNext {
  margin: 0 auto;
  width: 204px;
  height: 236px;
  background: #cccccc;
}

#caseList .caseListBoxNext img {
  padding: 103px 40px 103px 40px;
}

.caseListBox .caseCategory {
  margin: 0 0 5px 0;
  padding: 0;
  width: 204px;
  height: 34px;
  text-align: left;
}

.caseListBox .caseNo {
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
  color: #666;
}

.caseListBox .caseCopy {
  font-size: 14px;
  text-align: left;
  line-height: 1.7;
}

.caseListBox .caseCopy a {
  text-decoration: none;
}

.caseListBox .caseInfo {
  text-align: right;
}

#caseList p {
  margin: 0;
  padding: 0;
}

#caseList .caseNo {
  float: right;
  margin: 0;
  padding: 0;
}

.case #contents {
  float: none;
  width: auto;
}

#inMainArea {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

.contentsInner .caseTxt {
  float: left;
  width: 466px;
}

.contentsInner .caseTxt2 {
  float: right;
  width: 454px;
}

.contentsInner .caseTxt h2,
.contentsInner .caseTxt2 h2 {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  background: none;
}

.contentsInner .caseTxt p.line,
.contentsInner .caseTxt2 p.line {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid #e6e6e6;
}

.contentsInner .caseTxt p,
.contentsInner .caseTxt2 p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
}

.contentsInner .caseTxt .category,
.contentsInner .caseTxt2 .category {
  margin: 0 0 10px;
  padding: 0;
  /*height:30px;*/
}

.contentsInner .caseTxt .category img,
.contentsInner .caseTxt2 .category img {
  margin: 0 4px 4px 0;
}

.contentsInner .caseTxt .category a:hover,
.contentsInner .caseTxt2 .category a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

.contentsInner .caseTxt .number,
.contentsInner .caseTxt2 .number {
  margin: 0px 0px 10px 0px;
  padding: 0;
}

.contentsInner .caseGallery {
  float: right;
  width: 454px;
  margin: 0;
  padding: 30px 0px 0px 0px;
  text-align: right;
}

.contentsInner .caseGallery h3 {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  text-align: left;
}

.contentsInner .caseGallery p {
  margin: 0;
  padding: 0;
  text-align: right;
}

/* gallery
 --------------------------------------- */

.gallery {
  position: relative;
  width: 454px;
  height: 262px;
  margin: 0px;
  padding: 0px;
}

.gallery ul.layout06,
.gallery ul.layout05,
.gallery ul.layout04,
.gallery ul.layout03,
.gallery ul.layout02,
.gallery ul.layout01 {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 454px;
  height: 262px;
}

.gallery ul li a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

.gallery ul.layout06 li.galleryPhoto01 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.gallery ul.layout06 li.galleryPhoto02 {
  position: absolute;
  top: 0px;
  left: 152px;
}

.gallery ul.layout06 li.galleryPhoto03 {
  position: absolute;
  top: 0px;
  left: 304px;
}

.gallery ul.layout06 li.galleryPhoto04 {
  position: absolute;
  top: 92px;
  left: 0px;
}

.gallery ul.layout06 li.galleryPhoto05 {
  position: absolute;
  top: 132px;
  left: 152px;
}

.gallery ul.layout06 li.galleryPhoto06 {
  position: absolute;
  top: 92px;
  left: 304px;
}

.gallery ul.layout05 li.galleryPhoto01 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.gallery ul.layout05 li.galleryPhoto02 {
  position: absolute;
  top: 0px;
  left: 152px;
}

.gallery ul.layout05 li.galleryPhoto03 {
  position: absolute;
  top: 0px;
  left: 304px;
}

.gallery ul.layout05 li.galleryPhoto04 {
  position: absolute;
  top: 152px;
  left: 0px;
}

.gallery ul.layout05 li.galleryPhoto05 {
  position: absolute;
  top: 112px;
  left: 152px;
}

.gallery ul.layout04 li.galleryPhoto01 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.gallery ul.layout04 li.galleryPhoto02 {
  position: absolute;
  top: 0px;
  left: 304px;
}

.gallery ul.layout04 li.galleryPhoto03 {
  position: absolute;
  top: 132px;
  left: 0px;
}

.gallery ul.layout04 li.galleryPhoto04 {
  position: absolute;
  top: 132px;
  left: 122px;
}

.gallery ul.layout04 li.galleryPhoto05 {
  position: absolute;
  top: 132px;
  left: 244px;
}

.gallery ul.layout03 li.galleryPhoto01 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.gallery ul.layout03 li.galleryPhoto02 {
  position: absolute;
  top: 0px;
  left: 152px;
}

.gallery ul.layout03 li.galleryPhoto03 {
  position: absolute;
  top: 0px;
  left: 304px;
}

.gallery ul.layout03 li.galleryPhoto04 {
  position: absolute;
  top: 132px;
  left: 0px;
}

.gallery ul.layout03 li.galleryPhoto05 {
  position: absolute;
  top: 132px;
  left: 152px;
}

.gallery ul.layout03 li.galleryPhoto06 {
  position: absolute;
  top: 132px;
  left: 304px;
}

.gallery ul.layout02 li.galleryPhoto01 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.gallery ul.layout02 li.galleryPhoto02 {
  position: absolute;
  top: 0px;
  left: 304px;
}

.gallery ul.layout02 li.galleryPhoto03 {
  position: absolute;
  top: 132px;
  left: 0px;
}

.gallery ul.layout02 li.galleryPhoto04 {
  position: absolute;
  top: 132px;
  left: 152px;
}

.gallery ul.layout02 li.galleryPhoto05 {
  position: absolute;
  top: 132px;
  left: 304px;
}

.gallery ul.layout01 li.galleryPhoto01 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.gallery ul.layout01 li.galleryPhoto02 {
  position: absolute;
  top: 0px;
  left: 152px;
}

.gallery ul.layout01 li.galleryPhoto03 {
  position: absolute;
  top: 0px;
  left: 304px;
}

.gallery ul.layout01 li.galleryPhoto04 {
  position: absolute;
  top: 132px;
  left: 152px;
}

.gallery ul.layout01 li.galleryPhoto05 {
  position: absolute;
  top: 132px;
  left: 304px;
}

/* plan
 --------------------------------------- */

.plan {
  float: right;
  width: 454px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

.plan h3 {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  text-align: left;
}

.plan ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.plan ul li {
  float: left;
  margin-bottom: 2px;
}

.plan ul li a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

.dataInfo {
  float: left;
  width: 436px;
  margin: 0px;
  padding: 15px;
  background: #f4f4f4;
}

.dataImg {
  float: left;
  width: 170px;
  margin: 0px;
  padding: 0px;
}

.dataInfo dl {
  float: left;
  width: 260px;
  margin: 0;
  padding: 0;
  text-align: left;
}

.dataInfo dl dt {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  clear: left;
  float: left;
  width: 6em;
  padding: 0px 0px 5px 0px;
}

.dataInfo dl dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 6.5em;
  font-size: 12px;
}

.itemArea {
  width: 958px;
  margin: 0px;
  padding: 10px 0px;
  border: 1px solid #0074c0;
}

.itemArea .catalog {
  float: left;
  width: 450px;
  margin: 0px 20px 0px 0px;
  padding: 0px 20px 0px 0px;
  border-right: 1px solid #0074c0;
}

.itemArea .catalog p.image {
  float: left;
  width: 121px;
  margin: 35px 12px 0px 0px;
  padding: 0px;
}

.itemArea .catalog .itemTxt {
  float: left;
  width: 315px;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

.itemArea .catalog .itemTxt h3 {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.itemArea .catalog .itemTxt p {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.itemArea .catalog ul {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  text-align: right;
}

.itemArea .openhouse {
  float: left;
  width: 440px;
  margin: 0px;
  padding: 0px;
}

.itemArea .openhouse p.image {
  float: left;
  width: 106px;
  margin: 20px 12px 0px 0px;
  padding: 0px;
}

.itemArea .openhouse .itemTxt {
  float: left;
  width: 315px;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

.itemArea .openhouse .itemTxt h3 {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.itemArea .openhouse .itemTxt p {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.itemArea .openhouse ul {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  text-align: right;
}

/* linkeRight
 --------------------------------------- */

.linkeRight {
  width: 960px;
  margin: 0;
  padding: 0;
  text-align: right;
}

.linkeRight a {
  padding-left: 15px;
  background-image: url(../../images/index/icon_link.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.linkeRight a img {
  vertical-align: middle;
}

.backTop {
  margin: 0px 0px 20px 0px;
  padding: 0;
}

.backTop a {
  margin: 0px;
  padding-left: 18px;
}

/* primarySection
 --------------------------------------- */

.primarySection {
  width: 958px;
  margin: 0px;
  padding: 10px 0px;
  border: 1px solid #0074c0;
}

.primarySection .primarySectionInner {
  width: 920px;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}

.primarySection .primarySectionInner h2 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid #0074c0;
  background: none;
}

.primarySection .primarySectionInner p.area-pic {
  float: left;
  width: 200px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

.primarySection .primarySectionInner ul {
  float: left;
  width: 700px;
  margin: 20px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

.primarySection .primarySectionInner ul li {
  float: left;
  margin: 0px 10px 0px 30px;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

.primarySection .primarySectionInner ul li a {
  display: block;
  width: 118px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-decoration: none;
}

.primarySection .primarySectionInner ul li a img {
  display: block;
}

.primarySection .primarySectionInner ul li a span {
  display: block;
  padding: 0 0 0 14px;
  margin: 4px 0 0;
  background: url(../../images/index/icon_link.gif) no-repeat 0 1px;
  line-height: 1.4;
}

.primarySection .primarySectionInner ul li a:hover {
  color: #0059c0;
}

.primarySection .primarySectionInner ul li a:hover img {
  -ms-filter: "alpha( opacity=60 )";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  cursor: pointer;
}

/* font size
 --------------------------------------- */

.size10 {
  font-size: 10px !important;
}

.size11 {
  font-size: 11px !important;
}

.size12 {
  font-size: 12px !important;
}

.size14 {
  font-size: 14px !important;
}

/* font weight Bold
 --------------------------------------- */

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

/* font weight normal
 --------------------------------------- */

.txtNormal {
  font-weight: normal !important;
}

/* align,valign
 --------------------------------------- */

.alignL {
  text-align: left !important;
}

.alignC {
  text-align: center !important;
}

.alignR {
  text-align: right !important;
}

.valignT {
  vertical-align: top !important;
}

.valignM {
  vertical-align: middle !important;
}

.valignB {
  vertical-align: bottom !important;
}

/* margin
 --------------------------------------- */

.pt02 {
  padding-top: 2px !important;
}

.pb00 {
  padding-bottom: 0 !important;
}

.mt02 {
  margin-top: 2px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb02 {
  margin-bottom: 2px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr02 {
  margin-right: 2px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr60 {
  margin-right: 60px !important;
}

/* clearfix
 --------------------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
   height: auto;
   overflow: hidden;
   /**/
}

/* clear
 --------------------------------------- */

.clear {
  float: none;
  clear: both;
}

.caseIndex h2 {
  padding: 0px !important;
  height: 28px !important;
  margin: 0 0 13px 0 !important;
}

/* トップページ　01.Pick Up
 --------------------------------------- */

h2 {
  background: none;
}

#slideshow {
  margin: 0 0 50px 0;
  position: relative;
  overflow: hidden;
}

#slideshow #slides {
  overflow: visible !important;
}

#slideshow #slides>li {
  width: 100% !important;
  height: auto !important;
  display: none;
}

#slideshow ul#slide-nav {
  display: block;
}

#slideshow ul#slide-nav li a {
  display: block;
  width: 30px;
  height: 135px;
  text-indent: -9999px;
}

#slideshow ul#slide-nav li#next a {
  top: calc(50% - 100px);
  right: 0;
  background: url(../images/index/btn_slide_next.png) no-repeat;
}

#slideshow ul#slide-nav li#prev a {
  top: calc(50% - 100px);
  left: 0;
  background: url(../images/index/btn_slide_prev.png) no-repeat;
}

#slideshow ul#slide-nav li#prev a,
#slideshow ul#slide-nav li#next a {
  position: absolute;
  width: 30px;
  height: 135px;
  text-indent: -9999px;
  z-index: 100;
}

#slideshow ul#slides {
  width: 100%;
  height: 100%;
  padding-top: calc(66.6666667% + 60px);
  margin: 0px !important;
}

@media print,
screen and (min-width: 960px) {
  #slideshow ul#slides {
    padding-top: 66.6666667%;
  }
}

#slideshow ul#slides li {
  background: transparent !important;
}

.mainSlide img {
  max-width: 100%;
  height: auto;
}

.mainSlide a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.delay {
  display: none;
}

.slides__btn {
  text-align: center;
}

@media print,
screen and (min-width: 960px) {
  .slides__btn {
    position: absolute;
    bottom: 10px;
    right: 12px;
  }
}

.slides__btn>li {
  display: inline-block;
  margin-top: 6px;
  position: relative;
  z-index: 9999;
}

.slides__share-contents {
  display: none;
  width: 130px;
  position: absolute;
  top: 30px;
  left: -55px;
}

.slides__share-contents p {
  padding-top: 10px;
  margin-bottom: 1px;
}

.slides__share-contents img {
  vertical-align: bottom;
}

/*サムネイル*/

#slide-thumb {
  width: 165px;
  margin: 5px auto 0;
}

#slide-thumb li {
  width: 44px;
  height: 26px;
  margin: 0 11px 0 0;
  float: left;
}

#slide-thumb li img {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "alpha(opacity=20)";
}

#slide-thumb li.activeSlide img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

.pick-up-photo {
  text-align: center;
  margin-bottom: 60px;
}

.pick-up-photo h3 {
  margin-bottom: 30px;
}

@media print,
screen and (min-width: 768px) {
  .pick-up-photo>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.pick-up-photo>ul>li {
  font-size: 13px;
}

@media print,
screen and (min-width: 768px) {
  .pick-up-photo>ul>li {
    position: relative;
    width: 33.3333333%;
  }
}

.pick-up-photo li div {
  position: relative;
}

@media print,
screen and (min-width: 768px) {
  .pick-up-photo li ul {
    position: absolute;
    right: 5px;
    bottom: 5px;
  }
}

.pick-up-photo li ul li {
  display: inline-block;
}

/* トップページ　02.Photo
--------------------------------------- */

.bg_img {
  margin-bottom: 60px;
  padding-bottom: 40px;
  width: 960px;
  overflow: hidden;
  background: transparent url(../images/line_bg01.gif) no-repeat scroll center bottom;
}

ul.plcNav {
  margin: 0;
  width: 960px;
  height: 75px;
}

ul.plcNav li {
  float: left;
}

ul.tasteNav {
  margin: 0 0 30px;
  width: 960px;
  height: 37px;
}

ul.tasteNav li {
  float: left;
}

#photo {
  width: 960px;
  margin: 0;
  clear: both;
}

#photo ul {
  margin: 40px -20px 0 0;
  overflow: hidden;
  zoom: 1;
}

#photo ul li {
  float: left;
  width: 225px;
  height: 220px;
  margin: 0 20px 20px 0;
  display: inline;
  /*border-bottom: 1px #e6e6e6 solid;*/
}

#photo ul li p {
  margin: 5px 0 0;
  font-size: 12px;
  letter-spacing: -1px;
}

#photo ul li a {
  text-decoration: none !important;
}

#photo ul li a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.pageNav {
  position: relative;
  overflow: hidden;
  margin: 0 0 10px;
  padding-right: 70px;
}

.pageNav ul {
  font-size: 0;
  text-align: center;
}

.pageNav ul li {
  display: inline-block;
  margin: 0;
  font-size: 16px;
}

.pageNav ul .dot {
  margin-left: 10px !important;
  margin-right: 20px !important;
}

.pageNav li span,
.pageNav li a {
  display: inline-block;
  margin: 0 10px 4px 0;
  padding: 2px 8px;
  background: #fff;
  color: #0078c2;
  border: 1px solid #0078c2;
  text-decoration: none;
  vertical-align: middle;
}

.pageNav li span,
.pageNav li a:hover {
  background: #0078c2;
  border-color: #0078c2;
  color: #fff;
}

.pageNav li:last-child span,
.pageNav li:last-child a {
  margin-right: 0;
}

/* トップページ　03.Feature、04.Lineup
--------------------------------------- */

ul.featNav {
  margin: 0;
  width: 960px;
  height: 75px;
}

ul.featNav li {
  float: left;
  height: 38px;
}

ul.featPhoto {
  margin: 45px -15px 0 0;
  overflow: hidden;
  zoom: 1;
  clear: both;
}

ul.featPhoto li {
  float: left;
  width: 180px;
  height: 200px;
  margin: 0 15px 20px 0;
  padding-bottom: 20px;
  display: inline;
  border-bottom: 1px #e6e6e6 solid;
}

ul.featPhoto li p {
  margin: 5px 0 0;
  font-size: 12px;
  letter-spacing: -1px;
}

ul.featPhoto li a {
  text-decoration: none !important;
}

ul.featPhoto li a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

/*ul.featPhoto .contenthover ul{
	margin: 10px 0 0 10px;
}
ul.featPhoto .contenthover li{
	font-weight: bold;
	margin-bottom: 5px;
	color: #fff;
}*/

.link-fav {
  display: block;
  width: 190px;
  padding-top: 15px;
  margin-bottom: 10px;
}

@media print,
screen and (min-width: 768px) {
  .link-fav {
    padding-top: 0;
    position: relative !important;
    margin-top: 0 !important;
  }
}

@media print,
screen and (min-width: 960px) {
  .smp-contents {
    display: none;
  }
}

.smp-contents .hide,
.smp-contents .tab-hide {
  display: none;
}

.smp-contents .tab-selected {
  background: #1177be !important;
}

.smp-contents .pick-up {
  margin-bottom: 27px;
}

.smp-contents .pick-up__lead {
  font-size: 10px;
  margin-bottom: 25px;
}

.smp-contents .pick-up__ttl {
  text-align: left;
  margin-bottom: 7px;
}

.smp-contents .pick-up .bx-pager-item {
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.smp-contents .pick-up .bx-pager-item:hover {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.smp-contents .pick-up .bx-pager-item:first-child {
  width: 25%;
  max-width: 25px;
}

.smp-contents .pick-up .bx-pager-item:nth-child(2) {
  width: 26.66667%;
  max-width: 26px;
  margin-left: 11.66667%;
}

.smp-contents .pick-up .bx-pager-item:last-child {
  width: 26.66667%;
  max-width: 26px;
  margin-left: 10%;
}

.smp-contents .photo {
  margin-bottom: 16px;
}

.smp-contents .photo__ttl {
  text-align: left;
  margin-bottom: 17px;
}

.smp-contents .photo__ttl img {
  width: 87%;
  max-width: 348px;
}

.smp-contents .photo__subttl {
  text-align: left;
  margin-bottom: 14px;
  position: relative;
}

.smp-contents .photo__tab-select {
  border-bottom: 2px solid #1177be;
  margin-bottom: 14px;
}

.smp-contents .photo__tab-ttl {
  letter-spacing: -6.4px;
  letter-spacing: -6.4px;
  letter-spacing: -0.4rem;
  word-spacing: -0.1em;
  font-size: 0;
}

.smp-contents .photo__tab-ttl li {
  display: inline-block;
  word-spacing: normal;
  letter-spacing: normal;
  width: 33.33333%;
  background: #b7d6eb;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  border-right: 1px solid #fff;
}

.smp-contents .photo__tab-ttl li:last-child {
  border: none;
  width: calc((1 / 3) * 100% - 1px);
}

.smp-contents .photo__tab-ttl li:before {
  content: "";
  display: block;
  background: url("../images/index/ico_arrow01.png") no-repeat left center;
  background-size: 100%;
  width: 13px;
  height: 8px;
  position: absolute;
  left: 46%;
  top: -10px;
}

.smp-contents .photo__tab-ttl li a {
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.smp-contents .photo__tab-ttl li a:hover {
  text-decoration: none;
  opacity: 0.66;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
}

.smp-contents .photo__tab-ttl li a span {
  font-weight: bold;
}

.smp-contents .photo .tab-content {
  margin-bottom: 18.5px;
}

.smp-contents .photo .form-container {
  overflow: hidden;
  letter-spacing: -6.4px;
  letter-spacing: -6.4px;
  letter-spacing: -0.4rem;
  word-spacing: -0.1em;
  font-size: 0;
  position: relative;
  margin-bottom: 25px;
}

.smp-contents .photo .form-container .form-part {
  display: inline-block;
  word-spacing: normal;
  letter-spacing: normal;
  width: 50%;
}

.smp-contents .photo .form-container .form-part__left {
  padding-right: 10px;
}

.smp-contents .photo .form-container .form-part__right {
  padding-left: 10px;
}

.smp-contents .photo .form-container .select-container {
  width: 100%;
  font-size: 25.6px;
  font-size: 1.6rem;
}

.smp-contents .photo .form-container .select-container--first:after {
  content: "";
  display: inline-block;
  background: url("../images/index/ico_cross01.png") no-repeat right bottom;
  background-size: 100%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -5px;
}

.smp-contents .photo .form-container select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 2px;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0 18px 0 10px;
  height: 29px;
  line-height: 29px;
  background: #f4f4f4 url("../images/index/ico_arrow02.png") no-repeat right 15px center;
  background-size: 9px 8px;
  vertical-align: middle;
  font-size: 16px;
  color: #333;
  box-sizing: border-box;
}

.smp-contents .photo .form-container select::-ms-expand {
  display: none;
}

.smp-contents .photo .form-container select:focus {
  outline: none;
}

.smp-contents .btn {
  display: block;
  border: 2px solid #1177be;
  text-decoration: none !important;
  color: #1177be !important;
  text-align: center;
  padding: 7px 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.smp-contents .line-up {
  margin-bottom: 21px;
}

.smp-contents .line-up__ttl {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #1177be;
}

.smp-contents .line-up-container {
  overflow: hidden;
}

.smp-contents .line-up__img {
  height: 110px;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 5px;
}

@media print,
screen and (min-width: 321px) {
  .smp-contents .line-up__img {
    height: 131.5px;
  }
}

.smp-contents .line-up__img img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

.smp-contents .line-up__lead {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

.smp-contents .line-up__lead .align-left {
  text-align: left;
}

.smp-contents .line-up__lead--xs {
  font-size: 15px;
}

.smp-contents .line-up__lead--sm {
  font-size: 15px;
}

.smp-contents .line-up__lead>span {
  text-align: center;
  display: inline-block;
  padding: 0 23px 0 0;
  background: url("../images/index/ico_arrow03.png") no-repeat right center;
  background-size: 9px 15px;
}

.smp-contents .line-up__items {
  margin-bottom: 26px;
  float: left;
  width: 50%;
}

.smp-contents .line-up__items:nth-child(2n+1) {
  padding-right: 10px;
  clear: left;
}

.smp-contents .line-up__items:nth-child(2n) {
  padding-left: 10px;
}

.smp-contents .line-up .all-items {
  margin-bottom: 15px;
}

.smp-contents .contents {
  margin-bottom: 22px;
}

.smp-contents .contents__view {
  background: #e2f3ff;
  font-size: 13px;
  font-weight: normal;
  height: 23px;
  line-height: 23px;
  text-align: center;
  margin-bottom: 11px;
}

.smp-contents .contents__lead {
  font-size: 10px;
  margin-bottom: 23px;
}

.smp-contents .contents__nav {
  word-spacing: -0.1em;
  letter-spacing: -0.4em;
  text-align: center;
  margin-bottom: 17px;
}

.smp-contents .contents__nav li {
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block;
}

.smp-contents .contents__nav li:after {
  content: "|";
  display: inline-block;
  padding: 0 8px;
  color: #333;
}

.smp-contents .contents__nav li:last-child:after {
  content: "";
}

.smp-contents .contents__nav li a {
  color: #abd5f1;
  font-size: 10px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.smp-contents .contents__nav li a:hover {
  opacity: 0.66;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
}

.select-pics__img {
  vertical-align: middle;
  text-align: center;
  margin-bottom: 4px;
}

.select-pics__img img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

.select-pics__items {
  margin-bottom: 12px;
}

.select-pics__list {
  overflow: hidden;
}

.select-pics__items {
  float: left;
  width: 50%;
}

.select-pics__items:nth-child(2n) {
  padding-left: 10px;
}

.select-pics__items:nth-child(2n+1) {
  padding-right: 10px;
  clear: left;
}

.select-pics .lead-more {
  margin-bottom: 0;
}

.pc-contents {
  display: none;
}

.pc-contents .centerBtn {
  text-align: center;
}

@media print,
screen and (min-width: 960px) {
  .pc-contents {
    width: 960px;
    position: relative;
    display: block;
  }
}

#section_lineup {
  display: none;
  margin: 60px 0;
  padding: 60px 0 0 0;
  background: url(/common/images/line_bg01.gif) center top no-repeat;
}

@media print,
screen and (min-width: 960px) {
  #section_lineup {
    display: block;
  }
}

#section_lineup .headingBlock {
  position: relative;
  padding: 6px 0 0 0;
}

#section_lineup .headingBlock h3 {
  margin: 0;
}

#section_lineup .headingBlock p.btn {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}

#section_lineup .column5Warp {
  margin: 29px 0 0 0;
}

#section_lineup .column5Warp p {
  margin: 0;
}

#section_lineup .column5Warp .columnBlock01,
#section_lineup .column5Warp .columnBlock02,
#section_lineup .column5Warp .columnBlock03,
#section_lineup .column5Warp .columnBlock04,
#section_lineup .column5Warp .columnBlock05 {
  float: left;
  width: 184px;
  padding: 0 5px;
  text-align: center;
}

#section_lineup .column5Warp .pic {
  margin: 0 0 9px 0;
}

@media print,
screen and (min-width: 768px) {
  .case-fav .main {
    padding-top: 50px;
  }
}

.case-fav .main .inner {
  max-width: 1110px;
}

.case-fav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.case-fav__list img {
  vertical-align: middle;
  max-height: 100%;
}

@media print,
screen and (min-width: 768px) {
  .case-fav__list:before {
    content: "";
    display: block;
    width: 225px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .case-fav__list:after {
    content: "";
    display: block;
    width: 225px;
  }
}

.case-fav__list li {
  text-align: center;
  width: 48%;
  margin-bottom: 20px;
}

@media print,
screen and (min-width: 768px) {
  .case-fav__list li {
    width: 225px;
    margin-bottom: 40px;
  }
}

.case-fav__img {
  margin-bottom: 10px;
  height: 150px;
  width: 100%;
  position: relative;
}

.case-fav__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.case-fav__btn a:hover {
  opacity: 0.66;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
}

.case-fav .text-01 {
  font-size: 13px;
  margin-top: 40px;
}

.case-detail .main__head--sp {
  display: block !important;
  padding-bottom: 15px;
}

@media print,
screen and (min-width: 768px) {
  .case-detail .main__head--sp {
    display: none !important;
  }
}

.case-detail img {
  vertical-align: bottom;
}

.case-detail .main .inner {
  max-width: 990px;
}

.case-detail .main__head {
  display: none;
}

@media print,
screen and (min-width: 768px) {
  .case-detail .main__head {
    display: block;
  }
}

.case-detail .main__visual--sp {
  margin-top: -20px;
}

@media print,
screen and (min-width: 768px) {
  .case-detail .main__visual--sp {
    display: none;
  }
}

.case-detail .main__visual--pc {
  display: none;
}

@media print,
screen and (min-width: 768px) {
  .case-detail .main__visual--pc {
    display: block;
  }
}

.case-detail .main__title {
  margin-top: 25px;
  line-height: 1.3;
  font-size: 20px;
  font-weight: bold;
  float: left;
  clear: left;
}

@media print,
screen and (min-width: 960px) {
  .case-detail .main__title {
    width: 480px;
  }
}

.case-detail .main__introduce {
  font-weight: bold;
  clear: both;
  float: left;
}

@media print,
screen and (min-width: 960px) {
  .case-detail .main__introduce {
    clear: none;
    width: 490px;
  }
}

.case-detail .main__plan-link {
  float: right;
}

@media print,
screen and (min-width: 960px) {
  .case-detail .main__plan-link {
    float: left;
    width: 490px;
    margin-top: 30px;
  }
}

.case-detail .main__description {
  clear: both;
  padding-top: 15px;
  margin-top: 25px;
  margin-bottom: 40px;
  font-size: 13px;
}

@media print,
screen and (min-width: 960px) {
  .case-detail .main__description {
    width: 480px;
    clear: right;
    margin-left: 480px;
    border-left: 1px solid #999;
    padding-top: 0;
    padding-left: 35px;
  }
}

.case-detail .main__description:before {
  content: "";
  padding-top: 15px;
  display: block;
  border-top: 1px solid #999;
}

@media print,
screen and (min-width: 960px) {
  .case-detail .main__description:before {
    border-top: none;
    display: none;
  }
}

.case-detail__img {
  margin-bottom: 15px;
  position: relative;
}

@media print,
screen and (min-width: 768px) {
  .case-detail__img {
    display: inline-block;
  }
}

.case-detail__photo {
  margin-bottom: 40px;
  text-align: center;
}

@media print,
screen and (min-width: 960px) {
  .case-detail__photo--side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media print,
screen and (min-width: 960px) {
  .case-detail__photo--side .case-detail__img {
    width: 550px;
  }
}

@media print,
screen and (min-width: 960px) {
  .case-detail__photo--side .case-detail__text,
  .case-detail__photo--side .case-detail__text2 {
    width: 370px;
    position: relative;
    vertical-align: bottom;
    margin-bottom: 15px;
  }
}

@media print,
screen and (min-width: 960px) {
  .case-detail__photo--side .case-detail__text span,
  .case-detail__photo--side .case-detail__text2 span{
    position: absolute;
    bottom: 0;
  }
}

.case-detail__photo ul {
  margin-top: 10px;
  text-align: center;
}

.case-detail__photo li {
  display: inline-block;
}

.case-detail__photo li:first-child {
  margin-right: 2px;
}

.case-detail__text {
  text-align: left;
  font-size: 13px;
  max-height: 3em;
  overflow: hidden;
}
.case-detail__text2 {
  text-align: left;
  font-size: 13px;
}

@media print,
screen and (min-width: 768px) {
  .case-detail__text {
    max-height: none;
  }
}

.case-detail__more {
  display: block;
  text-align: center;
  color: #06c;
  font-size: 13px;
  margin-top: 1em;
}

@media print,
screen and (min-width: 768px) {
  .case-detail__more {
    display: none;
  }
}

.case-detail__more:before {
  content: "< ";
}

.case-detail__more:after {
  content: " >";
}

.case-detail__table {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 40px;
}

@media print,
screen and (min-width: 768px) {
  .case-detail__table {
    width: 50%;
    height: 61px;
    float: left;
  }
}

.case-detail__table th,
.case-detail__table td {
  padding: 3px 5px;
  border: 1px solid #666;
  text-align: left;
vertical-align: middle;
}

.case-detail__table th {
  background: #000;
  color: #fff;
}

.case-detail__links {
    margin-top: -23px;
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 4px 4px 4px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

@media print,
screen and (min-width: 768px) {
  .case-detail__links {
    margin-top: 0px;
    float: right;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.case-detail__links:last-child {
  margin-bottom: 115px;
}

@media (max-width: 767px) {
  .case-detail__links:last-child {
    margin-bottom: 65px;
  }
}

.case-detail__links li {
  width: calc(50% - 4px);
}

.case-detail__links li a {
  display: block;
  width: 100%;
  border: 1px solid #1277bf;
  padding: 16px 0;
  text-align: center;
  color: #1277bf;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.case-detail__links li a:hover {
  background: #1277bf;
  color: #fff;
}

.case-detail .section {
  clear: both;
  margin-bottom: 50px;
  padding-top: 55px;
  background: url(/case/images/detail/bg_01_sp.png) no-repeat center top;
}

.case-detail .section__title {
  margin-bottom: 30px;
  text-align: center;
}

.case-detail .section__title img {
  max-height: 30px;
}

.case-detail .section__plan {
  padding-bottom: 65px;
  text-align: center;
}

.case-detail .section--recommend .inner {
  padding: 0;
}

.case-detail .section__list {
  text-align: center;
}

@media print,
screen and (min-width: 768px) {
  .case-detail .section__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.case-detail .section__list li {
  margin-bottom: 35px;
}

.case-detail .section__list a:after {
  content: ">";
  font-weight: bold;
  padding-left: 0.5em;
}

@media print,
screen and (min-width: 768px) {
  .case-detail .section__img--plan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 60px;
  }
}

.case-detail .section__img--plan li {
  width: 100%;
  text-align: center;
  margin-bottom: 65px;
}

@media print,
screen and (min-width: 768px) {
  .case-detail .section__img--plan li {
    width: 50%;
    padding: 0 35px;
  }
}

.case-detail .section__img--recommend {
  margin-bottom: 7px;
}

.case-detail .section__img--recommend li {
  width: 33.3333333%;
}

.case-detail .section__img--recommend img {
  width: 100%;
}

@media print,
screen and (min-width: 768px) {
  .case-detail .section__img--recommend img {
    width: auto;
  }
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.inner {
  width: 100%;
  padding: 0 15px;
}

@media print,
screen and (min-width: 768px) {
  .inner {
    max-width: 768px;
    margin: 0 auto;
  }
}

@media print,
screen and (min-width: 960px) {
  .inner {
    max-width: 960px;
  }
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.t-center {
  text-align: center;
}

.is-bold {
  font-weight: bold;
}

.col-2>div:last-child .main__plan-link.pc-only {
  margin-bottom: 40px;
}

.sp-only {}

.pc-only {
  display: none;
}

@media print,
screen and (min-width: 960px) {
  .sp-only {
    display: none;
  }
  .pc-only {
    display: block;
  }
  .col-2 {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 40px;
  }
  .col-2>div:first-child {
    display: inline-block;
  }
  .col-2>div:last-child {
    position: absolute;
    bottom: 58px;
    right: 0;
    width: 380px;
  }
  .col-2>div:last-child .main__introduce {
    float: none;
    width: 100%;
    clear: both;
  }
  .col-2>div:last-child .main__description {
    width: 100%;
    clear: both;
    margin-left: 0;
    border-top: 1px solid #999;
    border-left: none;
    margin-top: 30px;
    padding-top: 30px;
    padding-left: 0;
  }
  .col-2>div:last-child .main__plan-link.pc-only {
    width: 100%;
    margin: 0;
    text-align: right;
  }
}

.ja button {
  font-family: Meiryo, HiraKakuProN-W3, "Arial Unicode MS", Arial, sans-serif, "Apple SD Gothic Neo" !important;
  font-weight: 400 !important;
}

@media print,
screen and (min-width: 960px) {
  .case-detail__photo--side .case-detail__img,
  .case-detail__photo--side .case-detail__text,
  .case-detail__photo--side .case-detail__text2{
    width: 460px;
  }
  .case-detail__photo--side-horizen {
    width: 460px;
    display: inline-block;
    vertical-align: top;
  }
  .case-detail__photo--side-horizen:nth-child(2n+1) {
    margin-left: 34px;
  }
  .case-detail__photo--side-horizen .case-detail__img {
    width: 100%;
  }
  .case-detail__photo--side-horizen .case-detail__text,
  .case-detail__photo--side-horizen .case-detail__text2 {
    width: 100%;
    min-height: 5em;
    margin-bottom: 0;
  }
  .case-detail__photo--side-horizen .case-detail__text span,
  .case-detail__photo--side-horizen .case-detail__text2 span {
    position: relative;
    text-align: left;
  }
}

.pc-only {
  display: none;
}

@media print,
screen and (min-width: 960px) {
  .pc-only {
    display: block;
  }
  .sp-pnly {
    display: none;
  }
}

/* .lineupListSection.imadokinomadori */
@media (min-width: 960px) {
  .pcimadoki{display: block;}
  .spimadoki{display: none;}
}

@media (max-width: 959px) {
  .pcimadoki{display: none;}
  .spimadoki{display: block;}
}

.lineupListSection.imadokinomadori{
  margin-top: 100px;
  margin-bottom: 100px;
  font-family:"Metropolis", "NotoSansCJKjp", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "YuGothic", "メイリオ", "Meiryo", sans-serif;
}

@media (max-width: 959px) {
  .lineupListSection.imadokinomadori{
  }
}

.lineupListSection.imadokinomadori .sectionBodyBlock {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

@media (max-width: 959px) {
  .lineupListSection.imadokinomadori .sectionBodyBlock  {
    width: 100%;
    max-width: none;
  }
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul {
  width: 970px;
  margin-left: -5px;
  -webkit-transition: padding 250ms ease-out;
          transition: padding 250ms ease-out;
}

@media (max-width: 959px) {
  .lineupListSection.imadokinomadori .sectionBodyBlock > ul {
    width: 100%;
    margin: 0 -0.5px;
    padding: 0;
  }
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li {
  float: left;
  padding: 0 5px;
  box-sizing: border-box;
}

@media (max-width: 959px) {
  .lineupListSection.imadokinomadori .sectionBodyBlock > ul > li {
    margin-top: 15px;
    padding: 0 0.5px;
  }
  .lineupListSection.imadokinomadori .sectionBodyBlock > ul > li:nth-child(1), 
  .lineupListSection.imadokinomadori .sectionBodyBlock > ul > li:nth-child(2) {
    margin-top: 0;
  }
}

.lineupListSection.imadokinomadori .sectionBodyBlock.col6 > ul > li {
  width: 16.6666%;
}

@media (max-width: 959px) {
  .lineupListSection.imadokinomadori .sectionBodyBlock.col6 > ul > li {
    width: 50%;
  }
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a {
  display: block;
  position: relative;
  text-decoration: none;
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
  visibility: hidden;
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a .picture {
  padding-top: 65.45455%;
  background-repeat: no-repeat;
  background-size: cover;
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a .title {
  margin-top: 15px;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 959px) {
  .lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a .title {
    margin-top: 10px;
    padding: 0 5px;
    font-size: 1rem;
  }
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a .title > span {
  display: inline-block;
  position: relative;
  padding-right: 19px;
  text-align: left;
  font-size: 13px;
}

@media (max-width: 959px) {
  .lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a .title > span {
    font-size: 14px;
    letter-spacing: 0em;
    padding-right: 29px;
  }
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a .title > span::before, 
.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a .title > span::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  height: 1px;
  background: #0075c1;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a .title > span::before {
  width: 14px;
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a .title > span::after {
  width: 5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media (min-width: 960px) {
  body.pc .lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a:hover::after,
  body.pc .lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a:active::after {
    visibility: visible;
  }
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a.madori01 .picture {
  background-image: url(/case/images/thum_madori01.jpg);
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a.madori02 .picture {
  background-image: url(/case/images/thum_madori02.jpg);
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a.madori03 .picture {
  background-image: url(/case/images/thum_madori03.jpg);
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a.madori04 .picture {
  background-image: url(/case/images/thum_madori04.jpg);
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a.madori05 .picture {
  background-image: url(/case/images/thum_madori05.jpg);
}

.lineupListSection.imadokinomadori .sectionBodyBlock > ul > li > a.madori06 .picture {
  background-image: url(/case/images/thum_madori06.jpg);
}

sup {
vertical-align: top;
font-size: x-small;
}
sub {
vertical-align:text-bottom;
font-size: x-small;
}
.note {
font-size: 13px!important;
font-weight: lighter!important;
padding-right: 20px!important;
display: block!important;
}

/* .cmnSectionTitle3 */
.lineupListSection.imadokinomadori .cmnSectionTitle3 {
  width: 960px;
  margin-bottom: 40px;
  color: #0075c1;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -1px;
}

.lineupListSection.imadokinomadori .cmnSectionTitle3 > .sub {
  display: block;
  color: #222;
  font-size: 0.78571rem;
  font-weight: 200;
  letter-spacing: .02em;
}

@media (max-width: 959px) {
  .lineupListSection.imadokinomadori .cmnSectionTitle3 {
    width: 100%;
    text-align: center;
    font-size: 1.42857rem;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 20px;
    line-height: 1.3;
    color: #0075c1;
}
}
/* ---------------------------------
add 2022/11/19
--------------------------------- */
.slide_cap{
	position:absolute;
	left:0;
	bottom:9px;
	color: #fff;
	font-size: 120%;
	font-weight: 600;
	line-height: 1.6;
	text-align: left;
	background:rgba(0,0,0,.4);
	border:0;
	padding:10px 100px 10px 30px;
	width:100%;
	z-index:100;
}
@media (max-width: 959px) {
.slide_cap{
	bottom:54px;
	font-size: 110%;
	padding:10px 30px 10px 30px;
}	
}
@media (max-width: 767px) {
.slide_cap{
	bottom:52px;
	font-size: 90%;
	padding:5px 20px 5px 20px;
}	
}
/* ---------------------------------
add 2022/12/13
--------------------------------- */
.movie {
	position:relative;
	width:100%;
	aspect-ratio: 9 / 16;
}
.movie video,
.movie video-js,
.movie iframe{
  width: 100% !important;
  height: 100% !important;
}
@media (max-height: 900px) {
.movie {
  height: calc(100vh - 100px);
  width: auto;
  aspect-ratio: 9 / 16;
  margin:0 auto;
}
}
.case-detail__photo img{
	position:relative;
	margin:0 auto;
	}
.txt_v_top{
	position:relative;
	display:flex !important;
	justify-content: flex-start;
    align-items: flex-start;
}
.txt_v_top span{
	position:relative !important;
}
.disp_pc{
	display:block;
}
.disp_sp{
	display:none;
}
@media (max-width: 959px) {
.movie {
	position:relative;
	width:100%;
	aspect-ratio: 9 / 16;
}
.disp_pc{
	display:none !important;
}
.disp_sp{
	display:block;
}
}
.mgn_btm{
	margin-bottom:5px;
	text-align:left;
	}
/* ---------------------------------
Clearfix
--------------------------------- */
.clearfix::after,.lineupListSection.imadokinomadori .sectionBodyBlock > ul::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.vjs-dock-text {
  display: none !important;
}