@charset "utf-8";

/* ========================================
* File Name: common.css
* Created Date: 2014.11.4
* Author: TAM
======================================== */

/* ========================================
	common
======================================== */
html, body, div, h1, h2, h3, h4, h5,
p, address, figure,
ul, ol, li, dl, dt, dd,
table, th, td,
section, nav, article, aside, header, footer {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
section, nav, article, aside, figure, header, footer {
	display: block;
	}
img {
	border: none;
	vertical-align: bottom;
	}
ul li, ol li {
	list-style: none;
	}

a:link,
a:visited {
	text-decoration: none;
	}
a:hover,
a:active {
	text-decoration: underline;
	}

/* clearfix */
.clearfix {
	zoom: 1;
	}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	}
.clearfix:after {
	clear: both;
	}

/* margin */
.mb0 {
	margin-bottom: 0 !important;
	}

/* ========================================
	base
======================================== */
html {
	font-family:"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
	color: #444;
	font-size: 100%;
	-webkit-text-size-adjust: none;
	letter-spacing: -0.5px;
/*	font-size: 62.5%; */
	}
body {
	width: 100%;
	min-width: 320px;
	margin:0;
	}

/* ========================================
	主題歌
======================================== */

.songinfo {
 margin:10px 0 0 20px;
 padding:7px;
 border:dashed 1px #ccc
 }

.songinfo img {
 float:left;
 margin-right:15px;
 width:220px; height:220px;
 }

@media screen and (max-width: 640px) {
.songinfo img {
 float:none;
 width:90%;
 height:auto;
 display:block;
 margin:0 auto;
 margin-bottom:10px;
 }
}

/* ========================================
	Janime 追加
======================================== */
h3 {
 font-size:120%;
 color:#ff7200;
 margin-bottom:15px;
 }

.infobox{
	border:solid 1px #FF6600;
	padding:10px;
	margin:5px;
	 }

.box{
	border:solid 1px #FF6600;
	padding:10px;
	margin:5px;
	}

.infobox_dash{
	border:dashed 1px #843500;
	padding:10px;
	margin:5px;
	}

.box_dash{
	border:dashed 1px #FF6600;
	padding:10px;
	margin:5px;
	}

.news {
	text-indent:1em;
	}

.newsblock {
	margin-top:5px;
	margin-bottom:1em;
	}

.newsmidashi {
	margin-bottom:1em;
	font-weight:bold;
	font-color:#006DDB;
	}

.newskakomi {
	background-color:#007500;
	font-weight:bold;
	color:#ffffff;
	padding-left:10px;
	margin-bottom:1em;
	}
.sage {
  	padding-left: 1em;
  	text-indent: -1em;
	}


/*背景付き角丸見出し---------------------------------*/
.midashibar01 {
	background-color:#44C505;
	padding:3px;
	margin-bottom:5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

.mdbar {
	background-color:#FF712D;
	padding:1px 15px;
	margin-bottom:10px;
	color:#ffffff;
	font-weight:bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

/*リンク用アイコン化-------------------------------*/
.icon-bl{
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
    background-color:#0080FF;
    font-weight:bolod;
    color:#ffffff;
    padding:0px 10px;
    margin:2px;
   }

/*リンク用矢印アイコン-----------------------------*/
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	}

.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	}

.ar01::before{
	width: 12px;
	height: 12px;
	-webkit-border-radius: 25%;
	border-radius: 25%;
	background: #FF712D;
	}

.ar01::after{
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}


/*Table書式-----------------------------*/
.tableinfo00{
	/*width: 100%;*/
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	margin-top:10px;
	}

.tableinfo00 td{
	padding:4px;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	}

.tableinfo00 .mida{
	background-color:#ECECEC;
	}

.tableinfo01{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	margin-top:10px;
	}

.tableinfo01 td{
	padding:4px;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	}

.tableinfo01 th{
	padding:4px;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	vertical-align:top;
	background-color:#E3E3E3;
	}




table.oubo{
    width:600px;
    margin:0 auto;
    margin-top:10px;
    padding:10px;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.oubo th{
    width:120px;
    background-image:url(/campaign/images/camp_tableback.png);
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#F9BB02;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.oubo td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}

.gaiyou {
    width:800px;
    border:solid 3px #FF8000;
    padding:10px; margin:0 auto;
    border-radius: 10px;  
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;/* Firefox用 */
    }

.sage {
  padding-left: 1em;
  text-indent: -1em;
}

/*SP*/
@media screen and (max-width:640px) {

table.oubo{width:100%;}

.oubo th{
    width:60px;
    padding:2px;
    }
.oubo td{
    padding:2px;
}
}