@charset "UTF-8";

/* reset */
html{color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
*:not(input):not(textarea):not(select), 
input[type=image], 
input[type=file], 
input[type=submit], 
input[type=button], 
input[type=reset] { 
-webkit-user-select: none; 
} 
img{vertical-align:text-bottom;}
/* base */
body {font:14px/1.231 "ヒラギノ角ゴ Pro W3";background-size: 100%; -webkit-text-size-adjust: none;background:transparent; -webkit-touch-callout:none;-webkit-user-select:none;}
a{ text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
section{margin-bottom:10px; clear:both;}
h3{font-size:14px; font-weight:bold; color:#fff; margin-top:10px; margin-bottom:10px; background:-webkit-gradient(linear, left top, left bottom,from(rgba(95,95,95,0.5)),to(#999)); padding:5px;}
pre{background:#fff; color:#FFF; padding:10px; border:inset 2px #444444;}
input{ime-mode:disabled;}

* {webkit-tap-highlight-color: rgba(0,0,0,0);}

#wrapper{width: 320px;margin:0 auto;overflow: hidden;}

#wrapper_pop{
	width: 290px;
	margin:0 auto;
}

.sprite_ui{
	background-image:url(../image_webview/sprite/sprite_ui_09.png);
    background-size:320px 225px;
}

/* ==========================================================

	定義

========================================================== */

/* フォントサイズ
===========================================================*/
.fs03 {font-size: 30%;}
.fs08 {font-size: 60%;}
.fs09 {font-size: 69.2%;}
.fs10 {font-size: 77%;}
.fs11 {font-size: 85%;}
.fs12 {font-size: 93%;}
.fs13 {font-size: 100%;}
.fs14 {font-size: 108%;}
.fs15 {font-size: 116%;}
.fs16 {font-size: 123.1%;}
.fs17 {font-size: 131%;}
.fs18 {font-size: 138.5%;}
.fs19 {font-size: 146.5%;}
.fs20 {font-size: 153.9%;}
.fs21 {font-size: 161.6%;}
.fs22 {font-size: 167%;}
.fs23 {font-size: 174%;}
.fs24 {font-size: 182%;}
.fs25 {font-size: 189%;}
.fs26 {font-size: 197%;}
.fs27 {font-size: 222.75%;}
.fs28 {font-size: 248.5%;}
.fs29 {font-size: 274.25%;}
.fs30 {font-size: 300%;}
.fs31 {font-size: 310%;}
.fs32 {font-size: 320%;}
.fs33 {font-size: 330%;}
.fs34 {font-size: 340%;}
.fs35 {font-size: 350%;}
.fs36 {font-size: 360%;}
.fs37 {font-size: 370%;}
.fs38 {font-size: 380%;}
.fs39 {font-size: 390%;}
.fs40 {font-size: 400%;}
.fs41 {font-size: 410%;}
.fs42 {font-size: 420%;}
.fs43 {font-size: 430%;}
.fs44 {font-size: 440%;}
.fs45 {font-size: 450%;}
.fs46 {font-size: 460%;}
.fs47 {font-size: 470%;}
.fs48 {font-size: 480%;}
.fs49 {font-size: 490%;}
.fs50 {font-size: 500%;}

/* フォント太さ
===========================================================*/
.fb { font-weight: bold;}
.fn { font-weight: normal;}

/* フォントカラー
===========================================================*/

/* 赤系 */
.red {color:red;}
.red2 {color:#fa8072;}
.red3 {color:#b32432;}
.red4 {color:#d9333f;}
.red5 {color:#ff4d55;}

/* 青系 */
.blue {color:blue;}
.blue2 {color:#0099FF;}
.blue3 {color:#00bfff;}
.blue4 {color:#0095d9;}
.blue5 {color:#0068b7;}

/* 緑系 */
.green{color:#00fe9e;}
.green2{color:#ddffcc;}
.green3{color:#CCFF33;}
.green4{color:#01DF01;}
.green5{color:#088A08;}
.green6{color:#009944;}

/* 黄色系 */
.yellow{color:#fcfd02;}
.yellow2{color:#FFFCDB;}
.yellow3{color:#FFCC00;}
.yellow4{color:#FFFF33;}
.yellow5{color:#fef263;}

/* ピンク系 */
.pink{color:pink;}
.pink2{color:#FF3399}
.pink3{color:#FF6699}
.pink4{color:#cc397b}
.pink5{color:#de82a7}
.pink6{color:#fdede4}
.pink7{color:#ff7aff}

/* オレンジ系 */
.orange{color:#e45000;}
.orange2{color:#ffa500;}
.orange3{color:#e17b34;}
.orange4{color:#f37042;}
.orange5{color:#ffb366;}
.orange6{color:#ff9500;}

/* マンゴー系 */
.mango{color:#eeb826;}
.mango2{color:#f8e58c;}
.mango3{color:#fff799;}
.mango4{color:#e6e66c;}
.mango5{color:#ffd966;}

/* アクア系 */
.aqua{color:#00fdff;}
.aqua2{color:#99ffff;}
.aqua3{color:#80dfff;}
.aqua4{color:#b0e0ef;}
.aqua5{color:#eaf4fc;}

/* パープル系 */
.purple{color:#b300cf;}
.purple2{color:#920783;}
.purple3{color:#801E6C;}
.purple4{color:#dd7de8;}
.purple5{color:#6b395f;}
.purple6{color:#9d5b8b;}
.purple7{color:#d1bfdd;}

/* パープルブルー系 */
.pblue{color:#704cbc;}
.pblue2{color:#cc99ff;}
.pblue3{color:#9581b3;}
.pblue4{color:#bcbcff;}

/* オリーブ系 */
.olive{color:#82f810;}
.olive2{color:#9fc24d;}
.olive3{color:#b3b354;}
.olive4{color:#717234;}
.olive5{color:#5f6527;}
.olive6{color:#d2e673;}

/* ネイビー系 */
.navy{color:#192f6f;}
.navy2{color:#4c6cb3;}

/* スレイト系 */
.slate{color:#3f3b4f;}
.slate2{color:#544f66;}
.slate3{color:#44617b;}
.slate4{color:#5c6f99;}
.slate5{color:#719bad;}
.slate6{color:#696969;}
.slate7{color:#9e9478;}

/* ティール系 */
.teal{color:#0090a8;}
.teal2{color:#00a497;}
.teal3{color:#33cccc;}
.teal4{color:#a3d6cc;}
.teal5{color:#99ffcc;}

/* ブラウン系 */
.brown{color:#872732;}
.brown2{color:#965042;}
.brown3{color:#cca07e;}
.brown4{color:#583822;}
.brown5{color:#6f4b3e;}
.brown6{color:#8c7042;}
.brown7{color:#b68d4c;}

/* 黒系 */
.black{color:#000000;}

/* シルバー系 */
.silver{color:#C0C0C0;}
.silver2{color:#e6e0cf;}

/* text-align・float
===========================================================*/
.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }

.cb{clear:both;}

/* margin
===========================================================*/
.mr0i{margin:0 auto;!important}
.mr0{margin:0 auto;}
.mr2{margin:2px 0px;}
.mr4{margin:4px 0px;}
.mr6{margin:6px 0px;}
.mr8{margin:8px 0px;}
.mr10{margin:10px 10px;}
.mr12{margin:12px 0px;}
.mr14{margin:14px 0px;}
.mr16{margin:16px 0px;}
.mr18{margin:18px 0px;}
.mr20{margin:20px 0px;}

.mt02 {margin-top:2px;}
.mt05 {margin-top:5px;}
.mt08 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt33 {margin-top:33px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.mb0 {margin-bottom:0px !important;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mrl6 {margin-left:6px;}
.mrl10 {margin-left:10px;}
.mrl20 {margin-left:20px;}
.mrl30 {margin-left:30px;}
.mrl40 {margin-left:40px;}
.mrl50 {margin-left:50px;}
.mrl60 {margin-left:60px;}
.mrl70 {margin-left:70px;}
.mrl80 {margin-left:80px;}
.mrl90 {margin-left:90px;}



.mrr10 {margin-right:10px;}
.mrr20 {margin-right:20px;}

.pdt5{padding-top:5px;}
.pdt7{padding-top:7px;}
.pdt10{padding-top:10px;}
.pdl10{padding-left:10px;}

/* width
===========================================================*/
.width10 {width:10%;}
.width20 {width:20%;}
.width30 {width:30%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width70 {width:70%;}
.width80 {width:80%;}
.width90 {width:90%;}
.width100 {width:100%;}

/* height
===========================================================*/
.height10 {height:10px;}
.height20 {height:20px;}
.height30 {height:30px;}
.height40 {height:40px;}
.height50 {height:50px;}
.height55 {height:55px;}
.height60 {height:60px;}
.height65 {height:65px;}
.height70 {height:70px;}
.height80 {height:80px;}
.height85 {height:85px;}
.height90 {height:90px;}
.height100 {height:100px;}

/* line
===========================================================*/
.line_sp {
  width:280px;
  height:12px !important;
  line-height:12px;
  display:block;
  background: url(../image_webview/bg/line_sp.png) no-repeat;
  background-size: 280px 12px !important;
  color:transparent;
}



/* その他
===========================================================*/

.por{
  position:relative;
}

.naviko{
  width: 320px;
  height: 50px;
}

.navi_asuko{
  width: 223px;
  height: 45px;
  background: url(../image_webview/bg/bg_nav_myp.png);
  background-size: 100% auto;
  margin: 5px 70px;
  font-size: 10px;
}

.navi_asuko span{
  padding-top: 3px;
  padding-left: 12px;
  padding-right: 10px;
  display: block;
}

.asuko_image{
  background: url(../image_webview/bg/icon_nav_myp.png);
  width: 40px;
  height: 50px;
  background-size: 100% auto;
  float: left;
  margin-left: 25px;
  margin-top: -3px;
}


/* 半透明背景
===========================================================*/
.bg_black{
    background:rgba(0,0,0,0.3);
    margin-top: 5px;
  margin-bottom: 5px;
}

/* テキストシャドウ
===========================================================*/

/* text-shadow （白） */
.white_shadow{
    -webkit-text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
    text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}

/* text-shadow 薄赤 */
.red_shadow{
  -webkit-text-shadow: 1px 1px 1px #fa8072, 1px -1px 1px #fa8072, -1px 1px 1px #fa8072, -1px -1px 1px #fa8072;
  text-shadow: 1px 1px 1px #fa8072, 1px -1px 1px #fa8072, -1px 1px 1px #fa8072, -1px -1px 1px #fa8072;
}

/* text-shadow 赤 */
.red2_shadow{
  -webkit-text-shadow: 1px 1px 1px #ff0000, 1px -1px 1px #ff0000, -1px 1px 1px #ff0000, -1px -1px 1px #ff0000;
  text-shadow: 1px 1px 1px #ff0000, 1px -1px 1px #ff0000, -1px 1px 1px #ff0000, -1px -1px 1px #ff0000;
}

/* text-shadow 薄青 */
.blue_shadow{
  -webkit-text-shadow: 1px 1px 1px #0099FF, 1px -1px 1px #0099FF, -1px 1px 1px #0099FF, -1px -1px 1px #0099FF;
  text-shadow: 1px 1px 1px #0099FF, 1px -1px 1px #0099FF, -1px 1px 1px #0099FF, -1px -1px 1px #0099FF;
}

/* text-shadow 青 */
.blue2_shadow{
  -webkit-text-shadow: 1px 1px 1px #0000ff, 1px -1px 1px #0000ff, -1px 1px 1px #0000ff, -1px -1px 1px #0000ff;
  text-shadow: 1px 1px 1px #0000ff, 1px -1px 1px #0000ff, -1px 1px 1px #0000ff, -1px -1px 1px #0000ff;
}

/* text-shadow 薄黄 */
.yellow_shadow{
  -webkit-text-shadow: 1px 1px 1px #FFFCDB, 1px -1px 1px #FFFCDB, -1px 1px 1px #FFFCDB, -1px -1px 1px #FFFCDB;
  text-shadow: 1px 1px 1px #FFFCDB, 1px -1px 1px #FFFCDB, -1px 1px 1px #FFFCDB, -1px -1px 1px #FFFCDB;
}

/* text-shadow 黄 */
.yellow2_shadow{
  -webkit-text-shadow: 1px 1px 1px #fcfd02, 1px -1px 1px #fcfd02, -1px 1px 1px #fcfd02, -1px -1px 1px #fcfd02;
  text-shadow: 1px 1px 1px #fcfd02, 1px -1px 1px #fcfd02, -1px 1px 1px #fcfd02, -1px -1px 1px #fcfd02;
}

/* text-shadow 薄橙 */
.orange_shadow{
  -webkit-text-shadow: 1px 1px 1px #ffa500, 1px -1px 1px #ffa500, -1px 1px 1px #ffa500, -1px -1px 1px #ffa500;
  text-shadow: 1px 1px 1px #ffa500, 1px -1px 1px #ffa500, -1px 1px 1px #ffa500, -1px -1px 1px #ffa500;
}

/* text-shadow 橙 */
.orange2_shadow{
  -webkit-text-shadow: 1px 1px 1px #e45000, 1px -1px 1px #e45000, -1px 1px 1px #e45000, -1px -1px 1px #e45000;
  text-shadow: 1px 1px 1px #e45000, 1px -1px 1px #e45000, -1px 1px 1px #e45000, -1px -1px 1px #e45000;
}

/* text-shadow 紫 */
.purple_shadow{
  -webkit-text-shadow: 1px 1px 1px #b300cf, 1px -1px 1px #b300cf, -1px 1px 1px #b300cf, -1px -1px 1px #b300cf;
  text-shadow: 1px 1px 1px #b300cf, 1px -1px 1px #b300cf, -1px 1px 1px #b300cf, -1px -1px 1px #b300cf;
}

/* text-shadow 濃紫 */
.purple2_shadow{
  -webkit-text-shadow: 1px 1px 1px #920783, 1px -1px 1px #920783, -1px 1px 1px #920783, -1px -1px 1px #920783;
  text-shadow: 1px 1px 1px #920783, 1px -1px 1px #920783, -1px 1px 1px #920783, -1px -1px 1px #920783;
}

/* text-shadow 薄桃 */
.pink_shadow{
  -webkit-text-shadow: 1px 1px 1px #ffc0cb, 1px -1px 1px #ffc0cb, -1px 1px 1px #ffc0cb, -1px -1px 1px #ffc0cb;
  text-shadow: 1px 1px 1px #ffc0cb, 1px -1px 1px #ffc0cb, -1px 1px 1px #ffc0cb, -1px -1px 1px #ffc0cb;
}

/* text-shadow 桃 */
.pink2_shadow{
  -webkit-text-shadow: 1px 1px 1px #FF3399, 1px -1px 1px #FF3399, -1px 1px 1px #FF3399, -1px -1px 1px #FF3399;
  text-shadow: 1px 1px 1px #FF3399, 1px -1px 1px #FF3399, -1px 1px 1px #FF3399, -1px -1px 1px #FF3399;
}

/* text-shadow 薄緑 */
.green_shadow{
  -webkit-text-shadow: 1px 1px 1px #00fe9e, 1px -1px 1px #00fe9e, -1px 1px 1px #00fe9e, -1px -1px 1px #00fe9e;
  text-shadow: 1px 1px 1px #00fe9e, 1px -1px 1px #00fe9e, -1px 1px 1px #00fe9e, -1px -1px 1px #00fe9e;
}

/* text-shadow 緑 */
.green2_shadow{
  -webkit-text-shadow: 1px 1px 1px #009944, 1px -1px 1px #009944, -1px 1px 1px #009944, -1px -1px 1px #009944;
  text-shadow: 1px 1px 1px #009944, 1px -1px 1px #009944, -1px 1px 1px #009944, -1px -1px 1px #009944;
}

/* text-shadow 銀 */
.silver_shadow{
  -webkit-text-shadow: 1px 1px 1px #C0C0C0, 1px -1px 1px #C0C0C0, -1px 1px 1px #C0C0C0, -1px -1px 1px #C0C0C0;
  text-shadow: 1px 1px 1px #C0C0C0, 1px -1px 1px #C0C0C0, -1px 1px 1px #C0C0C0, -1px -1px 1px #C0C0C0;
}

/* text-shadow 黄緑 */
.olive_shadow{
  -webkit-text-shadow: 1px 1px 1px #82f810, 1px -1px 1px #82f810, -1px 1px 1px #82f810, -1px -1px 1px #82f810;
  text-shadow: 1px 1px 1px #82f810, 1px -1px 1px #82f810, -1px 1px 1px #82f810, -1px -1px 1px #82f810;
}

/* text-shadow 水色 */
.aqua_shadow{
  -webkit-text-shadow: 1px 1px 1px #00fdff, 1px -1px 1px #00fdff, -1px 1px 1px #00fdff, -1px -1px 1px #00fdff;
  text-shadow: 1px 1px 1px #00fdff, 1px -1px 1px #00fdff, -1px 1px 1px #00fdff, -1px -1px 1px #00fdff;
}

/* text-shadow 鉄 */
.slate_shadow{
  -webkit-text-shadow: 1px 1px 1px #9fb6cc, 1px -1px 1px #9fb6cc, -1px 1px 1px #9fb6cc, -1px -1px 1px #9fb6cc;
  text-shadow: 1px 1px 1px #9fb6cc, 1px -1px 1px #9fb6cc, -1px 1px 1px #9fb6cc, -1px -1px 1px #9fb6cc;
}

/* text-shadow 青緑 */
.teal_shadow{
  -webkit-text-shadow: 1px 1px 1px #33cccc, 1px -1px 1px #33cccc, -1px 1px 1px #33cccc, -1px -1px 1px #33cccc;
  text-shadow: 1px 1px 1px #33cccc, 1px -1px 1px #33cccc, -1px 1px 1px #33cccc, -1px -1px 1px #33cccc;
}

/* text-shadow 茶 */
.brown_shadow{
  -webkit-text-shadow: 1px 1px 1px #cca07e, 1px -1px 1px #cca07e, -1px 1px 1px #cca07e, -1px -1px 1px #cca07e;
  text-shadow: 1px 1px 1px #cca07e, 1px -1px 1px #cca07e, -1px 1px 1px #cca07e, -1px -1px 1px #cca07e;
}

/* 光彩テキストシャドウ
===========================================================*/

/* text-shadow 光彩（白） */
.kosai_shadow{
  -webkit-text-shadow: 0 0 5px #fff;
  text-shadow: 0 0 5px #fff;
}

/* text-shadow 陰影付き光彩（白） */
.kosai_shadow2{
  text-shadow: 1px 1px 1px #0d0015,
  -1px -1px 1px #C0C0C0,
  0px 0px 5px #fff;
}

/* text-shadow 文字枠付き光彩（白） */
.kosai_shadow3{
  text-shadow:1px 1px 1px #0d0015,
  -1px -1px 1px #0d0015,
  1px 0px 1px #0d0015,
  1px -1px 1px #0d0015,
  -1px 1px 1px #0d0015,
  -1px 0px 1px #0d0015,
  0px 0px 2px #fff,
  0px 0px 3px #fff,
  0px 0px 4px #fff;
}

/* text-shadow 光彩（赤） */
.kosai_red{
  color:#fa8072;
  -webkit-text-shadow: 0 0 5px #fa8072, 0 0 3px #fa8072;
  text-shadow: 0 0 5px #fa8072, 0 0 3px #fa8072;
}

/* text-shadow 光彩（青） */
.kosai_blue{
  color:#0099FF;
  -webkit-text-shadow: 0 0 5px #0099FF, 0 0 3px #0099FF;
  text-shadow: 0 0 5px #0099FF, 0 0 3px #0099FF;
}

/* text-shadow 光彩（黄） */
.kosai_yellow{
  color:#FFFF33;
  -webkit-text-shadow: 0 0 5px #FFFF33, 0 0 3px #FFFF33;
  text-shadow: 0 0 5px #FFFF33, 0 0 3px #FFFF33;
}

/* text-shadow 光彩（緑） */
.kosai_green{
  color:#00fe9e;
  -webkit-text-shadow: 0 0 5px #00fe9e, 0 0 3px #00fe9e;
  text-shadow: 0 0 5px #00fe9e, 0 0 3px #00fe9e;
}

/* text-shadow 光彩（橙） */
.kosai_orange{
  color:#ffa500;
  -webkit-text-shadow: 0 0 5px #ffa500, 0 0 3px #ffa500;
  text-shadow: 0 0 5px #ffa500, 0 0 3px #ffa500;
}

/* text-shadow 光彩（水色） */
.kosai_aqua{
  color:#00fdff;
  -webkit-text-shadow: 0 0 5px #00fdff, 0 0 3px #00fdff;
  text-shadow: 0 0 5px #00fdff, 0 0 3px #00fdff;
}

/* text-shadow 光彩（紫） */
.kosai_purple{
  color:#dd7de8;
  -webkit-text-shadow: 0 0 5px #dd7de8, 0 0 3px #dd7de8;
  text-shadow: 0 0 5px #dd7de8, 0 0 3px #dd7de8;
}

/* text-shadow 光彩（黄緑） */
.kosai_olive{
  color:#82f810;
  -webkit-text-shadow: 0 0 5px #82f810, 0 0 3px #82f810;
  text-shadow: 0 0 5px #82f810, 0 0 3px #82f810;
}

/* text-shadow 光彩（青紫） */
.kosai_purple2{
  color:#704cbc;
  -webkit-text-shadow: 0 0 5px #704cbc, 0 0 3px #704cbc;
  text-shadow: 0 0 5px #704cbc, 0 0 3px #704cbc;
}

/* text-shadow 光彩（青緑） */
.kosai_teal{
  color:#33cccc;
  -webkit-text-shadow: 0 0 5px #33cccc, 0 0 3px #33cccc;
  text-shadow: 0 0 5px #33cccc, 0 0 3px #33cccc;
}

/* text-shadow 光彩（桃） */
.kosai_pink{
  color:#FF6699;
  -webkit-text-shadow: 0 0 5px #FF6699, 0 0 3px #FF6699;
  text-shadow: 0 0 5px #FF6699, 0 0 3px #FF6699;
}

/* テキストシャドウ
===========================================================*/
.liststyle{
    list-style-type: decimal;
    margin-left:15px;
}

.liststyled{
    list-style-type: disc;
    margin-left:32px;
}


/* 注記
===========================================================*/
.note{
    background: rgba(0,0,0,0.4);
    font-size: 12px;
	padding: 10px;
	margin:10px 10px;
	-webkit-border-radius:10px; 
}

/* 注記2
===========================================================*/
.note2{
    background: rgba(0,0,0,0.4);
    font-size: 12px;
	padding: 10px;
	margin:5px 7px;
	-webkit-border-radius:10px; 
}

/* 注記3
===========================================================*/
.note3{
    background: rgba(0,0,0,0.4);
    font-size: 12px;
	padding: 10px;
	margin:-4px 7px -4px 7px;
	-webkit-border-radius:10px; 
}


/* お知らせ注記
===========================================================*/
.announce_note{
   background:url(../image_webview/Announce/line.png) no-repeat,url(../image_webview/Announce/line.png) no-repeat,rgba(0,0,0,0.1);
  background-size:320px 1px,320px 1px,100% auto;
  background-position:bottom, top, top;
  padding: 10px 5px 10px 5px;
}

/* お知らせ注記2
===========================================================*/
.announce_note2{
   background:url(../image_webview/Announce/line.png) no-repeat,url(../image_webview/Announce/line.png) no-repeat,rgba(255,255,255,0.2);
  background-size:320px 1px,320px 1px,100% auto;
  background-position:bottom, top, top;
  padding: 10px 5px 10px 5px;
}



/* tab 
===========================================================*/

#tab2{
  width:320px;
  height:33px;
}

#tab2 li {
  float: left;
  list-style: none;
  width:160px;
  line-height:33px;
  font-size: 12px;
  color: #000;
  text-align:center;
}

#tab2 li:first-child{
  background:url(../image_webview/tab/btn_tab02_left.png);
  background-size:cover;
}

#tab2 li:last-child{
  background:url(../image_webview/tab/btn_tab02_right.png);
  background-size:cover;
}

.tab21_on{
  background:url(../image_webview/tab/btn_tab02_left_on.png) !important;
  background-size:cover !important;
  color: #5d1515 !important;
}

.tab22_on{
  background:url(../image_webview/tab/btn_tab02_right_on.png) !important;
  background-size:cover !important;
  color: #5d1515 !important;
}

#tab3{
  width:320px;
  height:33px;
}

#tab3 li {
  float: left;
  list-style: none;
  width:106px;
  line-height:33px;
  font-size: 12px;
  color: #000;
  text-align:center;  
}

#tab3 li:nth-child(1){
  background:url(../image_webview/tab/btn_news_enemy.png);
  background-size:cover;
}

#tab3 li:nth-child(2){
  background:url(../image_webview/tab/btn_news_friend.png);
  background-size:cover;
}

#tab3 li:nth-child(3){
  background:url(../image_webview/tab/btn_news_guild.png);
  background-size:cover;
}

#tab3_s{
  width:320px;
  height:33px;
}

#tab3_s li {
  float: left;
  list-style: none;
  width:106px;
  font-size: 12px;
  color: #000;
  text-align:center;  
}

#tab3_s li:nth-child(1){
  background:url(../image_webview/tab/btn_news_enemy.png);
  background-size:cover;
  line-height: 30px;
  padding-top: 3px;
}

#tab3_s li:nth-child(2){
  background:url(../image_webview/tab/btn_news_friend.png);
  background-size:cover;
  line-height: 15px;
  padding-top: 3px;
}

#tab3_s li:nth-child(3){
  background:url(../image_webview/tab/btn_news_guild.png);
  background-size:cover;
  line-height: 15px;
  padding-top: 3px;
}



.tab31_on{
  background:url(../image_webview/tab/btn_news_enemy_on.png) !important;
  background-size:cover !important;
  color: #5d1515 !important;
}

.tab32_on{
 background:url(../image_webview/tab/btn_news_friend_on.png) !important;
 background-size:cover !important;
 color: #5d1515 !important;
}

.tab33_on{
 background:url(../image_webview/tab/btn_news_guild_on.png) !important;
 background-size:cover !important;
 color: #5d1515 !important;
}


#tab4{
  width:320px;
  height:33px;
  background:#000;
}

#tab4 li {
  float: left;
  list-style: none;
  width:80px;
  line-height:33px;
  font-size: 12px;
  color: #000;
  text-align:center;
  height:33px;
}

#tab4 li:nth-child(1){
  background:url(../image_webview/tab/btn_newsfeed_left.png);
  background-size:cover;
}

#tab4 li:nth-child(2){
  background:url(../image_webview/tab/btn_newsfeed.png);
  background-size:cover;
}

#tab4 li:nth-child(3){
  background:url(../image_webview/tab/btn_newsfeed.png);
  background-size:cover;
  font-size: 10px !important;
}
#tab43 p{
  line-height:12px;
  margin-top:6px;
}
#tab4 li:nth-child(4){
  background:url(../image_webview/tab/btn_newsfeed_right.png);
  background-size:cover;
  font-size: 10px !important;
}
#tab4 p{
  line-height:12px;
  margin-top:6px;
}

.tab41_on{
  background:url(../image_webview/tab/btn_newsfeed_left_on.png) !important;
  background-size:cover !important;
  color: #5d1515 !important;
}
.tab42_on{
  background:url(../image_webview/tab/btn_newsfeed_on.png) !important;
  background-size:cover !important;
  color: #5d1515 !important;
}
.tab43_on{
  background:url(../image_webview/tab/btn_newsfeed_on.png) !important;
  background-size:cover !important;
  color: #5d1515 !important;
}
.tab44_on{
  background:url(../image_webview/tab/btn_newsfeed_right_on.png) !important;
  background-size:cover !important;
  color: #5d1515 !important;
}

#tab6{
  width:320px;
  height:33px;
  background:#000;
}

#tab6 li {
  float: left;
  list-style: none;
  width:80px;
  line-height:33px;
  font-size: 12px;
  color: #000;
  text-align:center;
  height:33px;
}

#tab6 li:nth-child(1){
  background:url(../image_webview/tab/btn_newsfeed_left_on.png);
  background-size:cover;
}

#tab6 li:nth-child(2){
  background:url(../image_webview/tab/btn_newsfeed_on.png);
  background-size:cover;
}

#tab6 li:nth-child(3){
  background:url(../image_webview/tab/btn_newsfeed_on.png);
  background-size:cover;
  font-size: 12px !important;
}
#tab63 p{
  line-height:12px;
  margin-top:6px;
}
#tab6 li:nth-child(4){
  background:url(../image_webview/tab/btn_newsfeed_right_on.png);
  background-size:cover;
  font-size: 12px !important;
}
#tab6 p{
  line-height:12px;
  margin-top:6px;
}

.tab61_on{
  background:url(../image_webview/tab/btn_newsfeed_left.png) !important;
  background-size:cover !important;
}
.tab62_on{
  background:url(../image_webview/tab/btn_newsfeed.png) !important;
  background-size:cover !important;
}
.tab63_on{
  background:url(../image_webview/tab/btn_newsfeed.png) !important;
  background-size:cover !important;
}
.tab64_on{
  background:url(../image_webview/tab/btn_newsfeed_right.png) !important;
  background-size:cover !important;
}

.tab_content{
  clear: both;
  width: 100%;
  color: #fff;
  font-size:12px;
}
.disnon {
  display: none;
}

/* 汎用ライン
===========================================================*/

.line{
	width:100%;
	height:1px;
	background-position:0px 0px;
    display:block;
    background-position: 0px -102px;
}

/* 初心者ガイド
===========================================================*/

.guide01{
	width:100%;
    /*background:url(../image_webview/bg/bg_marble_bg.png);*/
    background-size:320px 506px;
}

.guide_text{
   height: 20px;
  text-align: center;
  background-position: 0px -106px;
  line-height: 20px;
  color: #482d05;
}

.guide_text_silver{
   height: 20px;
   text-align: center;
   background-position: 0px -56px;
}


.guide_detail{
  margin-top: 10px;
  margin-left: 6px;
  -webkit-text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}


.cat01{
	width:100%;
    /*background:url(../image_webview/bg/bg_marble_bg.png);*/
    background-size:320px 506px;
}

.cat_text{
  height:25px;
  text-align:center;
  background-position: 0px -156px;
}

.cat_detail {
  margin-left: 10px;
  -webkit-text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  margin-top: 10px;
}

.cat_detail2{
  margin-top: 15px;
  margin-left: 4px;
  -webkit-text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}


.buybtn{
   position: absolute;
   right: -5px;
   top:15px;
}

.strength_item img{
  padding-top: 10px;
  padding-left: 10px;
  float: left;
}

.cha_thumb{
  padding-top: 3px;
  padding-left: 2px;
  float: left;
  background-image:url(../image_webview/campaign_img/frame/frame_insentive_m_map.png);
  background-repeat: no-repeat;  
  background-size: 100%;
  width: 48px;
  height: 48px;
  margin-top: 15px;
  margin-left: 2px;
  margin-right: 8px;
}
.cha_thumb img{
  width: 45px;
  height: 45px;
}


.cha_thumb_2{
  padding-top: 2px;
  padding-left: 2px;
  float: left;
  background-image:url(../image_webview/campaign_img/frame/frame_insentive_m_map.png);
  background-repeat: no-repeat;  
  background-size: 100%;
  width: 48px;
  height: 48px;
  margin-left: 10px;
  margin-right: 10px;
}
.cha_thumb_2 img{
  width: 45px;
  height: 45px;
}

.cha_thumb_2_frame_forward{
  position:relative;
  padding-top: 2px;
  padding-left: 2px;
  float: left;
  width: 48px;
  height: 48px;
  margin-left: 10px;
  margin-right: 10px;
}
.cha_thumb_2_frame_forward_cha{
  width: 45px;
  height: 45px;
}
.cha_thumb_2_frame_forward_frame{
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
}

.cha_thumb_10{
  padding-top: 2px;
  padding-left: 2px;

  background-image:url(../image_webview/campaign_img/frame/frame_insentive_m_map.png);
  background-repeat: no-repeat;  
  background-size: 100%;
  width: 70px;
  height: 70px;
  margin-left: 0px;
  margin-right: 0px;
}
.cha_thumb_10 img{
  width: 67px;
  height: 67px;
  margin-top: 1px;
  margin-right: 3px;
}
.cha_thumb_11{
  padding-top: 2px;
  padding-left: 2px;

  background-image:url(../image_webview/campaign_img/frame/frame_insentive_m_map.png);
  background-repeat: no-repeat;  
  background-size: 100%;
  width: 65px;
  height: 65px;
  margin-left: 0px;
  margin-right: 0px;
}
.cha_thumb_11 img{
  width: 62px;
  height: 62px;
  margin-top: 1px;
  margin-right: 3px;
}


.item_tit{
  float: left;
  margin-top: 10px;
  width: 236px;
  height: 17px;
  background-position: 0px 268px;
  padding-left:10px;
  color:#482d05;
  line-height: 19px;
}

.item_text{
margin-top: 27px;
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0) 100%);
height: 43px;
width: 236px;
line-height: 43px;
}

.item_text p{
padding-left:5px;
  -webkit-text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}

.item_text2{
 margin-top: 10px;
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0) 100%);
height: 60px;
width: 236px;
}

.item_text2 p{
padding-left:5px;
padding-top:10px;
  -webkit-text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}

/* ガチャ詳細
===========================================================*/
.gacha_hr1{
	width:100%;
	height:1px;
    position:fixed;
    top:33px;
	background:-webkit-gradient(linear, left top, right top, from(#664300), color-stop(0.4, #dec548), color-stop(0.5, #fcfab5), color-stop(0.6, #dec548), to(#664300));	
}

.gacha_text{
  font-size:10px;
  line-height:20px;
  height:20px;
  text-align:center;
  background-position: 0px -78px;
}

.gacha_text span{
  display:block;
  width:185px;
  height:20px;
  margin:0 auto;
  background-position: -103px -14px; 
}

.gacha_text2{
  background:#666;
  font-size:12px;
  height:35px;
  text-align:center;
  line-height:35px;
}

.gacha_text3{
  font-size:12px;
  height:23px;
  text-align:center;
  display:block;
  background-position: 0px -54px;
}

.gacha_other{
  background:#222;
  font-size:12px;
  height:155px;
  padding-top:10px;
}

.gacha_other ul.panelNavi2 {
    margin: 0 auto;
    width: 320px;
}
.gacha_other .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.gacha_other .panelNavi2 li {
    float: left;
    text-align: center;
    width: 96px;
	height: 122px;
	margin: 5px;
	display:inline-block;
}

.gacha_attention{
    padding:7px 10px 10px 10px;
    background:url(../image_webview/bg/bg_marble_bg.png);
    background-size:320px 506px;
    color:#fff;
  　font-size: 10px;
    font-size: 10px;
    -webkit-text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
    text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}


/* ボタン
===========================================================*/

a.btn_help265{
	text-align: center;
	display: block;
    margin:0 auto;
    line-height:55px;
    width:265px;
    height:55px;
	color: #000;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background:url(../image_webview/common_btn/btn_help_l.png) !important;
    background-size:cover !important;
    font-size:15px !important;
}

a.btn_help265.hover { 
    background:url(../image_webview/common_btn/btn_help_l_on.png) !important;
    background-size:cover !important;
}

a.btn_gold95{
	text-align: center;
	display: block;
    margin:0 auto;
    line-height:55px;
    width:95px;
    height:55px;
	color:#5d1515;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background:url(../image_webview/common_btn/btn_gold_s.png) !important;
    background-size:cover !important;
    font-size:15px !important;
}

a.btn_gold95.hover { 
    background:url(../image_webview/common_btn/btn_gold_s_on.png) !important;
    background-size:cover !important;
}

a.btn_gold0295{
	text-align: center;
	display: block;
    margin:0 auto;
    line-height:55px;
    width:95px;
    height:55px;
	color:#5d1515;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background:url(../image_webview/common_btn/btn_gold02_s.png) !important;
    background-size:cover !important;
    font-size:15px !important;
}

a.btn_gold0295.hover { 
    background:url(../image_webview/common_btn/btn_gold02_s_on.png) !important;
    background-size:cover !important;
}

a.btn_silver95{
	text-align: center;
	display: block;
    margin:0 auto;
    line-height:55px;
    width:95px;
    height:55px;
	color:#5d1515;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background:url(../image_webview/common_btn/btn_silver_s.png) !important;
    background-size:cover !important;
    font-size:15px !important;
}

a.btn_silver95.hover { 
    background:url(../image_webview/common_btn/btn_silver_s_on.png) !important;
    background-size:cover !important;
}

a.btn_silver265{
	text-align: center;
	display: block;
    margin:0 auto;
    line-height:55px;
    width:265px;
    height:55px;
	color:#000;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background:url(../image_webview/common_btn/btn_silver_l.png) !important;
    background-size:cover !important;
    font-size:15px !important;
}

a.btn_silver265.hover { 
    background:url(../image_webview/common_btn/btn_silver_l.png) !important;
    background-size:cover !important;
}



a.btn_gold265{
	text-align: center;
	display: block;
    margin:0 auto;
    line-height:55px;
    width:265px;
    height:55px;
	color:#5d1515;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
    background:url(../image_webview/common_btn/btn_gold_l@2x.png) !important;
    background-size:cover !important;
    font-size:15px !important;
}

a.btn_gold265.hover { 
    background:url(../image_webview/common_btn/btn_gold_l_on@2x.png) !important;
    background-size:cover !important;
}





a.btn_apple{
	text-align: center;
	display: block;
    margin:0 auto;
    line-height:55px;
    width:108px;
    height:38px;
	color:rgba(0,0,0,0);
	text-decoration: none;
    background:url(../image_webview/magazine/img_available_apple.png) !important;
    background-size:cover !important;
}

a.btn_apple.hover { 
    background:url(../image_webview/magazine/img_available_apple.png) !important;
    background-size:cover !important;
}

a.btn_play{
	text-align: center;
	display: block;
    margin:0 auto;
    line-height:55px;
    width:108px;
    height:38px;
	color:rgba(0,0,0,0);
	text-decoration: none;
    background:url(../image_webview/magazine/img_available_google.png) !important;
    background-size:cover !important;
}

a.btn_play.hover { 
    background:url(../image_webview/magazine/img_available_google.png) !important;
    background-size:cover !important;
}


/* お知らせ詳細
===========================================================*/
.anounce_title{
  background:#666;
  font-size:12px;
  padding:8px 10px;
  text-align:left;
  background:url(../image_webview/Announce/line.png) no-repeat,rgba(0,0,0,0.3);
  background-size:320px 1px,100% auto;
  background-position:bottom, top;
}

.anounce_note{
     background: rgba(0,0,0,0.4);
    font-size: 12px;
	padding: 10px;
	margin:10px 10px;
	-webkit-border-radius:10px;
  /*
   -webkit-text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  */
}

.anounce_note p{
     display:inline-block;
}

/* 雑誌連携
===========================================================*/
.button_bg{
  background:url(../image_webview/magazine/bg_platform.png);
  height:65px;
  line-height:65px;
  width:320px;
  background-size:320px 65px;
}

.magazine_text{
  height:20px;
  text-align:center;
  background-position: 0px -56px;
}

.magazine_note{
  background:url(../image_webview/magazine/bg_campaign_title.png);
  height:48px;
  width:320px;
  background-size:320px 48px;
}

.magazine_days{
  background:rgba(0,0,0,0.5);
  padding-left:10px;
  height:20px;
  line-height:20px;
}

.serialcode{
	text-align:center;
	color:#F00;
}

input{
	ime-mode: inactive;
	width:240px;
	height:34px;
	font-size:20px;
	text-align:center;
}

.btn{
	text-align: center;
	display: block;
	margin: 10px auto;
	background:url(../image_webview/common_btn/btn_gold_l@2x.png) !important;
    background-size:cover !important;
	height:55px;
    width:265px;
    border:none;
    color:#5d1515;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
    line-height:55px;
}

.magazine_error{
  background:#666;
  font-size:12px;
  height:20px;
  text-align:center;
  line-height:20px;
  background:url(../image_webview/bg/bg_title.png);
  background-size:320px 20px;
}

.user_id{
   height:65px;
  line-height:65px;
  width:320px;
}

.campaign_item_text{
margin-top: 10px;
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0.33)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.33) 50%,rgba(0,0,0,0) 100%);
min-height: 60px;
width: 210px;
}

.campaign_item_text p{
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
  -webkit-text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}

/* 位置調整
===========================================================*/
.margin_left_minus_20 {
  margin-left:-20px;
}

/* 吹き出し（TEST）
===========================================================*/
/* css */
 
.fukidashi{
margin-top: 10px;
background-color:#FFF;
border-radius:5px;
min-height: 53px;
width: 220px;
  position:relative;
}

.fukidashi:after {
  margin-top: 5px;
    margin-left: 5px;
border:10px solid transparent;
border-right-color:#FFF;
border-left-width:0;
left:-10px;
content:"";
display:block;
top:10px;
position:absolute;
width:0;
}

.fukidashi p{
padding-left:10px;
padding-top:12px;
padding-bottom:7px;

}



/* 汎用タイトル（テスト作成中）
===========================================================*/
.line_title{
  background:rgba(0,0,0,0.5);
  padding-left:10px;
  margin-top:0px;
  margin-bottom:-2px;
  height:24px;
  line-height:22px;
}

.line_title2{
  background:rgba(0,0,0,0.5);
  padding-left:10px;
  padding-top:4px;
  margin-top:0px;
  margin-bottom:-2px;
  height:34px;
  line-height:14px;
}

.contents_note{
  background:url(../image_webview/magazine/bg_campaign_title.png);
  height:48px;
  width:320px;
  background-size:320px 48px;
}


.contents_attention{
    padding:2px 10px 10px 10px;
    color:#fff;
    font-size: 11px;
    font-size: 11px;
    margin-top:-4px;
    -webkit-text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
    text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}


.contents_hr {
	border-top: 1px solid #bbb;
}


/* テキストサイズ追加（テスト作成中）
===========================================================*/
.fs6 {font-size: 50%;}


/* サイズ追加（テスト作成中）
===========================================================*/
.strength_item2 img{
  padding-top: 10px;
  padding-left: 2px;
  float: center;
}

/* 文字に線引き
===========================================================*/
.tul {text-decoration: underline;}
.tol {text-decoration: overline;}
.tlt {text-decoration: line-through;}
.importText {text-decoration: line-through;}

/* 枠追加（テスト作成中）
===========================================================*/
selector {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(232, 157, 232)),color-stop(1, rgb(158, 250, 169)));
	background-image: -moz-linear-gradient(-90deg,rgb(232, 157, 232) 0%,rgb(158, 250, 169) 100%);
	background-image: linear-gradient(-90deg,rgb(232, 157, 232) 0%,rgb(158, 250, 169) 100%);
	-webkit-box-shadow: 2px 2px 4px rgb(51, 51, 51);
	-moz-box-shadow: 2px 2px 4px rgb(51, 51, 51);
	-ms-box-shadow: 2px 2px 4px rgb(51, 51, 51);
	box-shadow: 2px 2px 4px rgb(51, 51, 51);
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	font-size: 12px;
}

/* 表追加
===========================================================*/

/* ▼表全体の装飾▼ */
table.noveltable {
   border-collapse: collapse;
   border: 2px #FFFFFF solid;
   font-size: 90%;
}

/* ▼表のセル(全部)の装飾▼ */
table.noveltable th,
table.noveltable td {
   padding: 0.3em;
   border-style: solid dashed;
   border-color: #FFFFFF;
   border-width: 1px;
}

/* ▼表のヘッダ(上部)の装飾▼ */
table.noveltable thead th {
   background-color: #1B1C80;
   letter-spacing: 0.15em;
}

/* ▼表のフッタ(下部)の装飾▼ */
table.noveltable tfoot th {
   background-color: #ffffcc;
   border-right: 1px #FFFFFF solid;
   letter-spacing: 2em;
   color: #FFFFFF;
}
table.noveltable tfoot td {
   color: red;
   font-weight: bold;
}
table.noveltable tfoot th,
table.noveltable tfoot td {
   border-top: 2px solid #FFFFFF;
}

/* ▼価格セルの装飾▼ */
table.noveltable td.price {
   text-align: center;
}

/* ▼作品名セルの装飾▼ */
table.noveltable thead th {
   text-align: center;
}
table.noveltable tbody th {
   text-align: center;
}

/* 表追加 背景赤
===========================================================*/

/* ▼表全体の装飾▼ */
table.noveltable2 {
   border-collapse: collapse;
   border: 2px #FFFFFF solid;
   font-size: 90%;
}

/* ▼表のセル(全部)の装飾▼ */
table.noveltable2 th,
table.noveltable2 td {
   padding: 0.3em;
   border-style: solid dashed;
   border-color: #FFFFFF;
   border-width: 1px;
}

/* ▼表のヘッダ(上部)の装飾▼ */
table.noveltable2 thead th {
   background-color: #8B0000;
   letter-spacing: 0.15em;
}

/* ▼表のフッタ(下部)の装飾▼ */
table.noveltable2 tfoot th {
   background-color: #ffffcc;
   border-right: 1px #FFFFFF solid;
   letter-spacing: 2em;
   color: #FFFFFF;
}
table.noveltable2 tfoot td {
   color: red;
   font-weight: bold;
}
table.noveltable2 tfoot th,
table.noveltable tfoot td {
   border-top: 2px solid #FFFFFF;
}

/* ▼価格セルの装飾▼ */
table.noveltable2 td.price {
   text-align: center;
}

/* ▼作品名セルの装飾▼ */
table.noveltable2 thead th {
   text-align: center;
}
table.noveltable2 tbody th {
   text-align: center;
}

/* 表追加
===========================================================*/

/* ▼表全体の装飾▼ */
table.noveltable_blue {
   border-collapse: collapse;
   border: 2px #FFFFFF solid;
   font-size: 90%;
}

/* ▼表のセル(全部)の装飾▼ */
table.noveltable_blue th,
table.noveltable_blue td {
   padding: 0.3em;
   border-style: solid dashed;
   border-color: #FFFFFF;
   border-width: 1px;
}

/* ▼表のヘッダ(上部)の装飾▼ */
table.noveltable_blue thead th {
   background-color: #002987;
   letter-spacing: 0.15em;
}

/* ▼表のフッタ(下部)の装飾▼ */
table.noveltable_blue tfoot th {
   background-color: #ffffcc;
   border-right: 1px #FFFFFF solid;
   letter-spacing: 2em;
   color: #FFFFFF;
}
table.noveltable_blue tfoot td {
   color: red;
   font-weight: bold;
}
table.noveltable_blue tfoot th,
table.noveltable tfoot td {
   border-top: 2px solid #FFFFFF;
}

/* ▼価格セルの装飾▼ */
table.noveltable_blue td.price {
   text-align: center;
}

/* ▼作品名セルの装飾▼ */
table.noveltable_blue thead th {
   text-align: center;
}
table.noveltable_blue tbody th {
   text-align: center;
}


/* ▼アコーディオン▼ */

.accordion_menu label {
    background: #8B0000;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}

.accordion_menu ul  {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.accordion_menu li {
    padding: 3px;
}

.accordion_menu input[type="checkbox"].on-off{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off:checked + ul{
    height: 455px;
}

.accordion_menu input[type="checkbox"].on-off2{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off2 + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off2:checked + ul{
    height: 635px;
}

.accordion_menu input[type="checkbox"].on-off3{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off3 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off3:checked + ul{
    height: 510px;
}

.accordion_menu input[type="checkbox"].on-off4{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off4 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off4:checked + ul{
    height: 550px;
}

.accordion_menu input[type="checkbox"].on-off5{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off5 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off5:checked + ul{
    height: 420px;
}

.accordion_menu input[type="checkbox"].on-off6{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off6 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off6:checked + ul{
    height: 400px;
}



.accordion_menu input[type="checkbox"].on-off8{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off8 + ul{
    height: 0;
    overflow: hidden;
}


.accordion_menu input[type="checkbox"].on-off8:checked + ul{
    height: 700px;
}





.accordion_menu input[type="checkbox"].on-off9{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off9 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off9:checked + ul{
    height: 370px;
}


.accordion_menu input[type="checkbox"].on-off10{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off10 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off10:checked + ul{
    height: 510px;
}





.accordion_menu input[type="checkbox"].on-off11{
    display: none;
}
.accordion_menu input[type="checkbox"].on-off11 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off11:checked + ul{
    height: 500px;
}


.accordion_menu input[type="checkbox"].on-off12{
    display: none;
}
.accordion_menu input[type="checkbox"].on-off12 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off12:checked + ul{
    height: 600px;
}


.accordion_menu input[type="checkbox"].on-off13{
    display: none;
}
.accordion_menu input[type="checkbox"].on-off13 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off13:checked + ul{
    height: 120px;
}


.accordion_menu input[type="checkbox"].on-off14{
    display: none;
}
.accordion_menu input[type="checkbox"].on-off14 + ul{
    height: 0;
    overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off14:checked + ul{
    height: 640px;
}


/* ▼アコーディオン　選抜召喚　火▼ */

.accordion_menu input[type="checkbox"].on-off-fire{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off-fire + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off-fire:checked + ul{
    height: 685px;
}

/* ▼アコーディオン　選抜召喚　水▼ */

.accordion_menu input[type="checkbox"].on-off-water{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off-water + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off-water:checked + ul{
    height: 675px;
}

/* ▼アコーディオン　選抜召喚　風▼ */

.accordion_menu input[type="checkbox"].on-off-wind{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off-wind + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off-wind:checked + ul{
    height: 675px;
}

/* ▼アコーディオン　選抜召喚　地▼ */

.accordion_menu input[type="checkbox"].on-off-earth{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off-earth + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off-earth:checked + ul{
    height: 715px;
}

/* ▼アコーディオン　選抜召喚　光▼ */

.accordion_menu input[type="checkbox"].on-off-light{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off-light + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off-light:checked + ul{
    height: 690px;
}

/* ▼アコーディオン　選抜召喚　闇▼ */

.accordion_menu input[type="checkbox"].on-off-dark{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off-dark + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off-dark:checked + ul{
    height: 675px;
}



/* ▼アコーディオン　20th記念パブ絵第一弾▼ */

.accordion_menu input[type="checkbox"].on-off-fast{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off-fast + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off-fast:checked + ul{
    height: 3133px;
}



/* ▼アコーディオン　レジェンディア特別召喚▼ */


.accordion_menu input[type="checkbox"].on-off-reg{
    display: none;
}

.accordion_menu input[type="checkbox"].on-off-reg + ul{
    height: 0;
    overflow: hidden;
}

.accordion_menu input[type="checkbox"].on-off-reg:checked + ul{
    height: 500px;
}




/* --- 注記 ------------------------------------------------------------- */
.attention {
  width: 100%;  
}


div.attention h3 {
  font-size: 12px;
  width: 38px; /* 見出しの幅 */
  font-weight: bold;
  margin-top: -16px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 2px 2px 2px 2px;
  background-color: #072c3f; /* 見出しの背景色 */
  background-image: none; /* baseのグラデーション指定をつぶす */
}

div.attention p {
  line-height: 130%;
  font-size: 10px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

/* ---ボックス ------------------------------------------------------------- */
div.box {
  width: 90%;  
  margin: 0 auto;
  padding: 5px 5px 5px 5px;
  border: 1px #ffffff solid; /* ボックスの境界線 */
}

/* プロモーションカラー
===========================================================*/

/* プロモーション(ホワイト系) */
.promotion_white{
  color: #ffffff;
  text-shadow: 1px 1px 1px #121627;
}

/* プロモーション(イエロー系) */
.promotion_yellow{
  font-weight: bold;
  color: #ffe826;
  text-shadow: 1px 1px 1px #1a1144, -1px 1px 1px #1a1144, 1px -1px 1px #1a1144, -1px -1px 1px #1a1144;
}
.promotion_yellow2{
  font-weight: bold;
  color: #f8e58c;
  text-shadow: 1px 1px 1px #872732, -1px 1px 1px #872732, 1px -1px 1px #872732, -1px -1px 1px #872732;
}

/* プロモーション(レッド系) */
.promotion_red{
  font-weight: bold;
  color: #ffde6d;
  text-shadow: 1px 1px 1px #af0404, -1px 1px 1px #af0404, 1px -1px 1px #af0404, -1px -1px 1px #af0404;
}
.promotion_red2{
  font-weight: bold;
  color: #f5b2b2;
  text-shadow: 1px 1px 1px #af0404, -1px 1px 1px #af0404, 1px -1px 1px #af0404, -1px -1px 1px #af0404;
}
.promotion_red3{
  font-weight: bold;
  color: #d9333f;
  text-shadow: 1px 1px 1px #3f3b4f, -1px 1px 1px #3f3b4f, 1px -1px 1px #3f3b4f, -1px -1px 1px #3f3b4f;
}

/* プロモーション(ブルー系) */
.promotion_blue{
  font-weight: bold;
  color: #b5d8fc;
  text-shadow: 1px 1px 1px #000b9a, -1px 1px 1px #000b9a, 1px -1px 1px #000b9a, -1px -1px 1px #000b9a;
}
.promotion_blue2{
  font-weight: bold;
  color: #FFFCDB;
  text-shadow: 1px 1px 1px #000b9a, -1px 1px 1px #000b9a, 1px -1px 1px #000b9a, -1px -1px 1px #000b9a;
}
.promotion_blue3{
  font-weight: bold;
  color: #0099FF;
  text-shadow: 1px 1px 1px #3f3b4f, -1px 1px 1px #3f3b4f, 1px -1px 1px #3f3b4f, -1px -1px 1px #3f3b4f;
}

/* プロモーション(アクア系) */
.promotion_aqua{
  font-weight: bold;
  color: #8deeff;
  text-shadow: 1px 1px 1px #002a34, -1px 1px 1px #002a34, 1px -1px 1px #002a34, -1px -1px 1px #002a34;
}
.promotion_aqua2{
  font-weight: bold;
  color: #00fdff;
  text-shadow: 1px 1px 1px #000b9a, -1px 1px 1px #000b9a, 1px -1px 1px #000b9a, -1px -1px 1px #000b9a;
}

/* プロモーション(ピンク系) */
.promotion_pink{
  font-weight: bold;
  color: #ffdaea;
  text-shadow: 1px 1px 1px #be175e, -1px 1px 1px #be175e, 1px -1px 1px #be175e, -1px -1px 1px #be175e;
}
.promotion_pink2{
  font-weight: bold;
  color: #FFFCDB;
  text-shadow: 1px 1px 1px #be175e, -1px 1px 1px #be175e, 1px -1px 1px #be175e, -1px -1px 1px #be175e;
}

/* プロモーション(グリーン系) */
.promotion_green{
  font-weight: bold;
  color: #9af676;
  text-shadow: 1px 1px 1px #083600, -1px 1px 1px #083600, 1px -1px 1px #083600, -1px -1px 1px #083600;
}
.promotion_green2{
  font-weight: bold;
  color: #ddffcc;
  text-shadow: 1px 1px 1px #000b9a, -1px 1px 1px #000b9a, 1px -1px 1px #000b9a, -1px -1px 1px #000b9a;
}

/* プロモーション(パープル系) */
.promotion_purple{
  font-weight: bold;
  color: #dd7de8;
  text-shadow: 1px 1px 1px #920783, -1px 1px 1px #920783, 1px -1px 1px #920783, -1px -1px 1px #920783;
}
.promotion_purple2{
  font-weight: bold;
  color: #dd7de8;
  text-shadow: 1px 1px 1px #000b9a, -1px 1px 1px #000b9a, 1px -1px 1px #000b9a, -1px -1px 1px #000b9a;
}

/* プロモーション(オレンジ系) */
.promotion_orange{
  font-weight: bold;
  color: #ffa500;
  text-shadow: 1px 1px 1px #af0404, -1px 1px 1px #af0404, 1px -1px 1px #af0404, -1px -1px 1px #af0404;
}
.promotion_orange2{
  font-weight: bold;
  color: #FFCC00;
  text-shadow: 1px 1px 1px #e45000, -1px 1px 1px #e45000, 1px -1px 1px #e45000, -1px -1px 1px #e45000;
}

/* グラデーション
===========================================================*/

/* ホワイトデー */
.white_day_design{
  font-weight:bold;
  color: transparent;
  background: repeating-linear-gradient( 48deg, #ebf6f7, #ebf6f7 5px, #0090a8 0, #0090a8 10px);
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.3px #eaf4fc;
}

/* スノーフェス */
.snow_fes_design{
  font-weight:bold;
  color: transparent;
  background: repeating-linear-gradient( 0deg, #ebf6f7, #ebf6f7 50%, #00bfff 0, #00bfff 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.3px #b0e0ef;
}

/* クリスマス */
.christmas_design{
  font-weight:bold;
  color: transparent;
  background: repeating-linear-gradient( 48deg, #ff0000, #ff0000 5px, #009944 0, #009944 10px);
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.3px #eaf4fc;
}

/* お花見 */
.ohanami_design{
  line-height:1.2em;
  font-weight:bold;
  color: transparent;
  background: linear-gradient(45deg, #eb6ea0 25%, transparent 25%, transparent 75%, #eb6ea0 75%),
  linear-gradient(45deg, #eb6ea0 25%, transparent 25%, transparent 75%, #eb6ea0 75%);
  background-color: #872732;
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px;
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.3px #eaf4fc;
}

/* 和風カフェ */
.wafu_cafe_design{
  line-height:1.2em;
  font-weight:bold;
  color: transparent;
  background: linear-gradient(45deg, #583822 20%, transparent 20%, transparent 70%, #583822 70%),
  linear-gradient(45deg, #583822 20%, transparent 20%, transparent 70%, #583822 70%);
  background-color: #717234;
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px;
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.3px #eaf4fc;
}

/* 金文字 */
.gold_design{
  color: #DA8E00;
  background: linear-gradient(135deg, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.3px #eaf4fc;
}

/* 銀文字 */
.silver_design{
  color: #DA8E00;
  background: linear-gradient(135deg, #C0C0C0, #5c6f99, #9e9478, #C0C0C0, #9e9478, #C0C0C0, #696969, #C0C0C0, #9e9478, #C0C0C0, #C0C0C0, #9e9478);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.3px #eaf4fc;
}

/* TOX2タイトル */
.tox2_design{
  font-weight: bold;
  color: #c70067;
  background: -webkit-linear-gradient(top, #6c2735 40%, #ea618e 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.3px #fff;
}