@charset "UTF-8";

/********************************************************************
  追加
********************************************************************/
/*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;}
.mb60{margin-bottom: 60px!important;}
.mb65{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}
.mb90{margin-bottom: 80px!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;}
.mb180{margin-bottom: 180px!important;}
.mb200{margin-bottom: 200px!important;}

/*margin-top 　外側の上方向にスペースを空けたい時に使用*/
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt35{margin-top: 35px!important;}
.mt50{margin-top: 50px!important;}
.mt80{margin-top: 80px!important;}

/*margin-right 　外側の右方向にスペースを空けたい時に使用*/
.mr5{margin-right: 5px!important;}
.mr10{margin-right: 10px!important;}
.mr15{margin-right: 15px!important;}

/*margin-left 　外側の右方向にスペースを空けたい時に使用*/
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml80{margin-left: 80px!important;}

/*padding-top　内側の上方向にスペースを空けたい時に使用*/
.pt10{padding-top: 10px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}

/*padding-bottom　内側の下方向にスペースを空けたい時に使用*/
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!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;}

/*横幅のサイズ指定*/
.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;}
.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;}
.width100{width: 100%!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-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リセット*/
#kkrmts p,#kkrmts a,#kkrmts ul li,#kkrmts h1,#kkrmts h2,#kkrmts h3,#kkrmts h4,#kkrmts h5,#kkrmts h6,#kkrmts h7{
  line-height: 1;
}

/*buttonリセット*/
#kkrmts button{padding: 0; background: none; border: none;}

/*ページ全体の指定*/
#kkrmts{
  margin: 0 auto;/*中央揃え*/
  max-width: 770px;/*最大横幅*/
  background: transparent;/*背景色*/
  text-align: center;/*テキスト中央揃え*/
  position: relative;
}

/*ページの内側共通*/
#kkrmts .wrap{
  margin: 0 auto;/*中央揃え*/
  padding: 30px 0 50px 0;/*要素の上下余白*/
  max-width: 670px;/*最大横幅*/
  box-sizing: border-box;
}

#kkrmts .wrap-after{
  margin: 0 auto;/*中央揃え*/
  padding: 30px 0 50px 0;/*要素の上下余白*/
  max-width: 730px;/*最大横幅*/
  box-sizing: border-box;
}

/*ページ内の文章指定*/
#kkrmts p{
    text-align: center;/*中央揃え*/
    color: #261515;/*文字色*/
    font-size: 1.3rem;/*フォントサイズ*/
  letter-spacing:  0em;/*文字間*/
  line-height: 2.4rem;/*行間*/
}

#kkrmts img{
  max-width: 100%;
  height: auto;
  margin: 0 auto;
    display: block;
}

#kkrmts .img_width100 img{width: 100%;}
#kkrmts .img_auto img{width: auto!important;}

/*色*/
#kkrmts .orange{color: #f19007!important;}
#kkrmts .red{color: #f60e39!important;}
#kkrmts .wine-red{color: #c93b66!important;}
#kkrmts .blue{color: #0fc3c8!important;}
#kkrmts .light-blue{color: #0fc3c8!important;}
#kkrmts .green{color: #00a1be!important;}
#kkrmts .pink{color: #ee008c!important;}
#kkrmts .white{color: #fff!important;}
#kkrmts .black{color: #00000a!important;}

/*太字*/
#kkrmts .bold{font-weight: bold;}

/*リスト*/
#kkrmts ul{
  list-style: none;
}
#kkrmts ul li{
  color: #24281f;
  text-align: center;/*中央揃え*/
    font-size: 1.8rem;/*フォントサイズ*/
  letter-spacing:  0em;/*文字間*/
  line-height: 2.8rem;/*行間*/
}

/********************************************************************
  リンク
********************************************************************/
#kkrmts a{
  color: #1e1e1e;
}

#kkrmts a:hover{text-decoration: none;}

#kkrmts .open .sp-nav ul li a:hover {
    color: #003b59;
    background: #ffa800;
}

 /********************************************************************
  ハンバーガーメニュー
********************************************************************/
#kkrmts #nav-wrapper{
  position: sticky;
  top: 0;
  z-index: 1000;
}

