@charset "UTF-8";

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

*{
   margin:0;
   padding:0;
   }

img {
   vertical-align: bottom;
   }

A img {
   border: none;
   filter: Alpha(Opacity=100)
   }
A:hover img {
   filter: Alpha(Opacity=80)
   }
a:link {
   color: #45607a;
   text-decoration: none;
   }
a:visited {
   color: #45607a;
   text-decoration: none;
   }

/* ========for PC======== */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width: 800px)
{
 .pc { display: block !important; }
 .sp { display: none !important; }
 /* PC背景 */
   body {
      }
 /* PC検索窓 */
   #search_container{
      position: relative;
      box-sizing: border-box;
      border: 2px solid #663300;
      display: block;
      padding: 0 0 16px 10px;
      border-radius: 3px;
      height: 36px;
      width: 300px;
      overflow: hidden;
      text-align: left;
      background: #fff;
      }
   #search_container .textBox {
      outline : none;
      border: none;
      height: 34px;
      width:260px;
      }
   #search_container .btn {
      border: none;
      background: #663300;
      color: #fff;
      position: absolute;
      outline : none;
      right:0px;
      height: 34px;
      width:40px;
      }

 /* PCグローバル */
 #global {
   overflow: hidden;
   margin: 0;
   padding: 0;
   position: fixed;
   z-index: 9999;
   top: 0px;
   left: 0px;
   background-color: #efebe2;
   text-align:center;
   height: 50px;
   width :100%;
 }
 #global table {
   width:100%;
   border-collapse: separate;
 }

 #globalmenu li a {
   padding-left: 10px;
   font-size: 13px;
   color: #330000;
 }
 #globalmenu li a:hover {
   color: #ff9900;
   text-decoration: none;
   background-color: transparent;
 }
 ul.globalmenu li {
   width: 100%;
   display: inline;
   margin: 0 0 0 10px;
   list-style: none;
 }
 ul.globalmenu li a {
   padding-left: 10px;
   font-size: 13px;
   color: #330000;
 }
 ul.globalmenu li a:hover {
   color: #ff9900;
   text-decoration: none;
   background-color: transparent;
 }
 /* PCヘッド */
 #headcatch {
   width: 100%;
   background: #fbfbeb;
   margin: 0;
   float: center;
 }

 .headcatch {
   width: 1000px;
   border-collapse: separate;
   font-size: 13px;
   color: #555;
   line-height: 22px;
   text-align:left;
   letter-spacing: 1px;
 }

 #kanbanfull {
   margin:0;
   padding:0;
   background-color:#efebe2; 
   width:100%;   
   float: center;
 }

 #kanban {
   width:1000px;
   padding:0;
 }

 table.kanban  {
   width:100%;
   border-collapse: separate;
 }
 table.kanban td {
   vertical-align: bottom;
   font-size:12px;
   color:#555;
 }

 table.headmenu {
   width: 100%;
   border-collapse: separate;
 }

 table.headmenu  td {
   vertical-align: bottom;
 }

 #headMenu li {
   margin:0 0 10px 0;
   padding:10px 0 0 0;
   text-align:right;
 }
 #headMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
 }
 #headMenu li a {
   padding-left:10px;
   font-size:13px;
   color: #663300;
 }
 #headMenu li a:hover{
   color: #ff9900;
   text-decoration: none;
   background-color: transparent;
   }

 table.headcategory {
   margin:0;
   padding:0;
   border-top: solid 5px #330000;
   background-image: url("https://image.rakuten.co.jp/kituengu/cabinet/nav/ic/bg-bar3.gif");
   vertical-align:bottom;
   width: 100%;
   }
 table.headcategory td {
   margin:0;
   padding:0;
   vertical-align:bottom;
   }

 #headcategory {
   width:1000px;
   padding:0;
   }

 hr.signboardline {
   border-top: 5px solid #330000;
   border-bottom: 1px solid #fff;
   }

 table.headcategory2 {
   margin:0;
   padding:2px;
   vertical-align:bottom;
   align:center;
   overflow-x: scroll;
   white-space: nowrap;/*自動で改行しない*/
   width:1000px;
   }
 table.headcategory2 td {
   margin:0;
   padding:0;
   text-align:center;
   vertical-align:top;
   font-size: 10px;
   color: #996633;
 }

 table.headcategory2 td a hover {
   color: #ff9900;
 }

 #headmenufull {
   margin:0;
   padding:0;
   width:100%;
   float:center;
   background-color: #d2c4be;
 }

 #head h1 {
   font-size:24px;
   color:#663300;
   line-height:70px;
   text-align:center;
   }

 #pcmain {
   width:800px;
   }

 #pcmain p {
   margin:5px 5px 5px 10px;
   font-size: 13px;
   color: #555;
   line-height: 22px;
   text-align:left;
   letter-spacing: 1px;
 }

 #pcmain h1 {
   padding:5px;
   font-size:20px;
   font-weight:bold;
   color:#663300;
   text-align:CENTER;
   font-family:-apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 }

 #pcmain h1 span {
   display: block;
   font-size:11px;
 }

 #pcmain h2 {
   margin:25px 0 5px 0;
   padding:12px;
   font-size:15px;
   font-weight:bold;
   color:#663300;
   text-align:left;
   background:#E6E6CC;
   font-family:-apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 }

 #pcmain h3 {
   margin:10px 5px 5px 5px;
   padding:8px;
   font-size:15px;
   color:663300;
   font-weight:bold;
   text-align:left;
   border-left: 5px solid #d1bfad;
   background:#f1f1e7;
   font-family:-apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 }

 /* ドロップダウンメニュー */
 .menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
 }
 .menu > li {
    float: left;
    width: 25%; /* グローバルナビ4つの場合 */
    height: 50px;
    font-size:13px;
    line-height: 50px;
    background: #efebe2;
    text-align:center;
    list-style:none;
 }
 .menu > li a {
    display: block;
    color: #663300;
 }
 .menu > li a:hover {
    color: #d2691e;
 }

 ul.menu__2nd-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
 }

 .menu > li:hover {
    background: #d7d7b5;
    -webkit-transition: all .5s;
    transition: all .5s;
 }

 .menu__2nd-level li {
    /*border-top: 1px solid #663300;*/
 }

 .menu__2nd-level li a:hover {
    background: #d7d7b5;
 }

 /* 下矢印 */
 .init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #663300;
    border-bottom: 1px solid #663300;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
 }

 /* 右矢印 */
 .init-right:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #663300;
    border-top: 1px solid #663300;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
 }

 /* floatクリア */
 .menu:before,
 .menu:after {
    content: " ";
    display: table;
 }

 .menu:after {
    clear: both;
 }

 .menu {
    *zoom: 1;
 }

 /* mega*/
 li.menu__mega ul.menu__2nd-level {
    position: absolute;
    top: 40px;
    left: 0;
    box-sizing: border-box;
    padding: 10px 0 10px 10px;
    background: #fff;
    border: 20px solid #d7d7b5;
    -webkit-transition: all .2s ease;
    width: 1000px;
    transition: all .2s ease;
   list-style:none;
 }
 li.menu__mega:hover ul.menu__2nd-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
 }
 li.menu__mega ul.menu__2nd-level > li {
    float: left;
    padding: 10px 16px 10px 0;
    font-size:12px;
    line-hight:14px;
    width:100px;
 }
 li.menu__mega ul.menu__2nd-level > li:nth-child(8) {
    margin: 0 1%;
 }

 /* single */
 .menu > li.menu__single {
    position: relative;
   list-style:none;
    color: #fff;
 }
 li.menu__single ul.menu__2nd-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #efebe2;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    list-style:none;
 }
 li.menu__single:hover ul.menu__2nd-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
 }

 li.menu__single ul.menu__2nd-level > li {
    border-top: 1px solid #996600;
 }

 /* pcフッター */ 
 
 #footer {
   margin: 0;
   float:center;
   width:100%;
   background: #fbfbeb;
 }

 #inner { margin:5px 0 0 0; }  
 .clear { clear:both; }  
 .clear hr { display:none; } 

 #footer p {
   margin-top: 1px;
   margin-bottom: 1px;
   font-size: 13px;
   color: #555;
   line-height: 18px;
   text-align:left;
 }

 #footmenufull {
   width: 100%;
   background-color: #efebe2;
   margin: 0;
   float: center;
 }

 #footMenu {
   width:800px;
 }

 ul.footermenu {
   margin: 0 0 10px 0;
   padding: 10px 0 0 0;
 }
 ul.footermenu li {
   margin: 0 0 0 10px;
   list-style: none;
 }
 ul.footermenu li  a {
   padding-left: 10px;
   display: block;
   font-size: 12px;
   color: #555;
   text-align: left;
 }
 ul.footermenu li  a:hover {
   color: #D2691E;
   text-decoration: none;
 }

 table.footmenu {
   border-collapse: collapse;
   width:100%;
 }
 table.footmenu td {
    padding:20px; 
    font-size: 13px;
    color: #555;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
 }　　
 table.footmenu td a {
    color: #555;
 }　　

 hr.grd1 {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
 }
   #copyright {
   margin:10px 50px;
   padding:5px 0;
   font-style:normal;
   font-size:12px;
   color:#aaa;
   text-align:center;
 }
}/* //for PC */

