@charset "Shift_JIS";


/* 追って統合 base.cssに統合 */
@import url("./tool.css");


/*
■ 基本構造（QUICK移動：CMD＋E → CMD＋G）
ページ全体（Wrapper）
スマホ版を表示（ViewSP）
ヘッダー（Header）
グローバルナビ（GlobalNav）
検索（Search）
最近チェックした商品（History）
ページの先頭へ（PageTop）
フッター（Footer）
ヘッダー・フッター以外の領域指定（Stage）
パン屑リスト（TopicPath）
サイドナビ（SideNav）
コンテンツ領域（Contents）
見出し（h1〜）
基本セクション（SectionBasic）
サブセクション（SectionSub）
メインリード（LeadMain）
表組み
テキストリンクアイコン
SNSボタン調整
罫線 
モーダルウインドウ（leanModal）
テキスト・リンク色
*/

/*
■ パーツ（QUICK移動：CMD＋E → CMD＋G）　※パーツは原則編集不可！！！
回り込み
左右ボックス
リスト型メニュー
リスト各種
記述リスト
表組み
ページネーション
よくある質問
SNSシェアボタン
検索窓
個別調整
*/

/*
■ リセット
*/

/*
【フォントサイズ早見表】
font-size percent/px (100% = 14px)
 72% = 10px
 79% = 11px
 86% = 12px
 93% = 13px
100% = 14px
108% = 15px
115% = 16px
122% = 17px
129% = 18px
136% = 19px
143% = 20px
150% = 21px
158% = 22px
165% = 23px
172% = 24px
179% = 25px
186% = 26px
193% = 27px
200% = 28px
207% = 29px
214% = 30px
*/



/* 基本構造 ==================================================================================== */


/* ページ全体（Wrapper） --------------------------------------------------- */

#Wrapper {
}


/* スマホ版を表示（ViewSP） --------------------------------------------------- */
#ViewSP {
width: 100%;
padding: 30px 0;
text-align: center;
background: #b9b9b9;
}



/* ヘッダー（Header） --------------------------------------------------- */

#Header {
width: 100%;
}

#HeaderUnit {
width: 940px;
height: 115px;
margin: 0 auto;
overflow: hidden;
}

/* Logo */
#HeaderUnit .Logo {
float: left;
width: 365px;
margin: 10px 0 0 0;
}

/* 購入フロー用 */
.Header2 {
margin: 0 0 50px 0;
border-bottom: 1px solid #e6e6e6;
}

.Header2 #HeaderUnit .Logo {
margin: 25px 0 0 0;
}

#HeaderUnit .Logo .TagLine {
display: block;
margin: 0 0 9px 0;
font-size: 11px;
line-height: 1.0em;
font-weight: normal;
color: #8b8b8b;
}

#HeaderUnit .Logo a {
display: block;
float: left;
width: 320px;
height: 65px;
text-indent: -9999px;
background: url(../images/common/header/Logo.png?ver=201130) no-repeat;
}

/* SubNav */
#HeaderUnit .SubNav {
float: left;
width: 420px;
margin: 27px 25px 0 0;
}

#HeaderUnit .SubNav li {
display: inline;
zoom: 1;
}

/* CSS Sprite */
#HeaderUnit .SubNav li a {
display: block;
float: left;
height: 35px;
margin: 0 0 13px 0;
text-indent: -9999px;
background: url(../images/common/header/SubNav.png) no-repeat;
overflow: hidden;
}

/* Normal */
#HeaderUnit .SubNav li.Menu1 a {
width: 107px;
background-position: 0 0;
}

#HeaderUnit .SubNav li.Menu2 a {
width: 103px;
background-position: -107px 0;
}

#HeaderUnit .SubNav li.Menu3 a {
width: 95px;
background-position: -210px 0;
}

#HeaderUnit .SubNav li.Menu4 a {
width: 115px;
background-position: -305px 0;
}

/* Hover */
#HeaderUnit .SubNav li.Menu1 a:hover {
background-position: 0 -35px;
}

#HeaderUnit .SubNav li.Menu2 a:hover {
background-position: -107px -35px;
}

#HeaderUnit .SubNav li.Menu3 a:hover {
background-position: -210px -35px;
}

#HeaderUnit .SubNav li.Menu4 a:hover {
background-position: -305px -35px;
}

/* UserName */
#HeaderUnit .SubNav .User {
display: table;
width: 420px;
}

#HeaderUnit .SubNav .User .UserName {
display: table-cell;
width: 260px;
padding: 0 0 0 6px;
font-size: 86%;
line-height: 1.4em;
}

#HeaderUnit .SubNav .User .UserName .SubLink {
display: inline-block;
}

