@charset "UTF-8";

/********************************************************************
	追加
********************************************************************/

/*高さ指定*/
.hight_01{height: auto;}

/*margin-bottom　外側の下方向にスペースを空けたい時に使用*/
.m_mb15{margin-bottom: -15px!important;}
.m_mb30{margin-bottom: -30px!important;}
.m_mb45{margin-bottom: -45px!important;}
.m_mb70{margin-bottom: -70px!important;}
.mb5{margin-bottom: 5px!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;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.mb55{margin-bottom: 55px!important;}
.mb60{margin-bottom: 60px!important;}
.mb65{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}
.mb90{margin-bottom: 90px!important;}
.mb100{margin-bottom: 100px!important;}
.mb110{margin-bottom: 110px!important;}
.mb120{margin-bottom: 120px!important;}
.mb130{margin-bottom: 130px!important;}
.mb150{margin-bottom: 150px!important;}
.mb155{margin-bottom: 155px!important;}
.mb160{margin-bottom: 160px!important;}
.mb165{margin-bottom: 165px!important;}
.mb180{margin-bottom: 180px!important;}
.mb200{margin-bottom: 200px!important;}
.mb220{margin-bottom: 220px!important;}
.mb280{margin-bottom: 280px!important;}
.mb300{margin-bottom: 300px!important;}
.mb490{margin-bottom: 490px!important;}


/*margin-bottom　%調整　外側の下方向にスペースを空けたい時に使用*/
.mb0-5_per{margin-bottom: 0.5%!important;}
.mb1_per{margin-bottom: 1%!important;}
.mb1-5_per{margin-bottom: 1.5%!important;}
.mb2_per{margin-bottom: 2%!important;}
.mb2-5_per{margin-bottom: 2.5%!important;}
.mb3_per{margin-bottom: 3%!important;}
.mb4_per{margin-bottom: 4%!important;}
.mb5_per{margin-bottom: 5%!important;}
.mb6_per{margin-bottom: 6%!important;}
.mb7_per{margin-bottom: 7%!important;}
.mb8_per{margin-bottom: 8%!important;}
.mb9_per{margin-bottom: 9%!important;}
.mb9-4_per{margin-bottom: 9.4%!important;}
.mb9-5_per{margin-bottom: 9.5%!important;}
.mb10_per{margin-bottom: 10%!important;}
.mb11_per{margin-bottom: 11%!important;}
.mb12_per{margin-bottom: 12%!important;}
.mb12-5_per{margin-bottom: 12.5%!important;}
.mb13_per{margin-bottom: 13%!important;}
.mb14_per{margin-bottom: 14%!important;}
.mb15_per{margin-bottom: 15%!important;}
.mb15-2_per{margin-bottom: 15.2%!important;}
.mb15-8_per{margin-bottom: 15.8%!important;}
.mb16_per{margin-bottom: 16%!important;}
.mb16-5_per{margin-bottom: 16.5%!important;}
.mb17_per{margin-bottom: 17%!important;}
.mb18_per{margin-bottom: 18%!important;}
.mb20_per{margin-bottom: 20%!important;}
.mb25_per{margin-bottom: 25%!important;}
.mb30_per{margin-bottom: 30%!important;}
.mb35_per{margin-bottom: 35%!important;}
.mb40_per{margin-bottom: 40%!important;}
.mb45_per{margin-bottom: 45%!important;}
.mb50_per{margin-bottom: 50%!important;}
.mb55_per{margin-bottom: 55%!important;}
.mb60_per{margin-bottom: 60%!important;}
.mb65_per{margin-bottom: 60%!important;}
.mb70_per{margin-bottom: 70%!important;}
.mb80_per{margin-bottom: 80%!important;}
.mb90_per{margin-bottom: 90%!important;}
.mb100_per{margin-bottom: 100%!important;}
.mb110_per{margin-bottom: 110%!important;}
.mb120_per{margin-bottom: 120%!important;}
.mb130_per{margin-bottom: 130%!important;}
.mb150_per{margin-bottom: 150%!important;}
.mb155_per{margin-bottom: 155%!important;}
.mb160_per{margin-bottom: 160%!important;}
.mb165_per{margin-bottom: 165%!important;}
.mb180_per{margin-bottom: 180%!important;}
.mb200_per{margin-bottom: 200%!important;}
.mb220_per{margin-bottom: 220%!important;}
.mb280_per{margin-bottom: 280%!important;}
.mb300_per{margin-bottom: 300%!important;}
.mb490_per{margin-bottom: 490%!important;}


/*margin-top 　外側の上方向にスペースを空けたい時に使用*/
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt35{margin-top: 35px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt80{margin-top: 80px!important;}
.mt90{margin-top: 90px!important;}
.mt140{margin-top: 140px!important;}

/*margin-top 　%調整　外側の上方向にスペースを空けたい時に使用*/
.mt1_per{margin-top: 1%!important;}
.mt2_per{margin-top: 2%!important;}
.mt3_per{margin-top: 3%!important;}
.mt4_per{margin-top: 4%!important;}
.mt5_per{margin-top: 5%!important;}
.mt6_per{margin-top: 6%!important;}
.mt7_per{margin-top: 7%!important;}
.mt8_per{margin-top: 8%!important;}
.mt9_per{margin-top: 9%!important;}
.mt10_per{margin-top: 10%!important;}
.mt11_per{margin-top: 11%!important;}
.mt12_per{margin-top: 12%!important;}
.mt13_per{margin-top: 13%!important;}
.mt14_per{margin-top: 14%!important;}
.mt15_per{margin-top: 15%!important;}
.mt16_per{margin-top: 16%!important;}
.mt17_per{margin-top: 17%!important;}
.mt18_per{margin-top: 18%!important;}
.mt20_per{margin-top: 20%!important;}
.mt25_per{margin-top: 25%!important;}
.mt35_per{margin-top: 35%!important;}
.mt50_per{margin-top: 50%!important;}
.mt60_per{margin-top: 60%!important;}
.mt70_per{margin-top: 70%!important;}
.mt80_per{margin-top: 80%!important;}
.mt90_per{margin-top: 90%!important;}
.mt140_per{margin-top: 140%!important;}


/*margin-right 　外側の右方向にスペースを空けたい時に使用*/
.mr10{margin-right: 10px!important;}
.mr12{margin-right: 12px!important;}
.mr15{margin-right: 15px!important;}
.mr20{margin-right: 20px!important;}
.mr25{margin-right: 25px!important;}

/*margin-right 　%調整 外側の右方向にスペースを空けたい時に使用*/
.mr4_per{margin-right: 4%!important;}
.mr8_per{margin-right: 8%!important;}

/*margin-left 　外側の右方向にスペースを空けたい時に使用*/
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml80{margin-left: 80px!important;}

/*padding-top　%調整　内側の上方向にスペースを空けたい時に使用*/
.pt1_per{padding-top: 1%!important;}
.pt2_per{padding-top: 2%!important;}
.pt4_per{padding-top: 4%!important;}
.pt5_per{padding-top: 5%!important;}
.pt6_per{padding-top: 6%!important;}
.pt7_per{padding-top: 7%!important;}
.pt8_per{padding-top: 8%!important;}
.pt9_per{padding-top: 9%!important;}
.pt10_per{padding-top: 10%!important;}
.pt11_per{padding-top: 11%!important;}
.pt12_per{padding-top: 12%!important;}
.pt15_per{padding-top: 15%!important;}
.pt20_per{padding-top: 20%!important;}
.pt21_per{padding-top: 21%!important;}
.pt25_per{padding-top: 25%!important;}
.pt26_per{padding-top: 26%!important;}
.pt30_per{padding-top: 30%!important;}
.pt31_per{padding-top: 31%!important;}

/*padding-bottom　内側の下方向にスペースを空けたい時に使用*/
.pb1_per{padding-bottom: 1%!important;}
.pb3_per{padding-bottom: 3%!important;}
.pb4_per{padding-bottom: 4%!important;}
.pb5_per{padding-bottom: 5%!important;}
.pb6_per{padding-bottom: 6%!important;}
.pb9_per{padding-bottom: 9%!important;}
.pb10_per{padding-bottom: 10%!important;}
.pb11_per{padding-bottom: 11%!important;}
.pb15_per{padding-bottom: 15%!important;}
.pb17_per{padding-bottom: 17%!important;}
.pb20_per{padding-bottom: 20%!important;}
.pb30_per{padding-bottom: 30%!important;}

/*margin マイナス*/
.mb-minus10{margin-bottom: -10px!important;}
.mb-minus15{margin-bottom: -15px!important;}
.mb-minus20{margin-bottom: -20px!important;}
.mb-minus25{margin-bottom: -25px!important;}
.mb-minus30{margin-bottom: -30px!important;}
.mb-minus35{margin-bottom: -35px!important;}
.mb-minus40{margin-bottom: -40px!important;}
.mb-minus80{margin-bottom: -80px!important;}
.mb-minus125{margin-bottom: -125px!important;}
.mb-minus150{margin-bottom: -150px!important;}
.mb-minus220{margin-bottom: -220px!important;}

/*margin マイナス%調整*/
.mb-minus0-5_per{margin-bottom: -0.5%!important;}
.mb-minus1_per{margin-bottom: -1%!important;}
.mb-minus2_per{margin-bottom: -2%!important;}
.mb-minus2-5_per{margin-bottom: -2.5%!important;}
.mb-minus3_per{margin-bottom: -3%!important;}
.mb-minus3-5_per{margin-bottom: -3.5%!important;}
.mb-minus4_per{margin-bottom: -4%!important;}
.mb-minus5_per{margin-bottom: -5%!important;}
.mb-minus7_per{margin-bottom: -7%!important;}
.mb-minus7-5_per{margin-bottom: -7.5%!important;}
.mb-minus9_per{margin-bottom: -9%!important;}
.mb-minus10_per{margin-bottom: -10%!important;}
.mb-minus14_per{margin-bottom: -14%!important;}
.mb-minus15_per{margin-bottom: -15%!important;}
.mb-minus20_per{margin-bottom: -20%!important;}
.mb-minus25_per{margin-bottom: -25%!important;}
.mb-minus30_per{margin-bottom: -30%!important;}
.mb-minus35_per{margin-bottom: -35%!important;}
.mb-minus40_per{margin-bottom: -40%!important;}
.mb-minus45_per{margin-bottom: -45%!important;}
.mb-minus55_per{margin-bottom: -55%!important;}
.mb-minus65_per{margin-bottom: -65%!important;}
.mb-minus80_per{margin-bottom: -80%!important;}
.mb-minus125_per{margin-bottom: -125%!important;}
.mb-minus150_per{margin-bottom: -150%!important;}
.mb-minus220_per{margin-bottom: -220%!important;}

/*margin マイナス%調整*/
.mt-minus0-5_per{margin-top: -0.5%!important;}
.mt-minus1_per{margin-top: -1%!important;}
.mt-minus2_per{margin-top: -2%!important;}
.mt-minus3_per{margin-top: -3%!important;}
.mt-minus4_per{margin-top: -4%!important;}
.mt-minus5_per{margin-top: -5%!important;}
.mt-minus6_per{margin-top: -6%!important;}
.mt-minus7_per{margin-top: -7%!important;}
.mt-minus8_per{margin-top: -8%!important;}
.mt-minus9_per{margin-top: -9%!important;}
.mt-minus10_per{margin-top: -10%!important;}
.mt-minus11_per{margin-top: -11%!important;}
.mt-minus12_per{margin-top: -12%!important;}
.mt-minus13_per{margin-top: -13%!important;}
.mt-minus14_per{margin-top: -14%!important;}
.mt-minus15_per{margin-top: -15%!important;}
.mt-minus16_per{margin-top: -16%!important;}
.mt-minus17_per{margin-top: -17%!important;}
.mt-minus18_per{margin-top: -18%!important;}
.mt-minus20_per{margin-top: -20%!important;}
.mt-minus20_per{margin-top: -20%!important;}
.mt-minus21_per{margin-top: -21%!important;}
.mt-minus22_per{margin-top: -22%!important;}
.mt-minus23_per{margin-top: -23%!important;}
.mt-minus26_per{margin-top: -26%!important;}
.mt-minus27_per{margin-top: -27%!important;}
.mt-minus28_per{margin-top: -28%!important;}
.mt-minus30_per{margin-top: -30%!important;}
.mt-minus31_per{margin-top: -31%!important;}
.mt-minus33_per{margin-top: -33%!important;}
.mt-minus36_per{margin-top: -36%!important;}
.mt-minus37_per{margin-top: -37%!important;}
.mt-minus38_per{margin-top: -38%!important;}
.mt-minus40_per{margin-top: -40%!important;}
.mt-minus41_per{margin-top: -41%!important;}
.mt-minus42_per{margin-top: -42%!important;}
.mt-minus44_per{margin-top: -44%!important;}
.mt-minus45_per{margin-top: -45%!important;}
.mt-minus46_per{margin-top: -46%!important;}
.mt-minus50_per{margin-top: -50%!important;}
.mt-minus51_per{margin-top: -51%!important;}
.mt-minus58_per{margin-top: -58%!important;}
.mt-minus73_per{margin-top: -73%!important;}

/*横幅のサイズ指定*/
.width8{width: 8%!important;}
.width10{width: 10%!important;}
.width15{width: 15%!important;}
.width16{width: 16%!important;}
.width17{width: 17%!important;}
.width18{width: 18%!important;}
.width19{width: 19%!important;}
.width20{width: 20%!important;}
.width21{width: 21%!important;}
.width22{width: 22%!important;}
.width23{width: 23%!important;}
.width24{width: 24%!important;}
.width25{width: 25%!important;}
.width26{width: 26%!important;}
.width27{width: 27%!important;}
.width28{width: 28%!important;}
.width29{width: 29%!important;}
.width30{width: 30%!important;}
.width31{width: 31%!important;}
.width32{width: 32%!important;}
.width33{width: 33%!important;}
.width34{width: 34%!important;}
.width35{width: 35%!important;}
.width36{width: 36%!important;}
.width37{width: 37%!important;}
.width38{width: 38%!important;}
.width39{width: 39%!important;}
.width40{width: 40%!important;}
.width41{width: 41%!important;}
.width42{width: 42%!important;}
.width43{width: 43%!important;}
.width44{width: 44%!important;}
.width45{width: 45%!important;}
.width46{width: 46%!important;}
.width47{width: 47%!important;}
.width48{width: 48%!important;}
.width49{width: 49%!important;}
.width50{width: 50%!important;}
.width51{width: 51%!important;}
.width52{width: 52%!important;}
.width53{width: 53%!important;}
.width54{width: 54%!important;}
.width55{width: 55%!important;}
.width56{width: 56%!important;}
.width57{width: 57%!important;}
.width58{width: 58%!important;}
.width59{width: 59%!important;}
.width60{width: 60%!important;}

.width65{width: 65%!important;}
.width70{width: 70%!important;}
.width75{width: 75%!important;}
.width78{width: 78%!important;}
.width80{width: 80%!important;}
.width81{width: 81%!important;}
.width82{width: 82%!important;}
.width83{width: 83%!important;}
.width84{width: 84%!important;}
.width85{width: 85%!important;}
.width88{width: 88%!important;}
.width90{width: 90%!important;}
.width91{width: 91%!important;}
.width93{width: 93%!important;}
.width95{width: 95%!important;}
.width100{width: 100%!important;}
.width250{width: 250%!important;}

/*text　テキストの揃え方指定　親要素に入れること*/
.text-left{text-align: left!important;}/*左揃え*/
.text-right{text-align: right!important;}/*右揃え*/
.text-center{text-align: center!important;}/*中央ぞろえ*/

/*img　画像の揃え方　クラス名のみ親要素に入れること(margin_○○ img　←imgは不要)*/
.margin-right img{margin: 0 0 0 auto!important;}
.margin-left img{margin: auto 0 0 0!important;}

/*possition　基準となる位置を決める　親要素に入れること*/
.position-relative{position: relative;}/*従来の位置*/
.position-absolute{position: absolute;}/*親の左上が基準*/

/*flex　横並びに使用　親要素に入れる 子要素はwidthで横幅を決めておくこと*/
.flex{display: flex;}

/*flex使用時のコンテンツの配置　flexと同じく親要素に入れること*/
.justify-sb{justify-content: space-between;}/*左右にわける*/
.justify-sa{justify-content: space-around;}/* 各アイテムを均等に配置し各アイテムの両側に半分の大きさの間隔を置く */
.justify-left{justify-content: left;}/*左配置*/
.justify-flex-end{justify-content: flex-end;}/*要素の終わり*/
.justify-se{justify-content: space-evenly;}/* 各アイテムを均等に配置し各アイテムの周りに同じ大きさの間隔を置く */
.justify-center{justify-content: center;}/*真ん中*/

.items-center{align-items: center;}/*子要素を上下中央で揃える*/
.flex-wrap{flex-wrap: wrap;}/*コンテンツを折り返す*/
.flex-start{align-items: flex-start;}/* 子の上端を揃える */
.flex-end{align-items: flex-end;}/*下揃え*/
.row-reverse{flex-direction: row-reverse;}/*順番入れ替え*/

.flex-shrink{flex-shrink: 0;}/*要素を折り返しさせない*/
.flex-grow{flex-grow:1;}/*高さを揃える※親要素にflex-direction:columnを入れること*/
.flex-direction{flex-direction:column;}/*上から下に垂直方向に並べる*/
.margin-top-auto{margin-top: auto;}/*親要素にflexとflex-direction:column;で下揃え*/

/*aos用*/
.overflow-hidden{overflow: hidden;}

/********************************************************************
	共通
********************************************************************/
html {
  scroll-behavior: smooth; /* スムーススクロール */
}

/*line-heightリセット*/
#mofmof_260912 p,#mofmof_260912 a,#mofmof_260912 ul li,#mofmof_260912 h1,#mofmof_260912 h2,#mofmof_260912 h3,#mofmof_260912 h4,#mofmof_260912 h5,#mofmof_260912 h6,#mofmof_260912 h7{
	line-height: 1;
}

/*buttonリセット*/
#mofmof_260912 button{padding: 0; background: none; border: none;}

/*ページ全体の指定*/
#mofmof_260912{
	margin: 0 auto;/*中央揃え*/
	max-width: 770px;/*最大横幅*/
	background: transparent;/*背景色*/
	text-align: center;/*テキスト中央揃え*/
	position: relative;
	overflow: hidden;
}

