@charset "utf-8";
/* CSS Document */

/********************************************************************
    01.コラボ共通スタイル
    02.コラボごとに色調整
    03.SP表示 ※コラボ共通
    04.コラボごとの追加スタイル（なければコメント削除）
********************************************************************/



/********************************************************************
    01.コラボ共通スタイル
********************************************************************/

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6,
a, img, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
rticle, footer, header, menu, nav, section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1.3;
  color: #353535;
  font-size: 14px;
  font-family: Meiryo,'メイリオ', 'ヒラギノ角ゴ ProN W3', Arial,Helvetica,sans-serif,Osaka;
  background-color: #ffffff;
  background-image: url("../img/bg_sss.jpg");
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  -webkit-text-size-adjust: 100%;
}

footer{
  margin: 0 auto;
  padding: 2% 0;
  color: #ffffff;
  font-size: .7em;
  text-align: center;
  background:#A01467 url("../img/footer_back.gif");
}

p { margin: 0 1% 1.3em;}
p img {
  width: 500px;
  margin: .2em 0 .3em;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

.bold{font-weight:bold;}
.caution{font-size: .8em;}
.red{color:#ff2f2f;}
.red2{color:#ff2f2f; font-weight:bold;}
.aC{text-align:center !important;}
.aR{text-align:right !important;}

.mbNone { margin-bottom: 0 !important;}

#wrapMain {
  max-width: 760px;
  min-width: 320px;
  width: 100%;
  margin:0 auto;
  background-color: #ffffff;/* 場合により色変更 */
  background-repeat: repeat-y;
  background-size:100%;
  -webkit-background-size: 100% repeat-y;
}

.mainInner{
  margin: 0;
  padding:6% 0;
  box-sizing: border-box;
  background: url("../img/bg_head.png") center top no-repeat,
    url("../img/bg_foot.png") center bottom no-repeat,
    url("../img/bg_main.png") center repeat-y;
  line-height:1.3;
}

h1 img {
  width: 100%;
  margin: 0 auto;
}

.main_cont {
  width: 90%;
  margin: 0 auto;
}

.banner {
  margin-bottom: 1.3em;
  text-align: center;
}

.banner img {
  max-width: 640px;
  width: 100%;
}

h5 {
  margin: 0 1%;
  line-height: 1.3;
  font-weight:bold;
}

/* ----- ページ内リンク ----- */
ul.pageLink {
  margin: 0 2em 1.3em;
}

ul.pageLink li {
  margin-bottom: .5em;
  padding-left: 1em;
  text-indent: -1em;
}

/* ----- 注意文 ----- */
ul.notice {
  margin: 0 1% 1.3em;
}
ul.notice li {
  margin-bottom: .1em;
  padding-left: 1em;
  text-indent: -1em;
}
.txtIndent {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}

/* ----- 枠線なしテーブル ----- */
table.tblItem,table.tblItem th,table.tblItem td {
    border: none;
    text-align: left;
}

/* ----- ページトップへ戻る ----- */
.pagetop { text-align: right;}

/* ----- 運営トップへ戻る ----- */
#backto_top a {
  display: block;
  width: 104px;
  height: 52px;
  margin: 2em auto 0;
  background: url("../img/mtop.png");
  background-size: 100% auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/********************************************************************
    02.コラボごとに色調整
********************************************************************/

a:link, a:visited, a:hover, a:active {
  color:blue;
}

.kikan {
  margin: 0 0 .6em 0 ;
  background: #1a3677;
  color: #fff;
  padding: 0.3em;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

h4 {
  margin: 1.8em 0 1em;
  padding: .5em 1% .4em;
  line-height: 1.2;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #c81567;
  border-left: 8px solid #98dfe5;
  border-bottom: 1px solid #98dfe5;
}

.date{
  margin: 1%;
  line-height: 1.3;
  font-weight:bold;
  font-size: 1.3em;
  color:#1a3677;
}

/* ----- テーブル共通 ----- */
table {
  max-width: 700px;
  width: 98%;
  margin: 0 1% 1em;
  background: #ffffff;
}

table, th, td {
  border: 1px solid #333333;
}

th, td {
  padding: 6px;
  vertical-align: middle;
  font-size: .9em;
}

th {
  font-weight: bold;
  text-align: center;
  background-color: #34d8e2;
  color: #121449;
}

td { text-align: left;}

/* ----- キャンペーンテーブル ----- */
table.tblCampaign tr.name th {
  color: #ffffff;
  background-color: #4957c2;
}

table.tblCampaign tr.item th {
  /* color: #ffffff; */
  /* background-color: #333; */
}


/********************************************************************
    03.SP表示 ※コラボ共通
********************************************************************/

@media screen and (max-width:800px){
  #wrapMain {background-image: none;}

  .mainInner{
    width:100%;
    margin:0px auto;
    padding: 0px;
    background:none;
  }

  .main_cont {
    width: 92%;
    margin: 1em auto;
  }

  #backto_top a {
    margin: 20px auto 1em;
  }
}

@media screen and (max-width:480px){
  h4 {font-size: 1.1em;}
  .kikan {font-size: 1.1em;}
}

/********************************************************************
    04.コラボごとの追加スタイル（なければコメント削除）
********************************************************************/
a:link, a:visited, a:hover, a:active {
  color:#d6197d;
}

figure.ss {
    margin: 0 1% 1.3em;
}

figure.ss img {
    width: 500px;
    margin: .2em 0 .3em;
}

hr{
border:none;
border-top:dashed 1px #0a8f94;
height:1px;
color:#FFFFFF;
}

.green{
  color:#0a8f94;
}

.ttl_sec {
    height: 100%;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    padding: 1% 1% 1% 1%;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 0.3em;
    line-height: 1.2;
    border-left: 8px solid darkslateblue;
    background: darkslateblue;
}

.ttl_sec.add {
    border-left: 8px solid #0084ff;
    background: #0084ff;
}