/* ========for SP======== */
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width: 800px)
{
 .pc { display: none !important; }
 .sp { display: block !important; }
 #contents , #footer { width:100% !important; }

 body {
        font-family:-apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
	 }
 img {
       max-width: 100%;
       }

/* ドロワーメニュー */
.drawermenu {
    width: 100%;
    height: 1000px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2 !important;
    pointer-events: none;
}

 /* SPヘッダー */
 #spheader {
      height: 80px;
      background-color: #fff;
      color: white;
      position: relative;
      width: 100%;
      z-index: 2;
      }
 .spmenu {
      font-size: 12px;
      width: 100%;
      border-collapse: collapse;
      }
 table.spmenu  td {
      padding: 2px;
      color: #333;
      line-height: 18px;
      text-align: center;
      border: 0;
      }
 /* SP検索窓 */
 #search-form {
      margin: 5px auto;
      font-family: メイリオ;
      width: 100%;
      display: block;
      table-layout: fixed;
      font-size: 18px;
      }
 #search-form .textBox {
      width: 70%;
      height: 32px;
      margin-left: 10px;
      padding: 10px;
      box-sizing: border-box;
      border-radius: 3px;
      -webkit-appearance: none;
      }
 #search-form .btn {
      vertical-align: top;
      width: 20%;
      height: 32px;
      font-weight: bold;
      color: #fff;
      border: none;
      background: #663300;
      padding: 0;
      border-radius: 3px;
      -webkit-appearance: none;
      }
 #search-form .search-keyword {
      list-style: none;
      padding: 0;
      margin: 12px auto 0;
      }
 #search-form .search-keyword li {
      display: inline-block;
      margin: 8px;
      font-size: 12px;
      }
 
 #spmain p {
   margin:5px 5px 5px 10px;
   font-size: 13px;
   color: #555;
   line-height: 22px;
   text-align:left;
   letter-spacing: 1px;
 }

 #spmain h1 {
      margin:5px 0 5px 0;
      padding:2px;
      color:#330000;
      font-size:18px;
      font-weight:bold;
      border-top-style: solid; border-top-color: #663333;
      border-bottom-style: solid; border-bottom-color: #663333;
      background-color: #e2c7ab;
      text-align:center;
      }
 #spmain h1 span {
      display: block;
      font-size:11px;
      }
 #spmain h2 {
   margin:25px 0 5px 0;
   padding:12px;
   font-size:15px;
   font-weight:bold;
   color:#663300;
   text-align:left;
   background:#E6E6CC;
 }
 #spmain h3 {
   margin:10px 5px 5px 5px;
   padding:8px;
   font-size:15px;
   color:663300;
   font-weight:bold;
   text-align:left;
   border-left: 5px solid #d1bfad;
   background:#f1f1e7;
 }

 /* SP目次 */           
 .mokuji li {
   width: calc(46% - 0.5rem) !important;
   margin-right:0.5rem;
   margin-bottom: 0.75rem;
   float: left;
   }
 .table-scroll { overflow-x: auto; }

 /* SPフッター */
 
 #spfooter {
   margin: 0;
   float:center;
   width:100%;
   background-color: #fff;
 }

 #spfooter h1 {
      margin:5px 0 5px 0;
      padding:2px;
      color:#330000;
      font-size:18px;
      font-weight:bold;
      border-top-style: solid; border-top-color: #663333;
      border-bottom-style: solid; border-bottom-color: #663333;
      background-color: #e2c7ab;
      text-align:center;
      }
 #spfooter h1 span {
      display: block;
      font-size:11px;
      }