/*ページの内側共通*/
#mofmof_260912 .wrap{
	margin: 0 auto;/*中央揃え*/
	max-width: 88%;/*最大横幅*/
}

/*ページ内の文章指定*/
#mofmof_260912 p{
    text-align: center;/*中央揃え*/
    color: #6b4506;/*文字色*/
	font-family:"Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ ProN","ヒラギノ丸ゴ Pro",sans-serif;/*フォント*/
	font-weight: 400; /* 太字にする */
    font-size: 1.6em;/*フォントサイズ*/
	letter-spacing: 0;/*文字間*/
	line-height: 1.6em;/*行間*/
}

#mofmof_260912 img{
	height: auto;
	margin: 0 auto;
    display: inline-block;
}

#mofmof_260912 .img_width100 img{width: 100%;}
#mofmof_260912 .img_auto img{width: auto!important;}

/*太字*/
#mofmof_260912 .bold{font-weight: bold;}

/*リスト*/
#mofmof_260912 ul{
	list-style: none; 
	padding: 0; 
	margin: 0; 
	display: flex; 
	flex-wrap: wrap;
}

#mofmof_260912 ul li{
	display:block;
	width: 50%; /* 2列にする */ 
	box-sizing: border-box;
	margin-bottom: 8%;
}

#mofmof_260912 .text-front {
	position: relative;
	z-index: 1;
}