#HeaderUnit .SubNav .User .Coupon {
display: table-cell;
width: 160px;
font-size: 82%;
line-height: 1.4em;
text-align: right;
}

#HeaderUnit .SubNav .User .Coupon a {
padding: 3px 10px 3px 16px;
border: 1px solid #afc5db;
border-radius: 20px;
font-weight: bold;
background: url(../images/common/icon/Icon_LinkAllowSS.png) no-repeat;
background-position: 8px 50%;
}

#HeaderUnit .SubNav .User .Coupon a:hover {
border: 1px solid #337bc6;
text-decoration: none;
}

/* Cart */
#HeaderUnit .Cart {
float: left;
width: 130px;
margin: 20px 0 0 0;
}

#HeaderUnit .Cart .Price {
display: table;
width: 100%;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #e6e6e6;
font-size: 12px;
line-height: 1.4em;
}

#HeaderUnit .Cart .Price .Mds {
display: table-cell;
width: 45%;
}

#HeaderUnit .Cart .Price .Amount {
display: table-cell;
width: 60%;
text-align: right;
}

#HeaderUnit .Cart .Price .Amount strong {
margin: 0 1px 0 0;
font-size: 15px;
}

#HeaderUnit .Cart .Notice {
margin: 0 0 8px 0;
font-size: 79%;
line-height: 1.4em;
text-align: center;
white-space: nowrap;
color: #e90000;
}

#HeaderUnit .Cart .BtnCart a {
display: block;
width: 130px;
height: 25px;
text-indent: -9999px;
background: url(../images/common/header/Btn_Cart.png) no-repeat;
overflow: hidden;
}

#HeaderUnit .Cart .BtnCart a:hover {
background-position: 0 -25px;
}


/* グローバルナビ（GlobalNav） --------------------------------------------------- */

#GlobalNav {
width: 100%;
height: 45px;
margin: 0 0 0 0;
background: url(../images/common/header/Texture_GlovalNavBg.png) repeat-x center center;
overflow: hidden;
}

#GlobalNavUnit {
width: 940px;
height: 45px;
margin: 0 auto 0 auto;
padding: 0;
}

#GlobalNavUnit li {
display: inline;
zoom: 1;
}

/* CSS Sprite */
#GlobalNavUnit li a {
float: left;
display: block;
height: 45px;
text-indent: -9999px;
background: url(/images/common/header/GlobalNav.png?ver=200401) no-repeat;
overflow: hidden;
}

#GlobalNavUnit.TestB li a {
background: url(/images/common/header/GlobalNavB.png?ver=200401) no-repeat;
}

/* Normal */
#GlobalNavUnit li.Menu1 a {
width: 236px;
background-position: 0 0;
}

#GlobalNavUnit li.Menu2 a {
width: 235px;
background-position: -236px 0;
}

#GlobalNavUnit li.Menu3 a {
width: 235px;
background-position: -471px 0;
}

#GlobalNavUnit li.Menu4 a {
width: 234px;
background-position: -706px 0;
}

/* Hover */
#GlobalNavUnit li.Menu1 a:hover {
background-position: 0 -45px;
}

#GlobalNavUnit li.Menu2 a:hover {
background-position: -236px -45px;
}

#GlobalNavUnit li.Menu3 a:hover {
background-position: -471px -45px;
}

#GlobalNavUnit li.Menu4 a:hover {
background-position: -706px -45px;
}


/* 検索（Search） --------------------------------------------------- */

#Search {
width: 100%;
margin: 0 0 12px 0;
padding: 15px 0;
border-bottom: 1px solid #e6e6e6;
background: none;
/* background: url(/images/common/header/Texture_SearchPhoto.png?ver=201001) no-repeat center bottom; */
}

#SearchUnit {
width: 940px;
margin: 0 auto;
}

#SearchUnit span.customSelect,
#SearchUnit .InputText {
margin-right: 3px;
}

#SearchUnit select:nth-of-type(1) {
width: 250px;
}

#SearchUnit .InputText {
width: 200px;
height: 25px !important;
font-size: 12px;
line-height: 2.0em !important;
}


/* 最近チェックした商品（History） --------------------------------------------------- */

#History {
width: 100%;
margin: 0 0 0 0;
background: #f6f6f6;
}

#HistoryUnit {
width: 940px;
margin: 0 auto;
padding: 25px 0 5px 0;
}

#HistoryUnit h2 {
margin: 0 0 25px 0;
padding: 0 0 0 28px;
background: url(../images/common/icon/Icon_History.png) no-repeat;
background-position: 0 6px;
}

.Win #HistoryUnit h2 {
background-position: 0 4px;
}

#HistoryUnit .ItemList {
margin-bottom: 30px;
}

#HistoryUnit .ItemList li {
/*
width: 160px;
margin: 0 0 0 35px;
*/
}

