@charset "shift_jis";

/* 基本構造スタイルシート */

body {
  margin: 0;
  padding: 0;
  background: url(../images/bg.jpg);
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 90%;
  line-height: 1.5;
}

div,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{
  margin:0;
  padding:0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,img {
  border:0;
}

ul {
  list-style:none;
}

a {
  color: #1D2088;
}

/* ClearFix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  min-height: 1%;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

.TopContainer, .Emergency {
  margin: 0 auto;
  background: #fff;
}
.pc-mode .TopContainer {
  width: 1010px;
  padding-top: 1.25em;
}
.pc-mode .Emergency {
  margin-bottom: 13px;
}
#toppage.pc-mode .Emergency {
  width: 944px;
}
.pc-mode #ContentsTop {
  padding-top: 0;
}

.pc-mode .only-for-mobile {
  display: none !important;
}

/* リンクの挙動 */

.globalMenu a, .PhotoArea a, .tab a, .GrayIconUL a, .PurpleIconUL a, .RedIconUL a {
  text-decoration: none;
}
a:hover {
  color: #900;
}
.globalMenu-category ul a:hover, .PhotoArea a:hover, .tab-panel a:hover, .GrayIconUL a:hover, .PurpleIconUL a:hover, .RedIconUL a:hover {
  text-decoration: underline;
}

/* ヘッダ */
#HeaderArea {
  margin: 0 auto;
  font-size: 90%;
}
.pc-mode #HeaderArea {
  width: 952px;
  height: 99px;
  background: url(../images/head_bg.jpg) no-repeat;
}
/*
.mobile-mode #HeaderArea {
  background: url(../images/sp_header.png) right top no-repeat;
  background-size: 50% auto;
  -webkit-background-size: 50% auto;
}
*/

.HeaderLogo {
  margin: 22px 0 21px 0;
}
.pc-mode .HeaderLogo {
  float: left;
}
.mobile-mode .HeaderLogo {
  margin: 10px;
  width: 40%;
  height: auto;
}

#HeaderArea a {
  text-decoration: none;
}
#HeaderArea .Trans a {
  text-decoration: none;
  padding-left: 15px;
  background: url(../images/tri_pu_v2.png) no-repeat 0 0.3em;
}
/*
#HeaderArea .Trans li {
  display: inline;
}
*/
.pc-mode .Trans {
  margin: 30px -10px 0 0;
}
/*
.pc-mode .Trans li {
  margin: 0 0 0 8px;
}
*/
.mobile-mode .Trans {
  background: none;
  text-align: left;
  padding: 10px 23px;
  border-bottom: 1px solid #cccccc;
}
/*
.Trans .goog-te-gadget-simple{
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 5px;
}*/

.pc-mode .HeadLinkArea {
  float: right;
  text-align: right;
  margin: 1em 10px 0 10px;
}

#URNavi, #URNavi a {
  color: #fff;
}

#URNavi ul, #URNavi li {
  display: inline;
}

#SearchForm {
  display: inline;
  margin: 0 10px;
}

#SearchForm input {
  padding: 3px;
  vertical-align: middle;
  overflow: visible;
  height: 17px;
}
#SearchForm .SearchForm-Button {
  height: 25px;
}

/* グローバルナビ */
#GlobalNavi {
  clear: both;
  padding-bottom: 2px;
}
.pc-mode #GlobalNavi {
  margin: 0 auto;
  width: 1010px;
  background: #fff;
}

.globalMenu {
  padding: 0;
  margin: 0 auto;
  background: #B399CC;
  color: #fff;
  font-size: 88%;
}
.pc-mode .globalMenu {
  width: 952px;
}
.mobile-mode .globalMenu {
  text-align: justify;
}

