@charset "UTF-8";

/* メインコンテンツスタイル */
/*  p-motm__floatingMenu  */

.floatingMenu {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(100%);
  transition: 0.3s;
  display: flex;
  justify-content: center;
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
}
.floatingMenu li {
  padding: 0 3.2rem 16px;
}
.floatingMenu.is-active {
  transform: translate(0);
}
.floatingMenu a {
  box-shadow: 0 0 10px #fff;
  color: #fff;
}

#content.howto_index .floatingMenu a:hover{
 color: #fff;
}
#content.howto_index #left_cont #tailormade_banner{
	margin-bottom:80px;
}
.tailormade_banner-thumb a {
  display: block;
  height:100%;
  width: 100%;
}
.tailormade_banner-thumb a img {
  height:100%;
  width: 100%;
  object-fit: cover;
}
.tailormade_banner-box a {
  display: block;
}
.tailormade_banner-box img {
  width: 100%;
}
.tailormade_bannerInfoBox {
  padding: 2.4rem 4rem;
  display: flex;
  flex-direction: column;
}
.tailormade_bannerInfo {
  color: #fff;
}
.tailormade_bannerInfo .__info01 {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}

.tailormade_bannerInfo .__price,.tailormade_bannerInfo .__nouki {
  font-size: 2rem;
}
.tailormade_bannerInfo .__komi {
  font-size: 1.6rem;
}
.tailormade_bannerInfo .__info02 {
 margin-bottom: 1.6rem;
}
.tailormade_bannelink {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

/* サイドバースタイル */
#content #side_menu .side_block.link_banner .tmSideLink {
   width: 100%;
   margin: auto;
   padding-bottom: 0;
}
#content #side_menu .side_block.link_banner .tmSideLink a{
 display: block;
 background: #f2f2f0; 
}
#content #side_menu .side_block.link_banner .tmSideLink img{
  max-width:100%;
  height:auto;
}
#content #side_menu .side_block.link_banner {
    border-top: none;
    padding-top: 0;
    margin-bottom: 30px;
}
#content #side_menu .tmSideLink .side_cont-info {
  padding: 3rem 2rem;
}
.tmSideLink .side_cont-info .__info01 {
  margin-bottom: 1rem;
}
.tmSideLink .side_cont-info .__info02 ._price {
  font-size: 2rem;
}
.tmSideLink .side_cont-info .__info02 ._komi {
  font-size: 1.6rem;
}

@media (max-width: 767px){
  .tailormade_banner-box {
    flex-direction: column;
    width: 336px;
    height: 476px;
    margin-left: auto;
    margin-right: auto;
  }
  .floatingMenu li {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    width: 50%;
  }
  .floatingMenu a {
    min-width: 100%!important;
    line-height: 1.2;
  }
  .header__logoInner img {
    height: 48px!important;
  }
  .single_bnr {
    width: 336px;
    height: 476px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 48px;

  }
}
@media (min-width: 768px){
  .header__logoInner img {
    height: 84px!important;
  }
  .floatingMenu {
    width: 576px;
  }
}
#single_cont img {
  max-width: 100%;
  height: auto;
}
.under_page .l-breadcrumb {
  padding-bottom: 24px;
}
@media (min-width: 768px){
.under_page .l-breadcrumb {
  padding-bottom: 4.8rem;
}
}