#HistoryUnit .ItemList li .ItemPhoto img {
width: 160px;
height: 160px;
}


/* ページの先頭へ（PageTop） --------------------------------------------------- */

#PageTop {
position: fixed;
right: 30px;
bottom: -100px;
cursor: pointer;
}


/* フッター（Footer） --------------------------------------------------- */

#Footer {
width: 100%;
margin: 0 0 0 0;
padding: 15px 0 0 0;
border-top: 1px solid #e6e6e6;
}

/* SubNav1 */
#Footer .SubNav1 {
margin: 0 0 40px 0;
text-align: center;
}

#Footer .SubNav1 li {
display: inline-block;
margin: 0 8px;
font-size: 86%;
}

#Footer .SubNav1 li a {
padding: 0 0 0 8px;
background: url(../images/common/icon/Icon_LinkAllowSS.png) no-repeat;
background-position: 0 3px;
}

#Footer .SubNav1 li a:link,
#Footer .SubNav1 li a:active,
#Footer .SubNav1 li a:visited {
color: #000;
}

#Footer .SubNav1 li a:hover {
color: #0059b5;
text-decoration: none;
}

/* SubNav2 */
#Footer .SubNav2 {
width: 940px;
margin: 0 auto 50px auto;
}

#Footer .SubNav2 .MdsAsobiba {
margin-bottom: 27px;
}

#Footer .SubNav2 li a {
display: block;
float: left;
height: 74px;
margin-right: 20px;
text-indent: -9999px;
background: url(../images/common/footer/Menu_AsobibaSite.jpg?170919) no-repeat;
overflow: hidden;
cursor: pointer;
}

#Footer .SubNav2 li:last-child a {
margin-right: 0;
}

#Footer .SubNav2 li.Menu1 a {
width: 300px;
background-position: 0 0;
}

#Footer .SubNav2 li.Menu2 a {
width: 300px;
background-position: -320px 0;
}

#Footer .SubNav2 li.Menu3 a {
width: 300px;
background-position: -640px 0;
}

/* SubNav3 */
#Footer .SubNav3 {
margin-bottom: 50px;
text-align: center;
}

#Footer .SubNav3 .Menu1 {
margin-bottom: 50px;
}

/* SubNav4 */
#Footer .SubNav4 {
margin-bottom: 50px;
text-align: center;
}

#Footer .SubNav4 .Mds {
margin-bottom: 10px;
}

#Footer .SubNav4 li {
display: inline;
width: 29px;
margin-right: 12px;
}

#Footer .SubNav4 li:last-child {
margin-right: 0;
}

#Footer .SubNav4 li img {
width: auto;
height: 29px;
vertical-align: middle;
}

#Footer .SubNav4 li.Menu1 img {
padding: 1px;
box-sizing: border-box;
}

/* TagLine */
#Footer .TagLine {
margin: 0 0 20px 0;
font-size: 79%;
text-align: center;
color: #8b8b8b;
}

/* Credit */
#Footer .Credit {
width: 100%;
height: 50px;
padding: 22px 0 0 0;
background: url(../images/common/footer/Texture_CopyrightBg.png) repeat-x center center;
overflow: hidden;
}

#Footer .Credit .Copyright {
width: 280px;
height: 11px;
margin: 0 auto;
font-size: 79%;
text-indent: -9999px;
background: url(../images/common/footer/Txt_Copyright.png) no-repeat;
}



/* ヘッダー・フッター以外の領域指定（Stage） --------------------------------------------------- */

#Stage {
width: 940px;
margin: 0 auto 50px auto;
padding: 0;
}


/* パン屑リスト（TopicPath） --------------------------------------------------- */

.TopicPath {
/* margin: 0 0 15px 0; */
}

.TopicPath li {
display: inline;
padding: 0 0 0 1px;
font-size: 79%;
line-height: 1.5em;
}

.TopicPath li:first-child {
padding: 0 0 0 13px;
background: url(../images/common/icon/Icon_PathHome.png) no-repeat left center;
}

.TopicPath li.Current {
padding: 0 0 0 1px;
}

.TopicPath li a {
padding: 0 12px 0 0;
background: url(../images/common/icon/Icon_PathAllow.png) no-repeat right center;
}


/* サイドナビ（SideNav） --------------------------------------------------- */

#SideNav {
float: left;
width: 200px;
margin: 15px 0 0 0;
}

/* カテゴリメニュー */
#SideNav .CategoryMenu {
margin: 0 0 11px 0;
padding: 0 0 5px 0;
background: url(../images/common/sidenav/Texture_SideNavBg.png) no-repeat left bottom;
}

#SideNav .CategoryMenuWrap {
padding: 6px 0 0 0;
background: url(../images/common/sidenav/Texture_MdsNoneBg.png) no-repeat left top;
}