.globalMenu-category {
  position: relative;
  text-align: center;
  float: left;
}
.pc-mode .globalMenu-category {
  /*background: #663399;*/
  width: 118px;
  border-left: 1px solid #fff;
  position: relative;
  background: #2c2c2c;
}
.mobile-mode .globalMenu-category {
  background-color: #663399;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-style: solid;
  border-color: #fff;
}
.pc-mode .globalMenu-category:first-child {
  border-left: 0;
}
.mobile-mode .globalMenu-category:nth-child(odd) {
  border-width: 0 1px 1px 0;
  clear: both;
}
.mobile-mode .globalMenu-category:nth-child(even) {
  border-width: 0 0 1px 0;
}
.mobile-mode .globalMenu-category:nth-child(even) ul {
  border-left: 1px solid #fff;
  padding-left: 5px;
  margin-left: -1px;
}
.globalMenu-category > a {
  float: left;
  width: 100%;
  color: #fff;
}
.pc-mode .globalMenu-category > a {
  height: 43px;
  padding: 13px 0 0;
  display: block;
  background: url(../images/navi_tri.png) no-repeat center 36px;
}
.pc-mode .globalMenu-category:nth-child(1) > a {
  border-bottom: 4px solid #1a237e;
}
.pc-mode .globalMenu-category:nth-child(2) > a {
  border-bottom: 4px solid #3741aa;
}
.pc-mode .globalMenu-category:nth-child(3) > a {
  border-bottom: 4px solid #009ebf;
}
.pc-mode .globalMenu-category:nth-child(4) > a {
  border-bottom: 4px solid #ffd800;
}
.pc-mode .globalMenu-category:nth-child(5) > a {
  border-bottom: 4px solid #2f7600;
}
.pc-mode .globalMenu-category:nth-child(6) > a {
  border-bottom: 4px solid #e94e33;
}
.pc-mode .globalMenu-category:nth-child(7) > a {
  border-bottom: 4px solid #eb0053;
}
.pc-mode .globalMenu-category:nth-child(8) > a {
  border-bottom: 4px solid #8538b3;
}
.mobile-mode .globalMenu-category > a {
  line-height: 3em;
}

.globalMenu-category ul {
  display: none;
  /*background: #B399CC;
  padding: 4px;*/
  z-index: 1;
  text-align: left;
}
/*.globalMenu-category li {
  background: #fff;
}*/
.pc-mode .globalMenu-category > ul > li:first-child {
  display: none;
}
.pc-mode .globalMenu-category:hover ul {
  display: inline-block;
  position: absolute;
  min-width: 10em;
  top: 100%;
  left: 0;
}
.pc-mode .globalMenu-category-tr:hover ul {
  left: auto;
  right: -238px;
}
.pc-mode .globalMenu-category-tr.last-child:hover ul {
  left: auto;
  right: 0;
}
.pc-mode .globalMenu-category-tr ul {
  width: 35em;
}
.pc-mode .globalMenu-category-tr li {
  width: 50%;
  float: left;
}
.mobile-mode .globalMenu-category ul {
  background: #b399cc;
  margin-top: 38px;
  padding: 4px;
}
.mobile-mode .globalMenu-category li {
  background: #ffffff;
}

.globalMenu-category > ul > li > a {
  display: block;
  background: url(../images/tri_pu.png) no-repeat 10px center;
}
.pc-mode .globalMenu-category > ul > li > a {
  line-height: 100%;
  white-space: nowrap;
  padding: 10px 20px 10px 30px;
  background: none;
  color: #111111;
}
.pc-mode .globalMenu-category > ul > li > a:hover {
  text-decoration: none;
}
.mobile-mode .globalMenu-category > ul > li > a {
  line-height: 1.5;
  padding: 5px 20px 5px 30px;
}
.globalMenu-category > ul > li:first-child > a {
  font-size: 1.25em;
  background: url(../images/tri_menu_vi.png) no-repeat 5px center;
  background-color: #e7dff7;
  border-bottom: 1px solid #b399cc;
}
.globalMenu-category li:hover > a {
  background-color: #e7dff7;
}

.pc-mode .globalMenu-category > ul > li > a {
  background: url(../images/tri_pu_v2.png) no-repeat 10px center;
}
.pc-mode .globalMenu-category > ul > li > a:hover {
 opacity: 0.6;
}
.pc-mode .globalMenu-category:nth-child(2) > ul {/*todoke*/
  border: 4px solid #bdc3ff;
  background-color: #e0e3ff;
}
.pc-mode .globalMenu-category:nth-child(3) > ul {/*fukushi*/
  border: 4px solid #b0d3da;
  background-color: #ccf0f7;
}
.pc-mode .globalMenu-category:nth-child(4) > ul {/*katei*/
  border: 4px solid #dad297;
  background-color: #fffbdc;
}
.pc-mode .globalMenu-category:nth-child(5) > ul {/*kurashi*/
  border: 4px solid #b7dc9e;
  background-color: #daf5c8;
}
.pc-mode .globalMenu-category:nth-child(6) > ul {/*est*/
  border: 4px solid #e5b9b2;
  background-color: #fbdeda;
}
.pc-mode .globalMenu-category:nth-child(7) > ul {/*shibuya*/
  border: 4px solid #e8bbcc;
  background-color: #ffe4ee;
}
.pc-mode .globalMenu-category:nth-child(8) > ul {/*kusei*/
  border: 4px solid #d4afea;
  background-color: #f1daff;
}