#kkrmts .hamburger {
    position: absolute;
    right: 0px;
    top: 0;
    width: 70px;
    height: 60px;
    background: #003b59;
    cursor: pointer;
    z-index: 300;
    display: flex;
    justify-content: center;
    align-items: center;
}

#kkrmts .hamburger__line {
    position: absolute;
    width: 50px;
    height: 3px;
    background-color: #fff;
    transition: all 0.5s;
}

#kkrmts .hamburger__line--1 {
    top: 25%;
}

#kkrmts .hamburger__line--2 {
    top: 50%;
}

#kkrmts .hamburger__line--3 {
    top: 75%;
}

/*ハンバーガーがクリックされたら*/
#kkrmts .open .hamburger__line--1 {
    transform: rotate(-45deg);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

#kkrmts .open .hamburger__line--2 {
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#kkrmts .open .hamburger__line--3 {
    transform: rotate(45deg);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

/* 
sp-nav(ナビ)
=================================== */
#kkrmts .sp-nav {
  position: fixed;
  right: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
  top: 0;
  width: 70%; /* 出てくるスライドメニューの幅 */
  height: 100vh;
  background-color: #fff;
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}

/*ハンバーガーがクリックされたら右からスライド*/
#kkrmts .open .sp-nav {
  width: 100%;
  position: absolute;
  right: 0;
  background: #00afdb;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#kkrmts .sp-nav ul{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#kkrmts .open .sp-nav ul li{
  width: 100%;
}

#kkrmts .sp-nav ul li:first-child a{color: #003b59;}

#kkrmts .sp-nav ul li a{
  width: 100%;
  padding: 20px 0; /* 上下の余白を多めに取る */
  color: #fff;
  font-weight: bold;
  display: inline-block;
}

/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
#kkrmts .black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}

/********************************************************************
  共通
********************************************************************/
/*マス目背景*/
#kkrmts .bg-square{
	background: #fff url(/auto/images/fix/feature/250316_kkrmts/pcc/bg-square.png) repeat;
}

#kkrmts #comic h4,#kkrmts #comic h4 a{color: #003b59;}

/*乗算*/
#kkrmts .multiplication:before{
  display:block;
  content:'';
  width:100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position:absolute;
  mix-blend-mode:multiply;  
}

/*その他オススメ書影共通*/
#kkrmts ul.all-recommend div img{border: 1px solid #003b59;}

/********************************************************************
  タグ
********************************************************************/
#kkrmts ul.all-recommend  ul li{
  padding: 3px 7px 3px 7px;
  background: #fff;
}

/*その他おすすめコミック*/
#kkrmts #other-comic ul.all-recommend > li:nth-of-type(odd) > ul li{background: #00afdb;}
#kkrmts #other-comic ul.all-recommend > li:nth-of-type(even) > ul li{background: #ffa800;}

/********************************************************************
  ボタン
********************************************************************/
#kkrmts .button a{
  padding: 10px 8px 8px 8px;
  color: #003b59;
  background: #ffa800;
  border: 1px solid #003b59;
  box-shadow: 3px 3px 0 0 rgba(0, 59, 89);
  display: inline-block;
  font-weight: bold;
  font-size: 2.2rem;
}

/*こちらのコミックもオススメ！*/
/*その他おすすめコミック*/
#kkrmts ul.all-recommend .button a{
  width: 100%;
  padding: 6px 8px 2px 8px;
  font-size: 1.6rem;
  box-sizing: border-box;
}

/*その他おすすめコミック*/
#kkrmts #other-comic ul.all-recommend .button a{
  color: #fff;
  background: #003b59;
  box-shadow: 3px 3px 0 0 rgba(0, 175, 219);
}

/********************************************************************
  kv
********************************************************************/
#kkrmts .logo-can{
  width: 100%;
  position: absolute;
  bottom: 10px;
}

#kkrmts .logo-can h2{
  position: relative;
  bottom: -50px;
}

#kkrmts .logo-can-fix h2{
  position: relative;
  bottom: 0;
}

/********************************************************************
  top
********************************************************************/
#kkrmts #top{background: #fff;}
#kkrmts #top .bg-square{
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/bg-square.png) repeat;
}

