@charset "utf-8";

/* ---------------------------------------------------
  Base Layout
------------------------------------------------------ */
#RthCustomizeW,
#htlContents,
#htlMainContent { width: 1200px !important; margin: 0 auto; }

#htlSide-A { float: none; position: absolute; left: 0; /* top: 870px!important;*/}

/* ふるさと納税の割引クーポン用にずらしています。項目が削除されたらこちら削除して↑を表示してください*/
#htlSide-A { top: 928px!important;}

#visual { position: relative; margin: 0 auto; }

/* ----------------
home
---------------- */
#r_home #r_main { position: relative; width: 100%;}
#r_home #r_main img { width: 100%;}
#r_main { width: 950px; height: 628px; position: relative; z-index: 1;}
#r_main #slide { position: relative; z-index: 1;}
#r_main .vis { height: 628px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}
#r_main .vis.vis01 { background: #01361e url(../../img/slide01.jpg) no-repeat scroll center top; background-size: cover;}
#r_main .vis.vis02 { background: #c0cb6b url(../../img/slide02.jpg) no-repeat scroll center top; background-size: cover;}
#r_main .vis.vis03 { background: #0d1e13 url(../../img/slide03.jpg) no-repeat scroll center top; background-size: cover;}
#r_main .vis.vis04 { background: #1f0d00 url(../../img/slide04.jpg) no-repeat scroll center top; background-size: cover;}
#r_main .vis.vis05 { background: #020302 url(../../img/slide05.jpg) no-repeat scroll center top; background-size: cover;}
#r_main .vis.vis06 { background: #020302 url(../../img/slide06.jpg) no-repeat scroll center top; background-size: cover;}
#r_main .no_child{ position: absolute; bottom: -20px; right: 5px; z-index: 100; animation: vertical 1s ease-in-out infinite alternate;}
@keyframes vertical { 0% { transform:translateY(-10px); } 100% { transform:translateY(0px); } }
#r_home #slide_txt {
	top: 0; left: 0; position: absolute; z-index: 2; width: 100%; height: 100%;
	display: flex; justify-content: center; align-items: center; flex-direction: column;
    color: #fff; font-size: 20px; writing-mode: vertical-rl;
    font-feature-settings: 'palt' 0; line-height: 2; letter-spacing: 4px;
    text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;
}

#r_contents { width: 950px; margin-left: auto;margin: 0 auto;}
#r_plan { margin: 25px 0 0; padding: 60px 0; background: url(../../img/bg.gif);}
#r_plan h4 { margin: 0 0 30px; text-align: center; font-size: 30px; color: #542653; line-height: 1.8; font-weight: normal;}
#r_plan h4 span { display: block; font-size: 16px; color: #000;}
#r_plan ul { display: flex; justify-content: center;}
#r_plan ul li { width: 270px; line-height: 1.8; font-size: 15px;}
#r_plan ul li p { padding: 10px 0 0;}
#r_plan ul li:nth-of-type(2) { margin: 0 40px;}
#r_plan ul li a { display: table; margin: 25px 0 0 auto; text-decoration: underline; color: #b37e23;}
#r_plan ul li a:hover { text-decoration: none;}


#r_info { display: flex; flex-wrap: wrap; margin: 25px 0 0; padding: 60px 40px; background: url(../../img/bg.gif); justify-content: space-between;}
#r_info h4 { width: 100%; margin: 0 0 30px; text-align: center; font-size: 30px; color: #542653; line-height: 1.8; font-weight: normal;}
#r_info h4 span { display: block; font-size: 16px; color: #000;}
#r_info ul:nth-of-type(1) li:nth-of-type(1) { margin: 0 0 20px;}
#r_info ul:nth-of-type(2) li { margin: 0 0 29px;}

/* INFORMATION 大バナー非表示時のレイアウト調整 */
#r_info ul:nth-of-type(1){ display: flex; text-align: center;}
#r_info ul:nth-of-type(1) li:nth-of-type(2){ margin: 0 15px;}