ul.spfooter {
      margin:0 0 0 -10px;
      padding:0;
      list-style:none;
      width:100%;
      text-align:left;
 }

 ul.spfooter li {
      border:1px solid #ccc;
      margin:0;
      padding: 0;
      font-size: 13px;
      line-height: 1.3;
      display:inline-block;
      line-height: 22px;
      list-style: none;
      width:100%;
      overflow:hidden;
 }

 ul.spfooter li a {
      height:1.5rem;
      line-height: 1.5rem;
      display: block;
      padding: 0.5rem 0.5rem 0.5rem 0.5rem;
      position: relative;
      white-space: nowrap;
      text-align:left;
      text-decoration: none;
      text-overflow: ellipsis;
      letter-spacing: 1px;
      overflow: hidden;
      transition: all 0.2s ease 0s;
      background:#fff;
 }

 ul.spfooter li a:after {
	content: "";
	position: absolute;
	top: 0.75rem;
	right: 2rem;
	width:0.5rem;
	height:0.5rem;
	border-right:2px solid #1a1a1a;
	border-bottom:2px solid #1a1a1a;
	transform:rotate(-45deg)
	}

 ul.spfooter li a:hover {
      color: #D2691E;
      text-decoration: none;
      background: #e6e2d9;
      }

 /*spfootermenu*/
 ul.spfootermenu {
      margin:0 0 0 -6px;
      padding:0 0 0 10px;
      list-style:none;
      width:98%;
      text-align:left;
      }

 ul.spfootermenu li {
      border-bottom:1px solid #ccc;
      border-collapse: collapse;
      margin:0;
      padding: 0.5rem;
      font-size: 15px;
      display:inline-block;
      line-height: 18px;
      list-style: none;
      width:100%;
      overflow:hidden;
      }
 ul.spfootermenu li span {
     font-size: 11px;
      }
 ul.spfootermenu li a {
      line-height: 18px;
      display: block;
      position: relative;
      white-space: nowrap;
      text-align:left;
      text-decoration: none;
      text-overflow: ellipsis;
      letter-spacing: 1px;
      overflow: hidden;
      transition: all 0.2s ease 0s;
      background:#fff;
      }
 ul.spfootermenu li a:after {
      color: #D2691E;
      content: "";
      position: absolute;
      top: 0.25rem;
      right: 2rem;
      width:0.5rem;
      height:0.5rem;
      border-right:2px solid #1a1a1a;
      border-bottom:2px solid #1a1a1a;
      transform:rotate(-45deg)
      }
 ul.spfootermenu li a:hover {
      color: #D2691E;
      text-decoration: none;
      background: #e6e2d9;
      }

 div#spcopyright {
   margin:5px 50px;
   padding:5px 0;
   font-style:normal;
   font-size:11px;
   color:#aaa;
   text-align:center;
   }
}/* //for SP */