#SideNav .CategoryMenu h2 img {
width: 200px;
height: auto;
}

#SideNav .CategoryMenu ul {
width: 190px;
margin: 0 auto;
}

#SideNav .CategoryMenu ul li {
border-top: 1px solid #e6e6e6;
}

#SideNav .CategoryMenu li:first-child {
border-top: none;
}

#SideNav .CategoryMenu li a {
display: block;
padding: 10px 15px 10px 11px;
font-size: 93%;
line-height: 1.5em;
font-weight: bold;
background: url(../images/common/icon/Icon_LinkAllowLR.png) no-repeat;
background-position: 178px 50%;
}

#SideNav .CategoryMenu li a:link {
color: #000;
text-decoration: none;
}

#SideNav .CategoryMenu li a:active {
color: #000;
text-decoration: none;
}

#SideNav .CategoryMenu li a:visited {
color: #000;
text-decoration: none;
}

#SideNav .CategoryMenu li a:hover {
color: #0059b5;
text-decoration: none;
}

/* サブカテゴリメニュー */
#SideNav .SubCategoryMenu {
margin: 0 0 11px 0;
}

#SideNav .SubCategoryMenu h2 {
margin: 0 0 8px 0;
}

#SideNav .SubCategoryMenu h2 img {
width: 200px;
height: auto;
}

#SideNav .SubCategoryMenu ul {
margin: 0 0 0 5px;
}

#SideNav .SubCategoryMenu ul li {
border-top: 1px solid #e6e6e6;
}

#SideNav .SubCategoryMenu li:first-child {
border-top: none;
}

#SideNav .SubCategoryMenu li a {
display: block;
padding: 8px 0 8px 12px;
font-size: 86%;
line-height: 1.5em;
background: url(../images/common/icon/Icon_LinkAllowSS.png) no-repeat;
background-position: 0 50%;
}

#SideNav .SubCategoryMenu li.Current a {
font-weight: bold;
}

#SideNav .SubCategoryMenu li a:link,
#SideNav .SubCategoryMenu li a:active,
#SideNav .SubCategoryMenu li a:visited {
color: #000;
text-decoration: none;
}

#SideNav .SubCategoryMenu li a:hover {
color: #0059b5;
text-decoration: none;
}

/* サブメニュー */
#SideNav .SubMenu {
margin: 0 0 12px 0;
}

#SideNav .SubMenu li a {
display: block;
width: 200px;
height: 50px;
text-indent: -9999px;
background: url(../images/common/sidenav/Menu_SideMenu.png) no-repeat;
overflow: hidden;
}

#SideNav .SubMenu li.Menu1 a {
background-position: 0 0;
}

#SideNav .SubMenu li.Menu2 a {
background-position: 0 -50px;
}

#SideNav .SubMenu li.Menu3 a {
background-position: 0 -100px;
}

#SideNav .SubMenu li.Menu4 a {
background-position: 0 -150px;
}

#SideNav .SubMenu li.Menu1 a:hover {
background-position: -200px 0;
}

#SideNav .SubMenu li.Menu2 a:hover {
background-position: -200px -50px;
}

#SideNav .SubMenu li.Menu3 a:hover {
background-position: -200px -100px;
}

#SideNav .SubMenu li.Menu4 a:hover {
background-position: -200px -150px;
}

/* ご利用ガイド */
#SideNav .Guide {
margin: 0 0 30px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #e1e1e1;
}

#SideNav .Guide h2 {
padding: 0 0 10px 0;
}

#SideNav .Guide h2 img {
width: 200px;
height: auto;
}

#SideNav .Guide ul {
padding: 0 0 0 10px;
}

#SideNav .Guide li a {
display: block;
margin: 8px 0;
padding: 0 0 0 12px;
font-size: 79%;
line-height: 1.5em;
background: url(../images/common/icon/Icon_LinkAllowSS.png) no-repeat;
background-position: 2px 50%;
}

#SideNav .Guide li.ToList {
text-align: right;
}

#SideNav .Guide li.ToList a {
display: inline-block;
margin: 15px 0 0 0;
padding: 0 0 0 18px;
font-size: 12px;
font-weight: bold;
background: url(../images/common/icon/Icon_LinkAllowCircleM.png) no-repeat;
background-position: 0 50%;
}

#SideNav .Guide li a:link {
color: #000;
text-decoration: none;
}

#SideNav .Guide li a:active {
color: #000;
text-decoration: none;
}

#SideNav .Guide li a:visited {
color: #000;
text-decoration: none;
}

#SideNav .Guide li a:hover {
color: #0059b5;
text-decoration: none;
}