/********************************************************************
	aosアニメーション
********************************************************************/

[data-aos="sample_amine1"] {
  transform: skewX(90deg);
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="sample_amine1"].aos-animate {
  transform: skewX(0);
  opacity: 1;
}

/* shivering */
@keyframes shake {
  0%,
  7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-25deg);
  }
  20% {
    transform: rotateZ(20deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(2deg);
  }
  35% {
    transform: rotateZ(-2deg);
  }
  40%,
  100% {
    transform: rotateZ(0);
  }
}

/********************************************************************
	追加共通
********************************************************************/
.align-self-flex-end{align-self: flex-end;}/*下揃え　親要素がflex*/

.scroll-target {
  scroll-margin-top: 80px; /* ジャンプした先のセクション上に必要な余白を指定 */
}

/********************************************************************
	共通
********************************************************************/

/*-----追従ボタン------*/

#mofmof_260912 .float {
    direction: rtl;
}
#mofmof_260912 .floating {
	position: fixed;
	bottom: 55px;/* タブレット */
	display: none;
	z-index: 9999;
	width: min(15%, 150px);
}
/* PC */
@media screen and (min-width: 1110px) {
#mofmof_260912 .floating {
bottom: 0;
}
}

#mofmof_260912 .floating img{
	width: 100%;
	height: auto;
	max-width: none;
}