/* 緊急情報 */
.Emergency {
  border: 4px solid #AE0000;
}

.Emergency h2 {
  margin: 0;
  border-top: none;
  border-bottom: 1px solid #AE0000;
  background-image: none;
  color: #AE0000;
  padding: 0.3em 1em 0.1em 1em;
}

.Emergency ul {
  margin: 1em 1em 0.2em;
  padding: 0 0 0.5em 0 !important;
  line-height: 160%;
}

.Emergency li {
  list-style: none !important;
  margin: 0px 0px 0.2em 3px;
  padding-left: 12px;
  background: url('../images/tri_red.gif') no-repeat scroll 0px 0.3em transparent;
}

/* フッタ部 */

#FooterArea {
  clear: both;
  padding-bottom: 3em;
  border-top: 10px solid #666666;
  background: #E5E5E5;
}
.pc-mode #FooterArea {
  width: 1010px;
  margin: 0 auto;
}

#Footer {
  margin: 0 auto;
}

.PageUp {
  margin: 0;
  color: #fff;
  font-size: 90%;
  text-align: right;
}

.PageUp span {
  border-bottom: 1px solid;
}

.PageUp a {
  padding: 8px;
  background: #666666;
  color: #fff;
  text-decoration: none;
}

.PageUp img {
  vertical-align: middle;
}

.FooterLogo {
  float: left;
}

.FooterInfo {
  float: left;
  font-size: 90%;
}

.InfoArea {
  margin-bottom: 1em;
  background: #fff;
  line-height: 1.5;
  clear: both;
}

.MapRoot {
  float: left;
  margin: 0 1em 1em 0;
  background: #ffffff;
  border: 1px solid #666666;
  border-radius: 5px;
}

.MapRoot a {
  color: #000000;
  display:block;
  padding: 8px 16px;
  text-decoration: none;
}

/*
.MapRoot .In01 { background: url(../images/kado_p01.gif) no-repeat left top; }
.MapRoot .In02 { background: url(../images/kado_p02.gif) no-repeat right top; }
.MapRoot .In03 { background: url(../images/kado_p04.gif) no-repeat left bottom; }
.MapRoot .In04 { background: url(../images/kado_p03.gif) no-repeat right bottom; }
*/

.site_policy {
  float: left;
  margin: 9px 0;
}
.site_policy > a {
  text-decoration: none;
  padding-left: 15px;
  background: url(../images/tri_pu_v2.png) no-repeat 0 0.3em;
}


.InfoArea .In01{ background: url(../images/kado01.gif) no-repeat left top; }
.InfoArea .In02{ background: url(../images/kado02.gif) no-repeat right top; }
.InfoArea .In03{ background: url(../images/kado03.gif) no-repeat left bottom; }
.InfoArea .In04{ background: url(../images/kado04.gif) no-repeat right bottom; }

.InfoArea p {
  padding: 16px;
}

/* 左ナビ */
.LeftNavi ul, .RightNavi > ul {
  margin: 0 0 1em;
}
.pc-mode .LeftNavi {
  float: left;
  width: 200px;
  margin-left: 30px;
}

.pc-mode .BannerBox1 > .SideBanner {
  margin: 5px 0 0;
}
.mobile-mode .BannerBox1 > .SideBanner {
  width: 50%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid transparent;
  margin: 10px 0 0;
}
.mobile-mode .BannerBox1 img {
  width: 100%;
  height: auto;
}

.GrayIconUL > li, .PurpleIconUL > li, .RedIconUL > li {
  margin: 0 0 0.2em 3px;
  padding-left: 12px;
}
.GrayIconUL > li {
  background: url(../images/tri_gray.gif) no-repeat 0 0.3em;
}
.PurpleIconUL > li {
  background: url(../images/tri_pu.gif) no-repeat 0 0.3em;
}
.RedIconUL > li {
  background: url(../images/tri_red.gif) no-repeat 0 0.3em;
}
.Panel > .PurpleIconUL {
  background: #fff;
  padding: 10px 5px;
}
.Panel > .PurpleIconUL > li {
  margin-top: 10px;
}
.Panel > .PurpleIconUL > li:first-child {
  margin-top: 0;
}