/* バナー */
#SideNav .BnrUnit1 li,
#SideNav .BnrUnit2 li {
margin: 0 0 10px 0;
}

#SideNav .BnrUnit1 li img,
#SideNav .BnrUnit2 li img {
width: 200px;
height: auto;
}


/* 商品詳細ページ：カートユニット（SideCartUnit）  --------------------------------------------------- */

#SideCartUnit {
float: right;
width: 240px;
}


/* コンテンツ領域（Contents）  --------------------------------------------------- */

#Contents {
float: right;
width: 700px;
margin: 15px 0 0 0;
}

/* 商品詳細ページ */
#ContentsItemDetail {
float: left;
width: 660px;
margin: 15px 0 0 0;
}

/* 左カラム無し */
#ContentsNoSide {
width: 940px;
margin: 15px auto 0 auto;
}


/* 見出し（h1〜）  --------------------------------------------------- */

/* h1 */
h1 {
font-size: 143% !important;
line-height: 1.4em !important;
}

/* h2 */
h2 {
font-size: 143% !important;
line-height: 1.4em !important;
}



/* 基本セクション（SectionBasic）  --------------------------------------------------- */

.SectionBasic {
margin: 0 0 60px 0;
}


/* サブセクション（SectionSub）  --------------------------------------------------- */

.SectionSub {
margin: 0 0 30px 0;
}


/* メインリード（LeadMain） --------------------------------------------------- */

.LeadMain {
margin-bottom: 15px;
}


/* 表組み（Table1、Table2） --------------------------------------------------- */

/* Table1（項目：左） */
.Table1 {
border-left: solid 1px #b3cce6;
border-top: solid 1px #b3cce6;
}

.Table1 th {
padding: 8px 10px;
border-bottom: solid 1px #b3cce6;
background: #f2f2f2;
}

.Table1 td {
padding: 8px 10px;
border-right: solid 1px #b3cce6;
border-bottom: solid 1px #b3cce6;
background: #ffffff;
}

/* Table2（項目：上） */
.Table2 {
border-left: solid 1px #b3cce6;
border-top: solid 1px #b3cce6;
}

.Table2 th {
padding: 7px 20px;
border-right: solid 1px #b3cce6;
/* border-bottom: solid 1px #b3cce6; */
background: #f6f6f6;
}

.Table2 td {
padding: 15px 20px;
border-right: solid 1px #b3cce6;
border-bottom: solid 1px #b3cce6;
background: #ffffff;
}


/* テキストリンクアイコン --------------------------------------------------- */

/* 進む（LinkFwd） */
.LinkFwd a {
padding: 0 0 0 18px;
background: url(../images/common/icon/Icon_LinkAllowCircleM.png) no-repeat;
background-position: 0 50%;
}

/* 進む 右寄せ（LinkFwdR） */
.LinkFwdR {
text-align: right;
}

.LinkFwdR a {
padding: 0 0 0 18px;
font-weight: bold;
background: url(../images/common/icon/Icon_LinkAllowCircleM.png) no-repeat;
background-position: 0 50%;
}

/* 戻る（LinkBack） */
.LinkBack a {
padding: 0 0 0 18px;
font-weight: bold;
background: url(../images/common/icon/Icon_LinkAllowBack.png) no-repeat;
background-position: 0 50%;
}

/* 下へ（LinkBelow） */
.LinkBelow a {
padding: 0 0 0 18px;
font-weight: bold;
background: url(../images/common/icon/Icon_LinkAllowBelowM.png) no-repeat;
background-position: 0 50%;
}

/* 別ウインドウ（IconNewWin） */
.IconNewWin {
padding: 0 16px 0 0;
background: url(../images/common/icon/Icon_LinkNewWin.png?170324) no-repeat;
background-position: 100% 48%;
}

/* PDF（LinkPDF） */
.LinkPDF {
padding: 2px 0 0 22px;
background: url(../images/common/icon/Icon_LinkPdf.png) no-repeat left center;
}

/* jQueryで挿入するアイコン（/js/common.js参照） */
.IconPDF {
margin: 0 0 0 3px;
padding: 2px 0 0 22px;
background: url(../images/common/icon/Icon_LinkPdf.png) no-repeat left center;
}




/* 罫線  --------------------------------------------------- */

.BorderL:before {
content: "";
display: block;
width: 100%;
height: 3px;
margin: 0 0 0 0;
border-radius: 50px;
background: #337bc6;
}

hr { 
margin: 30px 0;
padding: 0;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #ccc;
}


/* モーダルウインドウ（leanModal） --------------------------------------------------- */

#lean_overlay {
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}


/* テキスト・リンク色  --------------------------------------------------- */

/* テキスト色 */
body {
color: #000;
}

/* アラート色 */
.Alert {
color: #e90000;
}