/* ========テンプレートTEMPLATE LAYOUT======== */

#wrapper {
   width:1000px;
}


/* ========コンテンツ CUSTOMIZE======== */

#contents {
   margin:0;
   width:800px;
}

#contents p {
   margin:5px 5px 5px 10px;
   font-size: 13px;
   color: #555;
   line-height: 22px;
   text-align:left;
   letter-spacing: 1px;
}

#contents h1 {
   padding:5px;
   font-size:20px;
   font-weight:bold;
   color:#663300;
   text-align:CENTER;
   font-family:-apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#contents h1 span {
   display: block;
   font-size:11px;
}

#contents h2 {
   margin:25px 0 5px 0;
   padding:12px;
   font-size:15px;
   font-weight:bold;
   color:#663300;
   text-align:left;
   background:#E6E6CC;
   font-family:-apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#contents h3 {
   margin:10px 5px 5px 5px;
   padding:8px;
   font-size:15px;
   color:663300;
   font-weight:bold;
   text-align:left;
   border-left: 5px solid #d1bfad;
   background:#f1f1e7;
   font-family:-apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#contents h4 {
   margin: 5px 5px 5px 10px;
   padding: 3px 2px 2px 8px;
   color: #330000;
   font-size: 15px;
   border-left: 5px solid #d1bfad;
   text-align:left;
   font-family:-apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#contents h5 {
   margin:5px 5px 5px 10px;
   padding:0 0 1px 8px;
   font-size:14px;
   color:#663300;
   font-weight:bold;
   text-align:left;
   border-left: 5px solid #ccc;
   background:("https://image.rakuten.co.jp/kituengu/cabinet/border-br.gif") repeat-x;
   font-family:-apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

 /*目次*/
