/*********************************
青 #3AABD2

*********************************/

.row {
    margin-right: 0px;
    margin-left: 0px;
}

/*ヘッダー*/
body {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: black;
}

/*スクロールスパイ対策*/
#introduction {
  margin-top: -50px;
  padding-top: 50px;
}
#character {
  margin-top: -50px;
  padding-top: 50px;
}
#credit {
  margin-top: -50px;
  padding-top: 50px;
}
#download {
  margin-top: -50px;
  padding-top: 50px;
}
#contact {
  margin-top: -50px;
  padding-top: 50px;
}

.header {
	/*background-color: #ffffff;*/
	/*border-bottom: 1px solid #ccc;*/
}


.navbar-brand {
	height: 75px;
	padding: 15px 40px;
}

.navbar {
	border: none;
}

.navbar-default {
	background-color: black;
	/*background: rgba(255, 255, 255, 0.9);*/
}

.navbar-default .navbar-nav>li {
	position: relative;
    /*left: -50%;*/
}

.navbar-default .navbar-nav>li>a {
	color: #ffffff;
  font-size: 16px;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #ffffff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #777;
	background: none;
}

/*トグル*/

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    /*background: rgba(255, 255, 255, 0.9);*/
    background-color: black;
}

.navbar-default .navbar-toggle {
	border-color: #ffffff;
	margin-top: 15px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

/* 個人サイト用追加 */
a.menu {
  font-size: 16px;
  color: #00CCCC;
  text-decoration: none;
}

a.menu:hover {
  text-decoration: none;
}

.shikiri {
  margin: 5px;
  border-top: 3px double #BFBFBF;
}

/*ヘッダー画像*/

#headerwrap {
    background: url(../image/common/top.png) no-repeat center top;
    padding-top: 0px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 200px;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header_text{
 background:rgba(28,186,196,0.3);
 color: #ffffff;
 font-size: 18px;
 /*border: solid 1px #ffffff; */
 padding:10px;
}
.header-link, .header-link:hover,.header-link:focus {
 color: #ffffff;
 text-decoration: underline dotted #ffffff;
}

.news-area{
  padding-bottom: 30px;
}

a.news-link {
  color: #1CBAC4;
  text-decoration: none;
}

a.text-link {
  color: #00CCCC;
  text-decoration: underline dotted #BFBFBF;
}

/* intro */

.story-area{
	color: #ffffff;
	padding-bottom: 40px;
	background-color: black;
}


/*
.story-box {
	margin-right: 20px;
	margin-left: 20px;
	border: solid 1px #ffffff;
	color: #ffffff;
	padding: 25px;
	text-align: left;
}
*/

.midashi{
	padding-top: 20px;
}

/* 個人サイト用追加 */
.midashi-yho{
  color: black;
  padding-top: 20px;
  font-size: 18px;
}

.midashi-small{
  color: black;
  font-size: 11px;
}

.midashi-02{
  margin-top:30px;
  font-size: 16px;
  font-weight: bold;
}

.workbox{
  margin-bottom: 10px;
}

.work-title{
  font-weight: bold;
}

.cap01{
  /*padding-left: 10px;*/
  paddeing-right: 10px;
}

.thumbnail {
  border: none;
  padding: 0px;
}

.itembox{
  display: inline-block;
  font-size: 16px;
	}

.item-container{
	font-size: 0;
}

.midashi2{
position: relative;
display: inline-block;
/*margin-bottom: 1em;*/
margin-bottom: 30px;
font-size: 18px;
}
.midashi2:before {
content: '';
position: absolute;
bottom: -3px;
display: inline-block;
width: 45px;
height: 1px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: white;
border-radius: 2px;
}



.arasuzi-area{
  padding-top: 0px;
  margin-bottom: 30px;

}

/*イントロメッセージ画像*/
.intro-message{
  margin-top: 10px;
  margin-bottom: 10px;
}

.arasuzi-text-box {
  margin-top: 20px;
  margin-bottom: 20px;
}

/*あらすじボックス*/
p.arasuzi-p {
  font-size: 16px;
  line-height: 28px;
}

.box19 {
    position: relative;
    padding:0.25em 1em;
    border-color: white;
}
.box19:before,.box19:after{
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
    border-color: white;
}
.box19:before{
    border-left: solid 1px #5767bf;
    border-top: solid 1px #5767bf;
    top:0;
    left: 0;
    border-color: white;
}
.box19:after{
    border-right: solid 1px #5767bf;
    border-bottom: solid 1px #5767bf;
    bottom:0;
    right: 0;
    border-color: white;
}
.box19 p {
    margin: 0;
    padding: 0;
}



/*
.message{
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 24px;
}*/

/* chara */
.character-area{
	padding-bottom: 40px;
  color: white;
  background-color: black;
}


/* sample */
.sample-area {
  background-color: black;
  color: white;
  margin-top: 20px;
  margin-bottom: 40px;
}

/* download */
.download-area {
  background-color: #D1D0D0;
  padding-bottom: 20px;
}

/* credit */
.credit-area {
	color: #ffffff;
	background-color: black;
	padding-bottom: 40px;
}

.credit-table>tbody>tr>td, .credit-table>tbody>tr>th, .credit-table>tfoot>tr>td, .credit-table>tfoot>tr>th, .credit-table>thead>tr>td, .credit-table>thead>tr>th {
	border: none;
  font-size: 16px;
}

.download-text-box{
  width: 100％;
  background-color: white;
  margin-bottom: 20px;
  padding: 10px;
}

a.download-link{
  font-size: 18px;
  color: #1CBAC4;
  text-decoration: none;
}

/* 問い合わせ */
.contact-area{
	padding-bottom: 40px;
}

.contact-form{
  padding: 10px;
}

.contact-p {
	font-size: 19px;
}

/* フッター */
.footer-area {
	/*background-color: #66CCCC;*/
  color: gray;
	height: 45px;
	padding: 10px;
}