/* ListKomeAlert */
.ListKomeAlert li,
.ListKomeAlertS li,
.KomeAlertS {
color: #e90000;
}

/* リンク色  */
a:link {
color: #0059b5;
text-decoration: none;
}

a:active {
color: #0059b5;
text-decoration: none;
}

a:visited {
color: #0059b5;
text-decoration: none;
}

a:hover {
color: #0059b5;
text-decoration: underline;
}



/* パーツ ==================================================================================== */


/* 回り込み --------------------------------------------------- */

/* 左 */
.FloatL, .PhotoL {
float: left;
margin: 0 15px 10px 0;
}

/* 右 */
.FloatR, .PhotoR {
float: right;
margin: 0 0 10px 15px;
}


/* 左右ボックス --------------------------------------------------- */

.LRBox .LBox {
float: left;
}

.LRBox .RBox {
float: Right;
}


/* リスト型メニュー --------------------------------------------------- */

/* IndexMenu1 */
.IndexMenu li,
.IndexMenu1 li {
float: left;
}

.IndexMenu li.EndSide,
.IndexMenu1 li.EndSide {
margin-right: 0 !important;
}

/* IndexMenu2 */
.IndexMenu2 li {
float: left;
}

.IndexMenu2 li a {
display: block;
/* float: left; */
}

.IndexMenu2 li.EndSide {
margin-right: 0 !important;
}


/* リスト各種 --------------------------------------------------- */

/* ディスク通常（ListDisc） */
.ListDisc li {
margin-bottom: 5px;
padding-left: 13px;
line-height: 1.6em;
background: url(../images/common/icon/Icon_ListDisc.png) no-repeat top;
background-position: 0 6px;
}

.ListDisc li:last-child {
margin-bottom: 0;
}

/* ディスク小（ListDiscS） */
.ListDiscS li {
margin-bottom: 5px;
padding-left: 11px;
font-size: 13px;
line-height: 1.6em;
background: url(../images/common/icon/Icon_ListDiscS.png) no-repeat top;
background-position: 0 6px;
}

.ListDiscS li:last-child {
margin-bottom: 0;
}

/* ※印通常（ListKome） */
.ListKome li {
margin: 0 0 10px 0;
padding: 0 0 0 15px;
line-height: 1.6em;
background: url(../images/common/icon/Icon_ListKome.png) no-repeat top;
background-position: 0 6px;
}

/* ※印小（ListKomeS） */
.ListKomeS li {
margin-bottom: 5px;
padding: 0 0 0 14px;
font-size: 12px;
line-height: 1.6em;
background: url(../images/common/icon/Icon_ListKomeS.png) no-repeat top;
background-position: 0 4px;
}

/* ※印小 1行のみ（KomeS） */
.KomeS {
padding: 0 0 0 13px;
font-size: 12px;
line-height: 1.6em;
background: url(../images/common/icon/Icon_ListKomeS.png) no-repeat top;
background-position: 0 4px;
}

/* ※印赤（ListKomeAlert） */
.ListKomeAlert li {
margin: 0 0 10px 0;
padding: 0 0 0 15px;
line-height: 1.6em;
background: url(../images/common/icon/Icon_ListKomeAlert.png) no-repeat top;
background-position: 0 6px;
}

.ListKomeAlertS li {
margin: 0 0 10px 0;
padding: 0 0 0 13px;
font-size: 12px;
line-height: 1.6em;
background: url(../images/common/icon/Icon_ListKomeAlertS.png) no-repeat top;
background-position: 0 4px;
}

/* ※印赤 1行のみ（KomeAlertS） */
.KomeAlertS {
padding: 0 0 0 13px;
font-size: 12px;
line-height: 1.6em;
background: url(../images/common/icon/Icon_ListKomeAlertS.png) no-repeat top;
background-position: 0 4px;
}

/* 連番（ListNum） */
.ListNum li {
margin: 0 0 10px 1.6em;
padding: 0 0 0 0;
line-height: 1.6em;
list-style-type: decimal;
}


/* 記述リスト --------------------------------------------------- */

/* 左右 */
.DLHori dl {
display: table;
width: 100%;
}

.DLHori dt,
.DLHori dd {
display: table-cell;
margin: 0;
padding: 0;
line-height: 1.6em;
vertical-align: top;
}

.DLHori dt {
font-weight: bold;
}

/* 上下 */
.DLVert dt,
.DLVert dd {
margin: 0;
padding: 0;
line-height: 1.6em;
}

.DLVert dt {
font-weight: bold;
}


/* 表組み  --------------------------------------------------- */

/* Table1（項目：左） */
.Table1 {
width: 100%;
}

.Table1 th {
font-weight: bold;
text-align: left;
}

.Table1 td {
text-align: right;
}