ul.mokuji {
   margin:2px 0 2px 0;
   padding:0;
   list-style:none;
   width:100%;
   text-align:left;
}

ul.mokuji li {
   border:1px solid #ccc;
   padding: 0;
   font-size: 13px;
   display:inline-block;
   line-height: 22px;
   list-style: none;
   margin:5px 10px 5px 10px;
   width:30%;
   overflow:hidden;
}

ul.mokuji li a {
   display: block;
   padding: 0.5rem 0.5rem 0.5rem 0.5rem;
   position: relative;
   white-space: nowrap;
   text-align:left;
   text-decoration: none;
   text-overflow: ellipsis;
   letter-spacing: 1px;
   overflow: hidden;
   border-radius:2px;
   transition: all 0.2s ease 0s;
   background:#fff;
}

ul.mokuji li :after {
	content: "";
	position: absolute;
	top: 0.75rem;
	right: 1.5rem;
	width:0.5rem;
	height:0.5rem;
	border-right:2px solid #1a1a1a;
	border-bottom:2px solid #1a1a1a;
	transform:rotate(45deg)
	}

ul.mokuji li a:hover {
   color: #D2691E;
   text-decoration: none;
   background: #e6e2d9; 
}

ul.button {
   margin:2px 0 2px 0;
   padding:0;
   list-style:none;
   text-align:center;
}

ul.button li {
   border:1px solid #ccc;
   padding: 0;
   font-size: 13px;
   display:inline-block;
   line-height: 22px;
   list-style: none;
   margin:5px 10px 5px 10px;
   width:300px;
}

ul.button li a {
   letter-spacing: 1px;
   padding:5px 5px;
   border-radius:2px;
   display:block;
   transition: all 0.2s ease 0s;
   text-align:center;
   position:relative;
   background:#fff;
}

ul.button li a:hover {
   color: #D2691E;
   text-decoration: none;
   background: #e6e2d9;
}

table.list {
   border-collapse: collapse;
   margin: 5px 15px 5px 5px;
   width:98%;
}

table.list  th {
   border: 1px solid #d1bfad;
   background: #f5f5f1;
   font-size: 13px;
   font-weight: normal;
   color: #333;
   line-height: 22px;
   padding: 8px;
   text-align: center;
   vertical-align: top;
}

table.list  td {
   border: 1px solid #d1bfad;
   color: #333;
   font-size: 13px;
   line-height: 22px;
   letter-spacing: 1px;
   padding: 8px;
   text-align: left;
}

table.kessai {
   border-collapse: collapse;
   margin: 5px 15px 5px 5px;
   width:980px;
}

table.kessai  th {
   border: 1px solid #d1bfad;
   background: #f5f5f1;
   font-size: 13px;
   font-weight: normal;
   color: #333;
   line-height: 22px;
   padding: 8px;
   text-align: center;
   vertical-align: top;
}

table.kessai  td {
   border: 1px solid #d1bfad;
   color: #333;
   font-size: 13px;
   font-weight: normal;
   line-height: 22px;
   letter-spacing: 1px;
   padding: 8px;
   text-align: left;
}

table.souryo {
   border-collapse: collapse;
   margin: 5px 15px 5px 5px;
   width:980px;
}

table.souryo  th {
   border: 1px solid #d1bfad;
   background: #f5f5f1;
   font-size: 13px;
   font-weight: normal;
   color: #333;
   line-height: 22px;
   padding: 8px;
   text-align: center;
   vertical-align: top;
}

table.souryo  td {
   border: 1px solid #d1bfad;
   color: #333;
   font-size: 13px;
   font-weight: bold;
   line-height: 22px;
   letter-spacing: 1px;
   padding: 8px;
   text-align: center;
}

table.nouki {
   border-collapse: collapse;
   margin: 1px 0 10px 0;
   width:50%;
}

table.nouki  th {
   border: 1px solid #d1bfad;
   background: #f5f5f1;
   font-size: 13px;
   font-weight: normal;
   color: #333;
   line-height: 22px;
   padding: 8px;
   text-align: center;
   vertical-align: top;
}