.LeftNavi > hr, .RightNavi > hr {
  border: none;
  border-top: 1px solid #898989;
  margin: 20px 0;
}

.EmOutBox {
  margin: 10px 0;
  border: 1px solid #990000;
}
.EmInBox {
  padding: 8px;
  border: 4px solid #DBB4B4;
}
.EmInBox h2 {
  color: #990000;
  font-size: 98%;
}
.EmInBox ul {
  margin: 0.4em 0;
}

h2.Side {
  margin: 0.4em 0;
  padding: 8px 6px;
  border: 1px solid #C1B3DB;
  background: #F0E8FF;
  color: #2B2B2B;
  font-size: 110%;
  font-weight: bold;
}

h2.Side span {
  padding-left: 8px;
  border-left: 4px solid #6341A5;
}

.AddressInfo {
  margin-bottom: 1em;
  background: #e5e5e5;
  line-height: 1.5;
}
.AddressInfo .In01{ background: url(../images/kado_g01_na.gif) no-repeat left top; }
.AddressInfo .In02{ background: url(../images/kado_g02_na.gif) no-repeat right top; }
.AddressInfo .In03{ background: url(../images/kado_g03_na.gif) no-repeat left bottom; }
.AddressInfo .In04{ background: url(../images/kado_g04_na.gif) no-repeat right bottom; }
.AddressInfo p {
  padding: 6px 15px;
}

/* メイン */

.pc-mode .TopMain {
  float: left;
  width: 490px;
  margin-left: 20px;
}

/* タブ */
.tab {
  margin: 0 0 1em 0;
}

.tab-controls > li {
  float: left;
  cursor: pointer;
  height: 40px;
  border-right: 1px solid #898989;
}
.tab-controls > li:first-child {
  margin-left: 0;
}

.tab dt {
  float: left;
  clear: both;
  width: 5.5em;
  padding: 4px 10px 4px 0;
}

.tab dd {
  display: block;
  margin: 0;
  padding: 4px 0 4px 6.5em;
  background: url(../images/tri_pu.gif) no-repeat 5em 0.6em;
  border-bottom: 1px dotted #898989;
}

.tab-controls a {
  line-height: 40px;
  margin-left: 16px;
  padding-left: 7px;
  font-weight: bold;
  text-decoration: none;

  color: #535353;
  border-left: 5px solid #6341a5;
}

.tab-controls .tab-selected > a {
  color: #fff;
  border-left: 5px solid #fff;
}

.tab-panel {
  padding: 16px;

  border-left: 1px solid #898989;
  border-right: 1px solid #898989;
  border-bottom: 1px solid #898989;
}
.tab-panel li {
  background: url(../images/tri_pu.gif) no-repeat 0 0.6em;
  padding: 4px 1em;
  border-top: 1px dotted #898989;
}
.tab-panel li:first-child {
  border-top: none;
}

.tab-panel-footer {
  background: #fff;
  margin-top: -1px;
  min-height: 1px;
}

.tab .ShowList {
  clear: both;
  float: right;
  margin: 0.5em 0 0 0;
}

.tab .ShowList > a {
  display: block;
  padding: 4px 4px 4px 14px;
  border: 1px solid #898989;
  background: url(../images/tri_gray.gif) no-repeat 4px center;
  font-size: 90%;
  text-decoration: none;
}

/* 便利ガイド */
h2.Guide {
  font-size: 1.25em;
  line-height: 1.25;
  vertical-align: middle;
  margin-bottom: 8px;
  padding: 8px 12px;
  background: #67349A url(../images/guide_bg.jpg) repeat-x 0 0;
  color: #fff;
}

h2.Guide span {
  display: block;
  padding: 0 0 0 8px;
  border-left: 4px solid #fff;
}

.GuideOutBox {
  background: #eee;
}

.GuideInBox {
  margin: 0 8px 8px 8px;
  background: #fff;
}

.GuideInBox h3 {
  clear: both;
  padding: 12px 14px 4px 50px;
  font-weight: bold;
}

.GuideInBox ul {
  padding: 1em 0 8px;
  margin: 0 14px 8px;
}