#mofmof_260912  .floating a {
	display: block;
	padding: 10px;
	text-decoration: none;
	width:auto !important;
}
#mofmof_260912  .floating a:hover {
	opacity: 1;
}


/**************************************************************
	キャンペーン期間
********************************************************************/
#mofmof_260912 .camTerm {
	background-color: #a0732d;
	color: #FFFFFF; /* 文字色指定 */
	font-family:"Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ ProN","ヒラギノ丸ゴ Pro",sans-serif;/*フォント*/
	letter-spacing: 0.1em; /* 文字間*/
}

/**************************************************************
	スライドショー
********************************************************************/
#mofmof_260912 .loop {
	width: 100%;
	background-color: #e9951e;
  }
  
#mofmof_260912 .loop_box {
	display: flex;
	width: 100%;
	overflow: hidden;
}
  
#mofmof_260912 .loop_box img {
	width: 100vw;
	height: auto;
	flex-shrink: 0;
	display: block;
}

#mofmof_260912 .loop_box img:first-child {
	animation: loop 40s -20s linear infinite;
  }
  
#mofmof_260912 .loop_box img:last-child {
	animation: loop2 40s linear infinite;
  }

  @keyframes loop {
	0% {
	  transform: translateX(100%);
	}
  
	to {
	  transform: translateX(-100%);
	}
  }
  
  @keyframes loop2 {
	0% {
	  transform: translateX(0);
	}
  
	to {
	  transform: translateX(-200%);
	}
  }