table.nouki  td {
   border: 1px solid #d1bfad;
   color: #333;
   font-size: 13px;
   line-height: 22px;
   letter-spacing: 1px;
   padding: 8px;
   text-align: left;
}

table.mark {
   border-collapse: collapse;
   margin: 1px 0 10px 0;
   width:100%;
}

table.mark  th {
   border: 0;
   color: #333;
   font-size: 13px;
   line-height: 22px;
   letter-spacing: 1px;
   padding: 5px;
   text-align: center;
   width:50%;
}

table.mark  td {
   border: 0;
   color: #333;
   font-size: 13px;
   line-height: 22px;
   letter-spacing: 1px;
   padding: 20px;
   text-align: left;
   vartical-align: top;
}

table.guide {
   border-collapse: collapse;
   margin: 1px 0 10px 0;
   width:100%;
}

table.guide  th {
   background: #fff;
   font-size: 13px;
   font-weight: normal;
   color: #333;
   line-height: 22px;
   padding: 10px;
   text-align: left;
   vertical-align: top;
   width: 20%;
}

table.guide  td {
   border-left: none;
   color: #333;
   font-size: 13px;
   line-height: 22px;
   letter-spacing: 1px;
   padding: 10px;
   text-align: left;
}

table.maigo {
   border-collapse: collapse;
   margin: 5px 0 5px 0;
   width: 100%;
}

table.maigo  th {
   background: #f4eee8;
   border: 1px solid #aaa;
   color: #333;
   font-size: 13px;
   font-weight: bold;
   padding: 5px;
   line-height: 16px;
   text-align: left;
}

table.maigo  td {
   border: 1px solid #aaa;
   color: #333;
   font-size: 13px;
   letter-spacing: 1px;
   line-height: 18px;
   padding: 10px 0 10px 5px;
   text-align: left;
}

table.note {
   border-collapse: collapse;
   margin: 10px 0 10px 5px;
}

table.note  th {
   border: 1px dashed #d1bfad;
   border-left: none;
   border-right: none;
   background: #fff;
   font-size: 13px;
   font-weight: normal;
   color: #663300;
   line-height: 18px;
   padding: 5px;
   text-align: left;
   vertical-align: top;
   width: 33%;
}

table.note  td {
   border: 1px dashed #d1bfad;
   border-left: none;
   border-right: none;
   color: #333;
   font-size: 13px;
   line-height: 18px;
   letter-spacing: 1px;
   padding: 5px;
   text-align: left;
}


/* MENU CUSTOMIZE */
#contents #sub #menu ul {
   margin:0 0 1px 0;
   padding:0;
}

#contents #sub #menu li {
   margin:0;
   padding:0;
   color:#333;
   list-style-type:none;
}

#contents #sub #menu li a {
   display:block;
   width:150px;
   color:#333;
   padding:10px 0 10px 20px;
   border-bottom:1px solid #DCDCDC;
   
}

#contents #sub div#menu li a:hover {
   color:#0096E7;
}


/* ========メイン MAIN CUSTOMIZE======== */
#main a {
   color:#6F9ABF;
}

#main a:hover {
   text-decoration:underline;
}

#main .icatch {
   margin-bottom:20px;
}

#main h1 {
   margin-bottom:8px;
   padding:5px;
   color:#333;
   font-size:15px;
   font-weight:bold;
   border-top:2px solid #3298D3;
}

#main h2 {
   margin:16px 0 8px 0;
   padding:5px;
   color:#333;
   font-size:15px;
   font-weight:bold;
   border-top:2px solid #3298D3;
}

#main h3 {
   margin:3px;
   padding:0 0 3px 8px;
   font-size:22px;
   color:663300;
   font-weight:bold;
   text-align:left;
   background:url("https://image.rakuten.co.jp/kituengu/cabinet/border-br.gif") repeat-x;
}

#main h4 {
   margin-bottom:3px;
   padding:0 0 3px 8px;
   font-size:22px;color:333;
   font-weight:bold;
   text-align:left;
   background:url("https://image.rakuten.co.jp/kituengu/cabinet/border-gray.gif") repeat-x;
}

#main h5 {
   margin-top:5px;
   margin-bottom:2px;
   padding-left:5px;
   font-size:13px;
   color:#3298D3;
   border-left:8px solid #3298D3;
}

