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

/*100 200 300 400 500 700 900*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*500 700*/
@import url('https://fonts.googleapis.com/css?family=Quicksand:500,700');


html {
	width: 100%;
	height: 100%;
}
body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
	margin:0;
	height:0;
	width:100%;
	height:100%;
	background-color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 200;
}

p {
	line-height: 1.65em;
	padding: 0px;
	margin: 15px 0px;
}

strong {
	font-weight: 500;
}

a:hover img {
	opacity: 0.7;
}

.kaijo {
	clear: both;
}

/*　フォントカラー　*/
.f_red {
	color: #F82E00;
}

footer {
	background-color: #F7AEDF;
	margin-top: 30px;
}
footer .copyright {
	margin: 20px 0px;
	color: #FFFFFF;
}
@media(min-width:768px) {
footer .copyright {
	margin: 30px 0px;
	color: #FFFFFF;
}
}
footer .copyright a {
	color: #FFFFFF;
}

/*　navbar　ここから　*/

.navbar {
  min-height: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
  border: 0px;
}
@media (max-width: 767px) {
.navbar {
}
}

/*　768px未満時、メニュー開いた時の上下マージン　*/
@media (max-width: 767px) {
.navbar-nav {
  margin: 0px 0px;
	padding-bottom: 1px;
	border-bottom: 1px solid #b7b7b7;
}
}

/*　ロゴマーク　*/
.navbar-brand {
	margin-right: 14px;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
  height: 40px; /*　navbarの高さがここでだいたい決まる　*/
}
.navbar-brand img {
	height: 27px;
}
@media (max-width: 767px) {
.navbar-brand img {
	height: 38px;
}
}

/* navbar 全体の背景色とボーダーカラー */
.navbar-custom {
	background-color: rgba(255,255,255,0.75);
}
/* navbar Brandのカラー */
.navbar-custom .navbar-brand {
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
}

/* navbar テキストカラーリンクなし */
.navbar-custom .navbar-text {
  color: #333;
}

.navbar-custom .navbar-nav li {
	width: auto;
	margin: 0px;
	text-align: center;
}
.navbar-custom .navbar-nav li.li2 {
}
@media (max-width: 767px) {
.navbar-custom .navbar-nav li {
	width: auto;
	margin: 0px;
	border-left: 0px;
	border-top: 1px solid #fff;
	text-align: left;
	background-color: rgba(241,226,236,0.65);
}
}

/* navbar テキストカラー */
.navbar-custom .navbar-nav > li > a {
	font-family: 'Quicksand', sans-serif;
	font-weight: 900;
	font-size: 1.0em;
	color: #293228;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width: 767px) {
.navbar-custom .navbar-nav > li > a {
	font-size: 1.0em;
	padding-top: 10px;
	padding-bottom: 10px;
}
}


/* navbar hover,focus時のテキストカラー */
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
	color: #000;
	background-color: rgba(241,226,236,0.65);
}

/* navbar active設定時のカラー */
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}

/* navbar 非active設定時のカラー */
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

/* navbar ハンバーガー四角枠 */
.navbar-custom .navbar-toggle {
	border-color: #C3CBC4;
	background-color: #fff;
	margin-right: 10px;
}

/* navbar ハンバーガー三本線 */
.navbar-custom .navbar-toggle .icon-bar {
	background-color: #C3CBC4;
}

/* navbar ハンバーガー三本線ホバーした時 */
.navbar-custom .navbar-toggle:hover .icon-bar,
.navbar-custom .navbar-toggle:focus .icon-bar {
	background-color: #C3CBC4;
}

/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
	background-color: rgba(241,226,236,0.65);
	border-color: #C3CBC4;
}

/* navbar ハンバーガーボタン,タップとホバーした時の仕切り線 */
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
	border-color: #CBC3C3;
}

/* navbar ドロップダウン(親)のカラー */
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}