.Scene h3 {
  background: url(../images/ico_scene.gif) no-repeat 14px 6px;
}
.Scene ul {
  border-top: 1px solid #FF99BD;
}
.Scene li {
  width: 74px;
  text-align: center;
}
.Scene li a {
  display: block;
  font-size: 76%;
  text-align: center;
  margin: 8px 0;
}
.Scene li a:first-child {
  margin: 0;
}
.Scene a span {
  display: block;
  margin: 8px 0;
}
.mobile-mode .Scene ul {
  text-align: center;
}
.mobile-mode .Scene ul li {
  display: inline-block;
}
.mobile-mode .GuideOutBox {
  margin: 0 5px 1em;
}
.mobile-mode .GuideInBox:not(.Scene) li {
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 50%;
}

.MainTodokede h3 {
  background: url(../images/ico_todokede.gif) no-repeat 14px 7px;
}
.MainTodokede ul {
  border-top: 1px solid #5F52A0;
}

.MainItem h3 {
  background: url(../images/ico_item.gif) no-repeat 12px 7px;
}
.MainItem ul {
  border-top: 1px solid #66B9CB;
}

.MainShisetsu h3 {
  background: url(../images/ico_shisetsu.gif) no-repeat 14px 11px;
}
.MainShisetsu ul {
  border-top: 1px solid #00B7EE;
}

.MainTodokede li {
  width: 28%;
  margin-bottom: 0.8em;
  padding: 0 0 0 22px;
  background: url(../images/tri_vi.gif) no-repeat 0 0;
  font-size: 90%;
}

.MainItem li {
  width: 45%;
  margin-bottom: 0.8em;
  padding: 0 0 0 22px;
  background: url(../images/tri_bg.gif) no-repeat 0 0;
  font-size: 90%;
}

.MainShisetsu li {
  width: 45%;
  margin-bottom: 0.8em;
  padding: 0 0 0 22px;
  background: url(../images/tri_bu.gif) no-repeat 0 0;
  font-size: 90%;
}

/* トップ右ナビ */
.pc-mode .RightNavi {
  width: 220px;
  float: right;
  margin-right: 30px;
}

.PhotoArea {
  background: #EEEEEE;
  padding: 10px 15px;
}

.PhotoArea > h2 {
  border-bottom: 2px solid #fff;
  background: url(../images/ico_camera.gif) no-repeat 0 1px;
  padding: 0 0 6px 36px;
  margin-bottom: 8px;
  font-size: 110%;
}

.PhotoArea > h2 > a {
  background: url(../images/tri_photo.gif) no-repeat right center;
  display: block;
  color: #000;
}

.PhotoArea-PhotoContainer {
  text-align: center;
  margin-bottom: 8px;
}

.PhotoArea-Photo {
  border: 1px solid #a9a9a9;
  height: auto;
  max-width: 100%;
}

.PhotoArea > p {
  background: url(../images/dot_gray.gif) no-repeat 0 center;
  padding-left: 18px;
  margin-left: 11px;
}

.RightNavi > .Panel {
  background: #f0e8ff;
  margin: 12px 0;
  padding: 0 10px 12px;
}
.RightNavi > .Panel-NoTitle {
  padding-top: 12px;
}
.RightNavi > .Panel h2.Side {
  border-color: transparent;
}

.LeftNavi .SideBanner {
  margin: 12px 0;
}
.RightNavi .SideBanner {
  margin: 5px 0;
}
.SideBanner {
  text-align: center;
}

.TextBanner01 {
  background: url(../images/mk_bg.png);
  border: 1px solid #a0a0a0;
  height: 48px;
  text-align: left;
}
.TextBanner01 > a {
  line-height: 48px;
  height: 100%;
  display: block;
  padding-left: 48px;
  text-decoration: none;
  color: #000;
}
.TextBanner01 > a > span {
  border-left: 1px solid #a0a0a0;
  display: inline-block;
  line-height: 36px;
  margin-top: 5px;
  padding-left: 6px;
}
.TextBanner01-Kucho > a {
  background: url(../images/mk01_kucho.png) no-repeat 6px;
}
.TextBanner01-Gikai > a {
  background: url(../images/mk02_gikai.png) no-repeat 6px;
}
.TextBanner01-Kyoiku > a {
  background: url(../images/mk03_kyoiku.png) no-repeat 6px;
}
.TextBanner01-Jigyo > a {
  background: url(../images/mk04_jigyo.png) no-repeat 6px;
}