#main h6 {
   margin-bottom:2px;
   font-size:13px;
   color:#3298D3;
}

#main p {
   margin-top: 1px;margin-bottom: 1px;
   font-size: 14px;color: #663300;line-height: 18px;
}

#main table {
   width:100%;
   border-collapse: collapse;
}

#main table.pickup td {
   font-size:13px;
   color: #663300;
   line-height: 18px;
   text-align:center;
   vertical-align:top;
}
#main table.pickup td a {
   font-size:13px;
   color: #663300;
   line-height: 18px;
}

#main table.type1 th {
   padding:5px;
   font-size:13px;color: #333;line-height: 14px;
   text-align:left;
   border:1px solid #ddd;
   background:#f4eee8;
   font-weight:normal
}

#main table.type1 td {
   padding:5px;
   font-size:13px;color: #333;line-height: 14px;
   text-align:left;
   border:1px solid #ddd;
}

#main table.type2 th {
   padding:5px;
   font-size:14px;color: #663300;line-height: 18px;
   text-align:left;
   border:1px dotted #ddd;border-left: none;border-right: none;
   background:#fff;
   font-weight:normal
}

#main table.type2 td {
   padding:5px;
   font-size:14px;color: #663300;line-height: 18px;
   text-align:left;
   border:1px dotted #ddd;border-left: none;border-right: none;
}

/* ========box CUSTOMIZE クリスマス特集======== */
.container{
  width: 100%;
  display: flex;
  flex-direction: row;
}
.box{
 display: flex;
 width:50%;
}

@media screen and (max-width: 800px){
 .container{
    width: 100%;
    display: flex;
    flex-direction: column;
    }
 .box{
    display: flex;
    width:100%;
    }
}

@media screen and (max-width: 800px) {
 .order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
.order4 {
  order: 4;
}
.order5 {
  order: 5;
}
}

 table.event {
   margin:0;
   padding:20px;
 }
 table.event td {
   padding: 20px;
   color: #333;
   font-size: 20px;
   line-height: 24px;
   text-align: center;
   vertical-align: top;
   width: 50%;
 }
 table.event td a {
   font-size:16px;
 }

 table.event span {
   font-size:16px;
   color: #666;
   line-height: 120px;
   text-align:left;
 }

@media screen and (max-width: 800px){
 table.event {
    display: block;
    width:100%;
    }
 table.event td {
    display: block;
    width:80%;
    }
}

*, *:before, *:after {
  box-sizing: border-box;
  }

.col_2{
  width: 100%;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
  }
.col_2 > div{
  width: 50%;
  padding: 10px;
  }
@media screen and (max-width: 800px) {
 .col_2 > div{
    width: 95%;
    padding: 20px;
    text-align:center;
    }
}

.col_3{
  width: 100%;
  display: flex;
  display: -ms-flexbox; /* IE10 */
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; /* IE10 */
  }
.col_3 > div{
  width: 33.33333%;
  padding: 10px;
  }

@media screen and (max-width: 800px) {
 .col_3 > div{
    width: 50%;
    }
}
@media screen and (max-width: 200px) {
 .col_3 > div{
    width: 100%;
    }
}


/* ========ページトップ PAGETOP CUSTOMIZE========= */
.pageTop {
   clear:both;
}

.pageTop {
  position: fixed;
  bottom: 80px;
  right: 20px;
}

.pageTop i {
  padding-top: 6px
}

.pageTop a {
  display: block;
  z-index: 999;
  padding: 5px;
  border-radius: 2px;
  width: 35px;
  height: 35px;
  background-color: #ddd0c4;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* ========サンプル SAMPLE======== */
ul.sample {
   margin: 0 0 5px 0;
   padding: 5px 0 0 0;
   text-align: center;
}

ul.sample  li {
   display: inline-block;
   margin: 0 2px 0 2px;
   list-style: none;
   font-size: 12px;
}

ul.sample  li  a {
   margin: 0 2px 0 2px;
   list-style: none;
   font-size: 12px;
}

ul.sample  li  a:hover {
   color: #ff9900;
   text-decoration: none;
   background-color: transparent;
}

/* グローバル固定 */
.float_header{
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1 !important;
} 

.fixgb {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1 !important;
}