#kkrmts #top .top-bg:before{
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/top/top-bg-top.png) top no-repeat, url(/auto/images/fix/feature/250316_kkrmts/pcc/top/top-bg-bottom.png) bottom no-repeat;
}

#kkrmts #top .top-bg-triangle{
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/top/top-bg-triangle.png) center no-repeat;
  position: relative;
}

#kkrmts #top .wrap{
  position:relative;
  display:inline-block;
}

#kkrmts #top .can-time{
  margin: 0 auto;
  width: 580px;
  padding: 8px 0px 8px 0px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #00afdb;
  box-sizing: border-box;
}

#kkrmts #top .staff-comment p{
  color: #003b59;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.2rem;
}

/********************************************************************
  書影メニュー
********************************************************************/
#kkrmts #top-nav{
  padding: 0 0 45px 0;
}

#kkrmts #top-nav .slider{
  padding:15px 0 15px 0;
  position: relative;
}

#kkrmts #top-nav .slider:before{  
  background: #00afdb;
}

#kkrmts #top-nav .slider > div{
  position: relative;
  z-index: 30;  
}

#kkrmts #top-nav li div img {
  width: 90%;
  border: 2px solid #fff;
}

#kkrmts #top-nav .top-nav-bg{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

/********************************************************************
  書影紹介
********************************************************************/
#kkrmts #comic{
  margin: 0 0 -20px 0;
  position: relative;
  z-index: 100;
}

#kkrmts #comic .comic-img{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#kkrmts #comic .comic-img img{
  width: 90%;
  position: relative;
}

#kkrmts #comic .comic-img:before{
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/section/comic-img-bg.png) center center no-repeat;
  background-size: contain;
}

#kkrmts #comic .comic-bg{
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/section/comic-bg.png) center top no-repeat;
}

/*書影 wrap*/
#kkrmts #comic .comic-bg > div{
  margin: 0 auto;
  padding: 35px 0 0 0;
  width: 100%;
  position: relative;
  z-index: 900;
}

#kkrmts #comic h4{
  padding: 14px 0 12px 0;
  font-size: 3rem;
  font-weight: bold;
  background: #ffa800;
}

#kkrmts #comic .bg-square{
	background: #fff url(/auto/images/fix/feature/250316_kkrmts/pcc/bg-square.png) repeat;
}

#kkrmts #comic h5{color: #003b59; text-align: left; font-size: 2.4rem;}
#kkrmts #comic h5 a{color: #003b59;}

#kkrmts #comic h5 + p{
  text-align: left;
  color: #003b59;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: bold;
}

#kkrmts #comic h5 + p.line-height-min{
    font-size: 1.4rem;
    line-height: 2rem;
}

#kkrmts #comic ul.campaign li{
  padding: 10px 15px 8px 15px;
  background: #00afdb;
  line-height: 1;
}

/********************************************************************
  関連作品
********************************************************************/
#kkrmts #comic .other-intro{
  padding: 6px 0 2px 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #003b59;
  box-shadow: 3px 3px 0 0 rgba(0, 175, 219);
}

  #kkrmts #comic .other-intro span, #kkrmts #comic .other-intro span a{color: #ffa800;}

#kkrmts #comic .other-intro.special-feature{letter-spacing: 0.2rem;}


#kkrmts #comic .other-intro-wrap{
  margin: 0 auto;
  width: 600px;
}


/*コンテンツ下*/
#kkrmts #comic .other-intro-wrap ul li a{
  padding: 5px 10px 5px 10px;
  width: 100%;
  background: #ffc75c;
  display: inline-block;
}

#kkrmts #comic .other-intro-wrap ul li p{
  font-size: 1.6rem;
  color: #003b58;
  font-weight: bold;
  line-height: 1;
}

/********************************************************************
  コマサム
********************************************************************/
#kkrmts #comic .koma-bg:before{
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/section/koma-bg.png) center top 16px no-repeat;
}

#kkrmts #comic .koma-bg-triangle{
  margin: 0 0 -30px 0;
  padding: 40px 0 0 0;
	background:url(/auto/images/fix/feature/250316_kkrmts/pcc/section/koma-bg-triangle.png) top no-repeat;
  position: relative;
  z-index: 100;
}