/* Table2（項目：上） */
.Table2 {
width: 100%;
}

.Table2 th {
font-weight: bold;
text-align: center;
}

.Table2 td {
text-align: center;
}

/* ページネーション --------------------------------------------------- */

.PageNation {
margin: 20px 0 0 0;
}

.PageNation .Num {
float: left;
padding: 8px 0 4px 0;
font-size: 93%;
line-height: 1.0em;
}

.PageNation ul {
float: right;
}

.PageNation li {
float: left;
margin: 0 0 0 3px;
font-size: 93%;
line-height: 1.0em;
}

.PageNation li a {
display: block;
float: left;
padding: 6px 9px 6px 9px;
font-weight: bold;
color: #000;
}

.PageNation li a:hover {
border-radius: 3px;
color: #0059b5;
background: #e3e8e8;
text-decoration: none;
}

.PageNation li a.Current {
border-radius: 3px;
font-weight: bold;
color: #fff;
background: #337bc6;
}

.PageNation li.Prev a {
margin-right: 4px;
padding: 6px 8px 4px 17px;
border: 1px solid #b3cce6;
border-radius: 3px;
font-weight: normal;
color: #337bc6;
background: url(../images/common/icon/Icon_PageNationPrev.png) no-repeat left center;
}

.PageNation li.Prev a:hover {
padding: 6px 8px 4px 17px;
border: 1px solid #337bc6;
border-radius: 3px;
font-weight: normal;
text-decoration: none;
color: #337bc6;
background: url(../images/common/icon/Icon_PageNationPrev.png) no-repeat left center;
}

.PageNation li.Prev.Disabled a {
border: 1px solid #c2c2c2;
color: #c2c2c2;
background: url(../images/common/icon/Icon_PageNationPrevDisabled.png) no-repeat left center;
cursor: default;
}

.PageNation li.Prev.Disabled a:hover {
border: 1px solid #c2c2c2;
color: #c2c2c2;
background: url(../images/common/icon/Icon_PageNationPrevDisabled.png) no-repeat left center;
cursor: default;
}

.PageNation li.Next a {
margin-left: 4px;
padding: 6px 17px 4px 8px;
border: 1px solid #b3cce6;
border-radius: 3px;
font-weight: normal;
color: #337bc6;
background: url(../images/common/icon/Icon_PageNationNext.png) no-repeat right center;
}

.PageNation li.Next a:hover {
padding: 6px 17px 4px 8px;
border: 1px solid #337bc6;
border-radius: 3px;
font-weight: normal;
text-decoration: none;
color: #337bc6;
background: url(../images/common/icon/Icon_PageNationNext.png) no-repeat right center;
}

.PageNation li.Next.Disabled a {
border: 1px solid #c2c2c2;
color: #c2c2c2;
background: url(../images/common/icon/Icon_PageNationNextDisabled.png) no-repeat right center;
cursor: default;
}

.PageNation li.Next.Disabled a:hover {
border: 1px solid #c2c2c2;
color: #c2c2c2;
background: url(../images/common/icon/Icon_PageNationNextDisabled.png) no-repeat right center;
cursor: default;
}

.PageNation .Abbr {
padding: 4px 2px 4px 2px;
}


/* よくある質問 --------------------------------------------------- */

.FaqUnit dl {
margin: 15px 0 0 0;
}

.FaqUnit dt, .FaqUnit dd {
margin: 0 0 10px 0;
line-height: 1.6em;
}

.FaqUnit dt {
padding: 6px 0 6px 50px;
font-size: 108%;
font-weight: bold;
background: url(../images/common/icon/Icon_FaqQ.png) no-repeat left center;
}

.FaqUnit dd {
padding: 0 0 14px 50px;
background: url(../images/common/icon/Icon_FaqA.png) no-repeat left top;
}


/* SNSシェアボタン --------------------------------------------------- */

.SnsShare li {
display: inline-block;
}

/* Facebook */
.fb_iframe_widget > span {
vertical-align: baseline !important;
}

/* Twitter */
.SnsShare iframe.twitter-share-button {
width: 80px !important;
}

/* Google＋ */
.SnsShare #___plusone_0 {
width: 70px !important;
}

/* LINE */
.SnsShare li.Line img {
vertical-align: top;
}



/* 検索窓 --------------------------------------------------- */

.SearchBox {
display: table; 
}

.SearchBox div {
display: table-cell;
vertical-align: middle;
}

.SearchBox div input,
.SearchBox div img {
vertical-align: middle;
}


/* 個別調整 --------------------------------------------------- */

/* 左・右・中央 寄せ */
.AlignL {
text-align: left !important;
}

.AlignC {
text-align: center !important;
}

.AlignR {
text-align: right !important;
}