/********************************************************************
	背景・メイン
********************************************************************/
  /* 背景(00＿オレンジ）*/
#mofmof_260912 .bg_00{
	position: relative;
	background-color: #ffca29;
	background-size: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#mofmof_260912 .bg_00::before{
	background: url(/sol/auto/images/fix/feature/260912_mofmof/pcc/background/bg_01.png) repeat;
	background-size: 100%;
	content: ""; 
	position: absolute; 
	inset: 0; 
	background-repeat: no-repeat; /* or repeat */ 
	pointer-events: none;
}

  /* 背景(木目）*/
#mofmof_260912 .bg_03{
	position: relative;
	background: url(/sol/auto/images/fix/feature/260912_mofmof/pcc/background/bg_00.png) repeat;
	background-size: 100%;
	margin: 0 0 0 0;
	padding:7% 0 12% 0;
}
/********************************************************************
	インスタ装飾
********************************************************************/
#mofmof_260912 .insta-box{
	margin: 0 auto;
	width: 710px;
	border: 5px solid #a0732d;
	box-shadow: 4px 4px 10px rgba(51, 6, 13, 0.3);
	background-color:#a0732d;
	border-radius: 60px;
}

  /*はむはむづくし*/
#mofmof_260912 .insta-box_01{
	margin: 0 auto;
	width: 700px;
	border: 5px solid #9d2c3d;
	box-shadow: 4px 4px 10px rgba(51, 6, 3, 0.3);
	background-color:#fcdee3;
	border-radius: 60px;
	padding:2% 0 6% 0;
}