/* あいりっすんバナー */
.TextBanner02 {
  width: 200px;
  height: 48px;
  background: url(../images/bnr_iris.png);
}
.TextBanner02 > a {
  line-height: 34px;
  display: block;
  padding-left: 48px;
  padding-top: 14px;
  text-decoration: none;
  color: #000;
}
.mobile-mode .TextBanner02 {
  margin-left: auto;
  margin-right: auto;
}

.RightNavi .TextBanner02 {
  margin-top: 15px;
}

.TextBanner03 {
  height: 40px;
  line-height: 40px;
  text-align: left;
  border: 1px solid #898989;
}
.TextBanner03 > a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 10px;
}
.TextBanner03-News {
  background: #ddcbff url(../images/bg_news.png) no-repeat right;
 
}
.TextBanner03-Twitter {
  background: #c7eafa url(../images/bg_twitter.png) no-repeat right;
}

/* PC版 */
.pc-mode #Footer {
  width: 952px;
}

.pc-mode .FooterInfo {
  margin-left: 20px;
}

.pc-mode .PhotoArea {
  width: 190px;
}

.pc-mode .GuideOutBox {
  margin: 0 0 1em 0;
}

.pc-mode .GuideInBox ul li {
  float: left;
}

.pc-mode .tab-controls > li {
  width: 245px;
  margin-left: -1px;
}

.pc-mode .tab-controls > li:first-child {
  width: 244px;
  margin-left: 0px;
}

.pc-mode .tab-controls > li {
  background-image: url(../images/tab_bg02.png);
}

.pc-mode .tab-controls > .tab-selected {
  background-image: url(../images/tab_bg01.png);
}

.pc-mode .SideBanner:first-child {
  margin-top: 0
}

/* スマートフォン版 */
.mobile-mode {
  -webkit-text-size-adjust: 100%;
}

.mobile-mode .only-for-pc {
  display: none !important;
}

.mobile-mode #GlobalNavi {
  margin: 10px 0;
}

.mobile-mode #URNavi {
  background: #7a7a7a;
  padding: 1em;
}




.mobile-mode .Emergency {
  margin: 5px;
}


.mobile-mode .LeftNavi, .mobile-mode .RightNavi, .mobile-mode .FooterLogo, .mobile-mode .FooterInfo {
  margin: 0 5px;
}


.mobile-mode .tab {
  margin: 0 5px 5px;
}
.mobile-mode .tab-controls > li {
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;

  border: solid #898989;
  border-width: 1px 0;

  background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#DCDCDC));
  background: -webkit-linear-gradient(#FEFEFE, #DCDCDC);
  background: linear-gradient(#FEFEFE, #DCDCDC);
}
.mobile-mode .tab-controls > li {
  border-right-width: 1px;
}

.mobile-mode .tab-controls > .tab-selected {
  background: -webkit-gradient(linear, left top, left bottom, from(#A17DC7), to(#67349A));
  background: -webkit-linear-gradient(#A17DC7, #67349A);
  background: linear-gradient(#A17DC7, #67349A);
}


.mobile-mode .tab-controls > li:first-child {
  border-left: 1px solid #898989;
}

.mobile-mode .GuideInBox:not(.Scene) h3::after {
  content: '';
  background: url(../images/icon_open.png) right center;
  background-size: 22px 15px;
  width: 22px;
  height: 15px;
  float: right;
 
  -webkit-transition: all 250ms;
  transition: all 250ms;
}
.mobile-mode .GuideInBox h3.accordion-opened::after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.mobile-mode .PageUp > a {
  float: right;
  padding-top: 0;
}

.mobile-mode .FooterLogo {
  margin-top: 15px;
  margin-bottom: 15px;
}

.js-mode-switch {
  clear: both;
  text-align: center;
}
.js-mode-switch button {
  margin: 1em;
}
.js-switch-to-mobilemode {
  font-size: xx-large;
}
.js-switch-to-pcmode {
  font-size: large;
}

/* JavaScriptオフ時用 */

.noscript .tab-controls {
  display: none;
}

.noscript .tab-panel {
  margin-bottom: 1em;
}

.noscript h2.Guide {
  margin-bottom: 0;
}

/* 印刷関連 */
@media print {
  html, body, #HeaderArea, #FooterArea {
    background: none !important;
  }
  .HeadLinkArea, #GlobalNavi, #SideNavi, #FooterMenu {
    display: none !important;
  }
  #MainContent {
    margin: 0 !important;
  }
}