#kkrmts #comic .koma-bg-triangle ul li div{
  margin: 0 auto 5px auto;
  width: 702px;
  border: 1px solid #003b59;
  box-sizing: border-box;
  box-shadow: 5px 5px 0 0 rgba(255, 168, 0);
}

/********************************************************************
  コマサムslider
********************************************************************/
#kkrmts .thumbs {
  max-width:100%;
  margin:0 auto;
}

#kkrmts .thumbs li div{margin: 0 5px 0 5px;}

/* dotsを丸くカスタマイズするCSS */
#kkrmts .dots-wrap {
    display: flex;
    justify-content: center;
}

#kkrmts .dots-wrap li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #000;
    border-radius: 50%;
    cursor: pointer;
}

#kkrmts .dots-wrap li:hover,
.dots-wrap li.slick-active {
    background: coral;
}
#kkrmts .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
#kkrmts #comic .slick-dotted.slick-slider{
  margin: 0;
}

#kkrmts #comic .slick-list{
    margin: 0 0 10px 0; /* サムネイルと丸の間に余白を追加 */
}

#kkrmts #comic .dots-wrap {
    display: flex;
    justify-content: center;
}

#kkrmts #comic .dots-wrap li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #003b59;
    border-radius: 50%;
    cursor: pointer;
}

#kkrmts #comic .dots-wrap li:hover,
#kkrmts #comic .dots-wrap li.slick-active {
    background: #ffa800;
}

#kkrmts #comic .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

/********************************************************************
  キャラクター
********************************************************************/
#kkrmts #comic  .chara-bg:before{
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/section/chara-bg.png) center bottom no-repeat;
}

#kkrmts #comic .chara-bg-triangle{
  padding: 20px 0 0 0;
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/section/chara-bg-triangle.png) right bottom no-repeat;
  position: relative;
}

#kkrmts #comic .chara-bg-triangle > div{
  margin: 0 auto;
  width: 658px;
  padding: 0 0 20px 0;
  position: relative;
  z-index: 100;
}

/********************************************************************
  スタッフコメント
********************************************************************/
#kkrmts #comic .staff-comment > div{
  padding: 30px 0 55px 0;
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/section/staff-comment-bg.png) center top no-repeat;

}

#kkrmts #comic .staff-comment > div p{
  margin: 0 auto;
  width: 660px;
  color: #003b59;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.2rem;
}

/********************************************************************
  こちらのコミックもオススメ！
********************************************************************/
#kkrmts #comic .recommend{padding: 0 0 50px 0;}

#kkrmts #comic .recommend h4{
  position: absolute;
  top: -50px;
  z-index: 100;
  left: 0;
  right: 0;
  background: transparent;
}

#kkrmts #comic .recommend-bg{
  margin: 0 auto;
  padding: 55px 0 25px 0;
  width: 725px;
}

#kkrmts #comic .recommend-bg:before{background: #00afdb;}

#kkrmts #comic .recommend-bg > ul{
  position: relative;
  z-index: 100;
}

#kkrmts #comic .recommend-bg-img{
  position: absolute;
  bottom: 20px;
  z-index: 50;
}

/********************************************************************
  その他おすすめコミック
********************************************************************/
#kkrmts #other-comic{
	background: url(/auto/images/fix/feature/250316_kkrmts/pcc/bg-bottom.png) center top no-repeat;
}

#kkrmts #other-comic > div{
  padding: 20px 0 45px 0;
  margin: 0 auto;
  width: 725px;
}

#kkrmts #other-comic h4 {
  padding: 6px 10px 2px 10px;
  font-size: 3rem;
  line-height: 1;
  color: #fff;
  background: #003b59;
  display: inline-block;
}

/********************************************************************
  footer
********************************************************************/
#kkrmts footer{
  margin: 0 auto;
  padding: 0 0 30px 0;
  width: 770px;
  background: transparent;
}

#kkrmts footer ul{
  position: relative;
  z-index: 100;
}

#kkrmts footer ul li{
  font-size: 1.1rem;
  line-height: 1.4;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/********************************************************************
  調整
********************************************************************/
.detail_area {
    position: relative;
    z-index: 999;
}

.btn_areas {
    position: relative;
    z-index: 100;
    background: #fff;
}