#mofmof_260912 .insta-box-inner_01{
	margin: 0 auto;
	width: 690px;
	background-color:#9d2c3d;
}

  /*うさぎは正義*/
#mofmof_260912 .insta-box_02{
	margin: 0 auto;
	width: 700px;
	border: 5px solid #0b767d;
	box-shadow: 4px 4px 10px rgba(7, 60, 64, 0.3);
	background-color:#caf9fc;
	border-radius: 60px;
	padding:2% 0 6% 0;
}

#mofmof_260912 .insta-box-inner_02{
	margin: 0 auto;
	width: 690px;
	background-color:#0b767d;
}

  /*BEASTARS*/
#mofmof_260912 .insta-box_03{
	margin: 0 auto;
	width: 700px;
	border: 5px solid #157637;
	box-shadow: 4px 4px 10px rgba(7, 74, 30, 0.3);
	background-color:#d8ffc1;
	border-radius: 60px;
	padding:2% 0 6% 0;
}

#mofmof_260912 .insta-box-inner_03{
	margin: 0 auto;
	width: 690px;
	background-color:#157637;
}

  /*もふもふと異世界でスローライフを目指します！*/
#mofmof_260912 .insta-box_04{
	margin: 0 auto;
	width: 700px;
	border: 5px solid #a0732d;
	box-shadow: 4px 4px 10px rgba(51, 6, 3, 0.3);
	background-color:#fff2bf;
	border-radius: 60px;
	padding:2% 0 6% 0;
}

#mofmof_260912 .insta-box-inner_04{
	margin: 0 auto;
	width: 690px;
	background-color:#a0732d;
}

  /* ラインボックス*/
#mofmof_260912 .line-box{
	border-bottom: 3px solid #a0732d;
	border-right: 3px solid #a0732d;
}

  /* ライン*/
#mofmof_260912 .line_right{
	border-right: 3px solid #a0732d;
}

#mofmof_260912 .line_bottom{
	border-bottom: 3px solid #a0732d;
}	

#mofmof_260912 .line_top_red{
	border-top: 5px solid #9d2c3d;
}

#mofmof_260912 .line_top_blue{
	border-top: 5px solid #0b767d;
}

#mofmof_260912 .line_top_green{
	border-top: 5px solid #157637;
}

#mofmof_260912 .line_top_brown{
	border-top: 5px solid #a0732d;
}


  /* アイコンエリア*/
#mofmof_260912 .icon_area{
	margin: 0 auto ;
	position: relative;
	z-index: 1;
}



/********************************************************************
	スライダー
********************************************************************/

#mofmof_260912 .swiper{
    width: 100%;
    height: auto;
    margin: 0 auto;
	padding-bottom: 4%;
}