@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #9d9d9d;
}
.navbar-custom .navbar-link:hover {
  color: #fff;
}
.navbar-custom .btn-link {
  color: #9d9d9d;
}
.navbar-custom .btn-link:hover,
.navbar-custom .btn-link:focus {
  color: #fff;
}
.navbar-custom .btn-link[disabled]:hover,
fieldset[disabled] .navbar-custom .btn-link:hover,
.navbar-custom .btn-link[disabled]:focus,
fieldset[disabled] .navbar-custom .btn-link:focus {
  color: #444;
}

/*　ここまで　*/


/*　カバー　*/
#cover-unit {
	display: none;
}
@media (max-width: 767px) {
#cover-unit {
	display:table;
	width:100%;
	height:100%;
	min-height:100%;
	padding:0;
	background-image: url(../img/topimage_xs.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:scroll;
}
.cover-section {
	display: table-cell;
	width: auto;
	height: auto;
	vertical-align: bottom;
}
}
/*　ここまで　*/


/*　topimage　*/
#topimage {
	margin: 0px;
	padding: 0px;
}
#topimage .jumbotron {
	border-top: #fff 40px solid;
	padding: 0px 0px;
	background-image: url(../img/topimage_back.png);
	background-repeat: repeat;
	margin-bottom: 0px;
}
#topimage .topimage img {
	border: solid 5px #F7AEDF;
}
/*　ここまで　*/


/*　Product　*/
#product {
	padding-top: 20px;
}
@media (max-width: 767px) {
#product {
	padding-top: 0px;
}
}
#product .head_bar {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.3em;
	font-weight: 900;
	margin-bottom: 20px;
	background-color: #F7AEDF;
	color: #FFF;
	padding: 7px 10px;
}
#product .head_bar .jn {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 0.9em;
}
#product .product_box {
}
#product .product_box .jacket {
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 5px;
}
#product .product_box .jacket img {
	border: solid 3px #F7AEDF;
}
@media (max-width: 767px) {
#product .product_box .jacket img {
	width: 240px;
}
}
#product .product_box .text {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
@media(min-width:768px) {
#product .product_box .text {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
}
}
@media(min-width:992px) {
#product .product_box .text {
	padding-right: 20px;
	padding-left: 10px;
	margin-bottom: 0px;
}
}
@media(min-width:1200px) {
#product .product_box .text {
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 0px;
}
}
#product .product_box .text p {
	margin: 0px;
	padding: 0px;
	text-justify: auto;
}
#product .product_box .text .title {
	font-size: 1.2em;
	font-weight: 500;
	color: #F77AC3;
}
#product .product_box .text .date {
	font-size: 1.0em;
	font-weight: 500;
	color: #E16B6D;
}
#product .product_box .text .format-cd {
	font-weight: 500;
	font-size: 0.9em;
	color: #5DDCF7;
}
#product .product_box .text .format-dn {
	font-weight: 500;
	font-size: 0.9em;
	color: #BF6BDF;
}
#product .product_box .text .price {
	font-size: 0.95em;
}
#product .product_box .text .model {
	font-size: 0.95em;
}
#product .product_box .text .data {
	font-size: 0.95em;
}
#product .product_box .text .cast {
	font-size: 0.95em;
}
#product .product_box .text .track {
	font-size: 0.95em;
	margin-top: 1em;
}
@media (max-width: 767px) {
#product .product_box .text .price {
	font-size: 1.0em;
}
#product .product_box .text .model {
	font-size: 1.0em;
}
#product .product_box .text .data {
	font-size: 1.0em;
}
#product .product_box .text .cast {
	font-size: 1.0em;
}
#product .product_box .text .track {
	font-size: 1.0em;
}
}

/*　Introduction　*/
#intro {
	padding-top: 20px;
}
@media (max-width: 767px) {
#intro {
	padding-top: 0px;
}
}
#intro .head_bar {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.3em;
	font-weight: 900;
	margin-bottom: 20px;
	background-color: #F7AEDF;
	color: #FFF;
	padding: 7px 10px;
}
#intro .head_bar .jn {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 0.9em;
}
#intro .text {
	font-size: 1.1em;
	padding: auto;
}
#intro .text p {
	line-height: 2.1em;
	padding: 0px;
}
@media (max-width: 767px) {
#intro .text {
	font-size: 1.0em;
	padding: 0em 1em 20px;
}
#intro .text p {
	line-height: 1.65em;
}
}