/* ボーダー無し */
.NoBorder {
border: none !important;
}

/* 改行なし */
.NoWrap {
white-space: nowrap;
}

/* 太字初期化 */
.FWN {
font-weight: normal !important;
}

/* マージントップ調整 */
.M0 {
margin-top: 0 !important;
}

.M5 {
margin-top: 5px !important;
}

.M10 {
margin-top: 10px !important;
}

.M15 {
margin-top: 15px !important;
}

.M20 {
margin-top: 20px !important;
}

.M25 {
margin-top: 25px !important;
}

.M30 {
margin-top: 30px !important;
}

.M35 {
margin-top: 35px !important;
}

.M40 {
margin-top: 40px !important;
}

.M45 {
margin-top: 45px !important;
}

.M50 {
margin-top: 50px !important;
}

.M55 {
margin-top: 55px !important;
}

.M60 {
margin-top: 60px !important;
}

.M65 {
margin-top: 65px !important;
}

.M70 {
margin-top: 70px !important;
}

.M75 {
margin-top: 75px !important;
}

.M80 {
margin-top: 80px !important;
}

.M85 {
margin-top: 85px !important;
}

.M90 {
margin-top: 90px !important;
}

.M95 {
margin-top: 95px !important;
}

.M100 {
margin-top: 100px !important;
}

/* マージンボトム調整 */
.MB0 {
margin-bottom: 0 !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: 65px !important;
}

.MB70 {
margin-bottom: 70px !important;
}

.MB75 {
margin-bottom: 75px !important;
}

.MB80 {
margin-bottom: 80px !important;
}

.MB85 {
margin-bottom: 85px !important;
}

.MB90 {
margin-bottom: 90px !important;
}

.MB95 {
margin-bottom: 95px !important;
}

.MB100 {
margin-bottom: 100px !important;
}

/* 横幅「%」指定 */
.W5 {
width: 5% !important;
}

.W10 {
width: 10% !important;
}

.W15 {
width: 15% !important;
}

.W20 {
width: 20% !important;
}

.W25 {
width: 25% !important;
}

.W30 {
width: 30% !important;
}

.W35 {
width: 35% !important;
}

.W40 {
width: 40% !important;
}

.W45 {
width: 45% !important;
}

.W50 {
width: 50% !important;
}

.W55 {
width: 55% !important;
}

.W60 {
width: 60% !important;
}

.W65 {
width: 65% !important;
}

.W70 {
width: 70% !important;
}

.W75 {
width: 75% !important;
}

.W80 {
width: 80% !important;
}

.W85 {
width: 85% !important;
}

.W90 {
width: 90% !important;
}

.W95 {
width: 95% !important;
}

.W100 {
width: 100% !important;
}



/* ■ リセット ==================================================================================== */


body {
margin: 0;
padding: 0;
/* 基本のフォントサイズ  */
font-size: 14px; 
line-height: 1.0em;
-webkit-text-size-adjust: none;
}

body.Mac {
font-family: "Helvetica Neue",Helvetica,Arial,Roboto,"Droid Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Sans-Serif;
}

body.Win {
font-family: "Helvetica Neue",Helvetica,Arial,Roboto,"Droid Sans","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
/* font-family: "Helvetica Neue",Helvetica,Arial,Roboto,"Droid Sans","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; */
}

h1,h2,h3,h4,h5,h6,p,th,td,dl,ul,ol,caption,blockquote,input,select,textarea,div {
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 100%;
line-height: 1.8em;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
display: block;
margin: 0;
padding: 0;
box-sizing: border-box;
}

input,select,textarea {
margin: 0;
padding: 0;
box-sizing: border-box;
}

*:focus {
outline: none; 
}

img {
border: none;
vertical-align: bottom;
}

form {
margin: 0;
padding: 0;
}

li {
list-style-type: none;
}

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

blockquote {
margin: 0 0 0 30px;
}

small {
font-size: 86%;
line-height: 1.5em;
}

strong, em {
font-style: normal;
font-weight: bold;
}


/* ClearFix  --------------------------------------------------- */

.ClearFix {
zoom: 1;
}

.ClearFix:after {
content: ""; 
display: block; 
clear: both;
}

#Header, #GlobalNav, #Stage, #Footer .SubNav2 .SubNav3 .SubNav4 .IndexMenu, .IndexMenu1, .IndexMenu2, .TabMenu, .LRBox, .PageNation {
zoom: 1;
}

#Header:after, #GlobalNav:after, #Stage:after, #Footer .SubNav2:after, .SubNav3:after, .SubNav4:after, .IndexMenu:after, .IndexMenu1:after, .IndexMenu2:after, .TabMenu:after, .LRBox:after, .PageNation:after {
content: ""; 
display: block; 
clear: both;
}