#mofmof_260912 .swiper-wrapper {
    max-width: 770px;
}

#mofmof_260912 .swiper-slide img{
    width: 100%;
}


#mofmof_260912 .swiper-button-prev_01,
#mofmof_260912 .swiper-button-next_01,
#mofmof_260912 .swiper-button-prev_02,
#mofmof_260912 .swiper-button-next_02,
#mofmof_260912 .swiper-button-prev_03,
#mofmof_260912 .swiper-button-next_03,
#mofmof_260912 .swiper-button-prev_04,
#mofmof_260912 .swiper-button-next_04 {
    width: 87px; /* ボタンの幅 */
    height: 87px; /* ボタンの高さ */
    background-size: 87px 87px;
    transform: none; /* ← 既存の translateY(-20%) を無効化 */
    margin-top: 0;
	z-index: 1;
}

/********************************************************************
	ページネーション
********************************************************************/
 /* はむはむづくし*/
#mofmof_260912 .swiper-button-next_01 {
    background-image: url("/sol/auto/images/fix/feature/260912_mofmof/pcc/button/btn_arrow_next_01.png");
	position: absolute;
	top: 84%;
    right: -4%;
}

#mofmof_260912 .swiper-button-prev_01 {
    background-image: url("/sol/auto/images/fix/feature/260912_mofmof/pcc/button/btn_arrow_prev_01.png");
	position: absolute;
	top: 84%;
    left: -4%;
}

#mofmof_260912 .swiper-button-prev_01:after,
#mofmof_260912 .swiper-button-next_01:after {
    display: none;
}

#mofmof_260912 .swiper-button-next_01 svg,
#mofmof_260912 .swiper-button-prev_01 svg {
    display: none;
}

#mofmof_260912 .swiper-pagination_01 {
    position: absolute;
    width: 100%;
	bottom: 10px;
	left: 0;
    text-align: center;
	line-height: normal;
	z-index: 1;
}

#mofmof_260912 .swiper-pagination_01 .swiper-pagination-bullet {
	border-radius: 50% !important;
	background: #9d2c3d;
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	display: inline-block;
	flex-shrink: 0;
}

#mofmof_260912 .swiper-pagination_01 .swiper-pagination-bullet-active {
    background: #e9951e !important;
}

 /* うさぎは正義*/
#mofmof_260912 .swiper-button-next_02 {
    background-image: url("/sol/auto/images/fix/feature/260912_mofmof/pcc/button/btn_arrow_next_02.png");
	position: absolute;
	top: 84%;
    right: -4%;
}

#mofmof_260912 .swiper-button-prev_02 {
    background-image: url("/sol/auto/images/fix/feature/260912_mofmof/pcc/button/btn_arrow_prev_02.png");
	position: absolute;
	top: 84%;
    left: -4%;
}

#mofmof_260912 .swiper-button-prev_02:after,
#mofmof_260912 .swiper-button-next_02:after {
    display: none;
}

#mofmof_260912 .swiper-button-next_02 svg,
#mofmof_260912 .swiper-button-prev_02 svg {
    display: none;
}
#mofmof_260912 .swiper-pagination_02 {
    position: absolute;
    width: 100%;
	bottom: 10px;
	left: 0;
    text-align: center;
	line-height: normal;
}

#mofmof_260912 .swiper-pagination_02 .swiper-pagination-bullet {
	border-radius: 50% !important;
	background: #0b767d;
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	display: inline-block;
	flex-shrink: 0;
}

#mofmof_260912 .swiper-pagination_02 .swiper-pagination-bullet-active {
    background: #a0732d !important;
}


 /* BEASTARS*/
#mofmof_260912 .swiper-button-next_03 {
    background-image: url("/sol/auto/images/fix/feature/260912_mofmof/pcc/button/btn_arrow_next_02.png");
	position: absolute;
	top: 84%;
    right: -4%;
}

#mofmof_260912 .swiper-button-prev_03 {
    background-image: url("/sol/auto/images/fix/feature/260912_mofmof/pcc/button/btn_arrow_prev_02.png");
	position: absolute;
	top: 84%;
    left: -4%;
}

#mofmof_260912 .swiper-button-prev_03:after,
#mofmof_260912 .swiper-button-next_03:after {
    display: none;
}

#mofmof_260912 .swiper-button-next_03 svg,
#mofmof_260912 .swiper-button-prev_03 svg {
    display: none;
}
#mofmof_260912 .swiper-pagination_03 {
    position: absolute;
    width: 100%;
	bottom: 10px;
	left: 0;
    text-align: center;
	line-height: normal;
}