/*　Character　*/
#chara {
	padding-top: 20px;
}
@media (max-width: 767px) {
#chara {
	padding-top: 0px;
}
}
#chara .head_bar {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.3em;
	font-weight: 900;
	margin-bottom: 20px;
	background-color: #F7AEDF;
	color: #FFF;
	padding: 7px 10px;
}
#chara .head_bar .jn {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 0.9em;
}

/*　子要素のグリッドの高さを揃える　*/
#chara .row-eq-height {
	display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap: wrap;
}

#chara .chara {
	padding: 15px;
	align-items: stretch;
}

@media (max-width: 767px) {
#chara .chara {
	padding: 15px 15px 35px;
}
}
#chara .chara .face {
	margin: 0px;
	padding: 0px 50px;
}
@media(min-width:768px) {
#chara .chara .face {
	margin: 0px;
	padding: 0px 10px;
}
}
@media(min-width:992px) {
#chara .chara .face {
	margin: 0px;
	padding: 0px 20px;
}
}
@media(min-width:1200px) {
#chara .chara .face {
	margin: 0px;
	padding: 0px 40px;
}
}
#chara .chara .face img {
	border: solid 4px #F7AEDF;
}
#chara .chara .name {
	margin-top: 5px;
	font-weight: 700;
	font-size: 1.1em;
}
#chara .chara .name .kana {
	font-weight: 500;
	font-size: 0.8em;
}
#chara .chara .txt {
	margin-top: 10px;
}
#chara .chara .comment {
	font-weight: 400;
	font-size: 0.9em;
	margin-top: 15px;
	margin-bottom: 5px;
}
#chara .chara .audio audio {
	width: 100%;
}
#chara .chara .sub {
	font-size: 0.7em;
	margin-top: 5px;
	margin-bottom: 5px;
}


/*　Message　*/
#message {
	padding-top: 20px;
}
@media (max-width: 767px) {
#message {
	padding-top: 0px;
}
}
#message .head_bar {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.3em;
	font-weight: 900;
	margin-bottom: 20px;
	background-color: #F7AEDF;
	color: #FFF;
	padding: 7px 10px;
}
#message .head_bar .jn {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 0.9em;
}
#message .box img {
	border: solid 2px #F7AEDF;
	height: 300px;
}
@media (max-width: 767px) {
#message .box img {
	height: 220px;
}
}
#message .box .txtbox {
}
#message .box .txtbox p {
	margin: 20px;
	padding: 20px;
	background-color: rgba(250,252,246,1.00);
}


/*　Sample Voice　*/
#voice {
	padding-top: 20px;
}
@media (max-width: 767px) {
#voice {
	padding-top: 0px;
}
}
#voice .head_bar {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.3em;
	font-weight: 900;
	margin-bottom: 20px;
	background-color: #F7AEDF;
	color: #FFF;
	padding: 7px 10px;
}
#voice .head_bar .jn {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 0.9em;
}
#voice .sub {
	font-size: 0.85em;
	padding: 0px 20px;
}
#voice .audio {
	padding: 20px 20px 0px;
}
@media (max-width: 767px) {
#voice .audio {
	padding: 20px;
}
}


/*　Shop　*/
#shop {
	padding-top: 20px;
}
@media (max-width: 767px) {
#shop {
	padding-top: 0px;
}
}
#shop .head_bar {
	font-family: 'Quicksand', sans-serif;
	font-size: 1.3em;
	font-weight: 900;
	margin-bottom: 20px;
	background-color: #F7AEDF;
	color: #FFF;
	padding: 7px 10px;
}
#shop .head_bar .jn {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 0.9em;
}