#mofmof_260912 .swiper-pagination_03 .swiper-pagination-bullet {
	border-radius: 50% !important;
	background: #157637;
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	display: inline-block;
	flex-shrink: 0;
}

#mofmof_260912 .swiper-pagination_03 .swiper-pagination-bullet-active {
    background: #a0732d !important;
}

/* もふもふと異世界でスローライフを目指します！*/
#mofmof_260912 .swiper-button-next_04 {
    background-image: url("/sol/auto/images/fix/feature/260912_mofmof/pcc/button/btn_arrow_next_01.png");
	position: absolute;
	top: 82%;
    right: -4%;
}

#mofmof_260912 .swiper-button-prev_04 {
    background-image: url("/sol/auto/images/fix/feature/260912_mofmof/pcc/button/btn_arrow_prev_01.png");
	position: absolute;
	top: 82%;
    left: -4%;
}

#mofmof_260912 .swiper-button-prev_04:after,
#mofmof_260912 .swiper-button-next_04:after {
    display: none;
}

#mofmof_260912 .swiper-button-next_04 svg,
#mofmof_260912 .swiper-button-prev_04 svg {
    display: none;
}
#mofmof_260912 .swiper-pagination_04 {
    position: absolute;
    width: 100%;
	bottom: 10px;
	left: 0;
    text-align: center;
	line-height: normal;
}

#mofmof_260912 .swiper-pagination_04 .swiper-pagination-bullet {
	border-radius: 50% !important;
	background: #a0732d;
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	display: inline-block;
	flex-shrink: 0;
}

#mofmof_260912 .swiper-pagination_04 .swiper-pagination-bullet-active {
    background: #e9951e !important;
}
/********************************************************************
	コピーライト
********************************************************************/
#mofmof_260912 .copy-right_01 {
	background-color: #9d2c3d;
	color: #FFFFFF; /* 文字色指定 */
	font-family:"Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ ProN","ヒラギノ丸ゴ Pro",sans-serif;/*フォント*/
	letter-spacing: 0.1em; /* 文字間*/
	line-height: 0;
    padding: 3% 0 3% 0;
}

#mofmof_260912 .copy-right_02 {
	background-color: #0b767d;
	color: #FFFFFF; /* 文字色指定 */
	font-family:"Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ ProN","ヒラギノ丸ゴ Pro",sans-serif;/*フォント*/
	letter-spacing: 0.1em; /* 文字間*/
	line-height: 0;
    padding: 3% 0 3% 0;
}

#mofmof_260912 .copy-right_03 {
	background-color: #157637;
	color: #FFFFFF; /* 文字色指定 */
	font-family:"Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ ProN","ヒラギノ丸ゴ Pro",sans-serif;/*フォント*/
	letter-spacing: 0.1em; /* 文字間*/
	line-height: 0;
    padding: 3% 0 3% 0;
}

#mofmof_260912 .copy-right_04 {
	background-color: #a0732d;
	color: #FFFFFF; /* 文字色指定 */
	font-family:"Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ ProN","ヒラギノ丸ゴ Pro",sans-serif;/*フォント*/
	letter-spacing: 0.1em; /* 文字間*/
	line-height: 1.3em;
    padding: 3% 0 3% 0;
}
/********************************************************************
	コミック情報（ピックアップ6作品）
********************************************************************/

#mofmof_260912 #pick-up .comic_wrap{
    margin:0 auto;
	max-width:680px;
}

  /* コミックボックス*/
#mofmof_260912 .comic-box{
	margin: 0 auto;
	width: 700px;
	box-shadow: 3px 3px 7px rgba(51, 6, 3, 0.25);
	background-color:#ffffff;
	border-radius: 60px;
	padding: 5% 0 5% 0;
}



#mofmof_260912 #pick-up .comic_title_1 a:hover,#mofmof_260912 #pick-up .comic_title_2 a,#mofmof_260912 #pick-up .comic_title_2_2 a:hover{
	text-decoration: none;
}

#mofmof_260912 .comic_container_right {
	display: flex;
	flex-direction: column;
	height: 400px;
	justify-content: space-between;
}

#mofmof_260912 .comic_container_right img{
	display:block;
}

#mofmof_260912 .comic_container_left img{
	display:block;
}

#mofmof_260912 .shoei img{
	display:block;
	box-shadow: 3px 3px 7px rgba(51, 6, 3, 0.25);
}

/********************************************************************
	上部クーポンarea非表示
********************************************************************/
.contents_right .couponArea2022{display: none;}