@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Righteous);
@import url(https://fonts.googleapis.com/css?family=Passion+One);
/*!
 * Template: 27-pastel v1.0.0 (https://klee.mypace.net/)
 * Copyright 2017 klee
 * Licensed under MIT (https://opensource.org/licenses/mit-license.php)
 */
/* ============================================================
   適用デバイス：すべて（xs,sm,md,lg）
   ============================================================ */
/* 適用対象：要素全体
   ============================================================ */
/* リセットCSS */
h1{font-weight: normal;}
nav ul{list-style:none;padding:0;}
nav ul, dt, dd{margin: 0;}
ins{text-decoration: none;}

/* bodyなど */
body{line-height:1.7;background: #ffd700;color: #888;margin: 20px 0;}
main section{margin: 40px 0;}
main section section{margin: 20px 0;}
main section:first-child{margin-top: 20px;}
main section:last-child{margin-bottom: 20px;}

/* フォーム関連 */
input, select, textarea{vertical-align:middle;}
::-webkit-input-placeholder{color: #999;}
:-ms-input-placeholder{color: #999;}
::-moz-placeholder{color: #999;}
label{cursor: pointer;}

input, textarea{padding: 0.3em;border-radius: 2px;margin: 0 5px 5px 0;}
input[type="text"], textarea{border: 1px solid #bbb;}
input[type="submit"]{cursor: pointer;}

/* リンク */
a{text-decoration: none;color: #87cefa; border-bottom: 2px dotted transparent;transition: border-color 0.2s;}
a:hover{border-bottom: 2px dotted #87cefa;transition: border-color 0.1s;}
.img a:hover{dotted #87cefa;}

/* 水平線 */
hr{border-top: 1px dotted;}
/* 重要性 */
.line {
  background: linear-gradient(transparent 60%, #87cefa 0%);
}
.line2 {
  background: linear-gradient(transparent 60%, #ff69b4 0%);
}
/* 追加要素 */
ins::after{content: "new";color: #87cefa;border: 1px solid;border-radius: 2px; margin-left: 10px;padding: 0 5px;}

/* 適用対象：クラス名を付けた要素
   ============================================================ */
/* レースの部分 */
.inner{position: relative;background: #fff; margin: 60px -15px;padding: 20px}
.inner::before{position: absolute;content: "";left: 0;top: auto;margin-top: -70px; width: 100%;height: 50px; background: url(../img/bg.gif) repeat-x left bottom;transform: scale(1, -1);}
.inner::after{position: absolute;content: "";left: 0; bottom: auto;margin-top: 20px; width: 100%;height: 50px; background: url(../img/bg.gif) repeat-x left bottom;}

/* 見出し */
.site-title{text-align: center;margin: 0; color:#87cefa;}
.site-title a{font-size: 2.8rem;font-family: 'Righteous', cursive; color:#87cefa;}
.site-title a:hover{color: #ffb5c3;}
.site main h2{color: #87cefa;font-family: 'Righteous', cursive;font-size: 1.9rem;}
.site main h3{color: #ffb6c1;font-size: 1.4rem;margin: 5px auto;}

/* 見出し＆ナビゲーションメニュー */
.site-title a, .gnav li a{border: none;color: #87cefa;}

/* ナビゲーションメニュー */
.gnav{text-align: center;margin-top: 10px;}
.gnav li {display: inline;padding: 0 10px;}
.gnav li a{font-family: 'Passion One', cursive;font-size: 1.8rem; color:#87cefa;}
/* hover時のアニメーション */
.gnav li a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.gnav li a:hover{-webkit-transform: translateY(-6px); transform: translateY(-6px);}

/* 展示リスト */
.list, .list-ss{list-style: none;padding: 0;}
.list li{color: #999;}
.list li a{margin-right: 15px;}
.list-caption dd{padding-left: 10px;}
.list-slash dt {float: left;width: 8em;height:auto;}
.list-slash dd {margin: 0 0 5px 8em;padding-left: 1em;}
.list-ss li{display: inline;border-right: 1px solid #bbb;padding-right: 7px;margin-right: 7px;}
.list-ss li:last-child{border: none;}

/* フォーム */
.bottom{vertical-align: bottom;}
.comment{width: 80%;max-width: 500px;}
.btn, .btn-inline{background: transparent;border: 1px solid;}
.btn-color{background: #c3ebfa;border: 1px solid #c3ebfa;color: #fff;border: none;}
.btn-color:hover{opacity: 0.8;}
.btn-inline{display: block;}
.hensin{margin: 5px 0;list-style:none;padding:0;}
.hensin li{display: inline;margin-right: 1.5em;}
.kansou label{padding-right: 1em;}

/* リンクページ */
.link-bn{margin: 10px 0;}
.link-bn dd{margin-left: 10px;padding: 5px 10px;border-left: 1px dotted #bbb;}
.link-text{list-style: circle;}
.link-text a{margin-right: 1em;}
.link-inline {padding-left: 0;}
.link-inline li{display: inline;margin-right: 10px;}

/* 折り畳みボックス */
.acMenu dt{cursor:pointer;border-bottom: 3px double #ffb5c3;display: inline-block;}
.acMenu dd{display:none;margin-left: 10px;padding: 10px; border-left: 1px dotted #ffb5c3;}

/* 展示ページの背景色 */
.work{background: #f4f4f4;}
/* 小説ページ */
h1.novel{font-family:YuMincho, '游明朝', serif;text-align: center;font-size: 2.2rem;}
.novel{font-size: 1.5rem;line-height: 2;color: #666;}
.afterword{margin-top: 120px;}
/* 画像展示ページ */
.img {text-align: center;}
.img img{max-width: 100%;height: auto;margin: 10px auto;}
/* ページ下部のメニュー */
.local-nav {text-align: center;margin: 20px auto 0;padding: 0;}
.local-nav li{display: inline;padding: 0 30px;}

/* 装飾ボックス */
.box2{border: 5px double #ffdcdc;padding: 10px;}
/* 著作権表示 */
.copy, .copy a{text-align: center;color: #888;}
.copy a:hover{border-bottom: 2px dotted #aaa;}

/*----------個人男子----------*/
/*- aとimgで１セットです -*/
.no1 a  {color: #5b7e91;}
.no1 img{box-shadow: -6px -6px #5b7e91;}/*上とセット*/
.no2 a  {color: #a61500;}
.no2 img{box-shadow: -6px -6px #a61500;}/*上とセット*/
.no3 a  {color: #6c272d;}
.no3 img{box-shadow: -6px -6px #6c272d;}/*上とセット*/
.no4 a  {color: #314967;}
.no4 img{box-shadow: -6px -6px #314967;}/*上とセット*/
.no5 a  {color: #a3aabe;}
.no5 img{box-shadow: -6px -6px #a3aabe;}/*上とセット*/
.no6 a  {color: #242491;}
.no6 img{box-shadow: -6px -6px #242491;}/*上とセット*/
.no7 a  {color: #b94047;}
.no7 img{box-shadow: -6px -6px #b94047;}/*上とセット*/
.no8 a  {color: #634669;}
.no8 img{box-shadow: -6px -6px #634669;}/*上とセット*/
.no9 a  {color: #99cccc;}
.no9 img{box-shadow: -6px -6px #99cccc;}/*上とセット*/
.no10 a  {color: #468cff;}
.no10 img{box-shadow: -6px -6px #468cff;}/*上とセット*/
.no11 a  {color: #ba7caf;}
.no11 img{box-shadow: -6px -6px #ba7caf;}/*上とセット*/
.no12 a  {color: #e52e3f;}
.no12 img{box-shadow: -6px -6px #e52e3f;}/*上とセット*/
.no13 a  {color: #c84c72;}
.no13 img{box-shadow: -6px -6px #c84c72;}/*上とセット*/
.no14 a  {color: #20b2aa;}
.no14 img{box-shadow: -6px -6px #20b2aa;}/*上とセット*/
.no15 a  {color: #73aed5;}
.no15 img{box-shadow: -6px -6px #73aed5;}/*上とセット*/
.no16 a  {color: #718073;}
.no16 img{box-shadow: -6px -6px #718073;}/*上とセット*/
.nonpc a  {color: #a0a0a0;}
.nonpc img{box-shadow: -6px -6px #a0a0a0;}/*上とセット*/

/*----------女子----------*/
/*- aとimgで１セットです -*/
.vol1 a  {color: #a22041;}
.vol1 img{box-shadow: -6px -6px #a22041;}/*上とセット*/
.vol2 a  {color: #d37a83;}
.vol2 img{box-shadow: -6px -6px #d37a83;}/*上とセット*/
.vol3 a  {color: #b1072f;}
.vol3 img{box-shadow: -6px -6px #b1072f;}/*上とセット*/
.vol4 a  {color: #ffa300;}
.vol4 img{box-shadow: -6px -6px #ffa300;}/*上とセット*/
.vol5 a  {color: #f7723f;}
.vol5 img{box-shadow: -6px -6px #f7723f;}/*上とセット*/
.vol6 a  {color: #d3c64e;}
.vol6 img{box-shadow: -6px -6px #d3c64e;}/*上とセット*/
.vol7 a  {color: #1a1f47;}
.vol7 img{box-shadow: -6px -6px #1a1f47;}/*上とセット*/
.vol8 a  {color: #8a80af;}
.vol8 img{box-shadow: -6px -6px #8a80af;}/*上とセット*/
.vol9 a  {color: #c82c55;}
.vol9 img{box-shadow: -6px -6px #c82c55;}/*上とセット*/
.vol10 a  {color: #20335d;}
.vol10 img{box-shadow: -6px -6px #20335d;}/*上とセット*/
.vol11 a  {color: #ff3399;}
.vol11 img{box-shadow: -6px -6px #ff3399;}/*上とセット*/
.vol12 a  {color: #b8b0ce;}
.vol12 img{box-shadow: -6px -6px #b8b0ce;}/*上とセット*/
.vol13 a  {color: #0068b7;}
.vol13 img{box-shadow: -6px -6px #0068b7;}/*上とセット*/
.vol14 a  {color: #f4c1bf;}
.vol14 img{box-shadow: -6px -6px #f4c1bf;}/*上とセット*/
.vol15 a  {color: #bb5561;}
.vol15 img{box-shadow: -6px -6px #bb5561;}/*上とセット*/
.vol16 a  {color: #00ac97;}
.vol16 img{box-shadow: -6px -6px #00ac97;}/*上とセット*/
.volnpc a  {color: #000000;}
.volnpc img{box-shadow: -6px -6px #000000;}/*上とセット*/

/*----------基本----------*/
small{
font-size: 10px;
text-align: center;
}
.container2 a{
text-decoration: none; 
display: inline-block;
text-align: center;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
.container2 a:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.container2{
display: flex;
flex-flow: wrap;
}
.box{
line-height : 15px;
width: 150px;
margin:15px 0;
text-align: center;
}
.box img{
margin: 10px 10px 0;
border: 3px solid #ffffff;/*背景と同じ色にする*/
}

/*ペア表*/




.table1 {
    /*表の大枠*/
    border: 0px solid #none;
margin-left:auto;margin-right:auto;
}





.table1 caption {
    /*表のキャプション*/
    text-align: left !important;
    margin: 0.5em 0;
}




.table1 tr {
    /*表の行*/
    text-align: center !important;
}




.table1 th {
    /*見出しセル*/
    padding: 0.5em 1em;
    border: 1px solid #none;
    background: #none;
}




.table1 td {
    /*表のセル*/
    padding: 0.8em 0.8em;
    border: 1px solid #none;
    background: #none;
}


img.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

/* ============================================================
   適用デバイス：タブレット(sm)・デスクトップ(md)・大画面デスクトップ(lg)
   ============================================================ */
@media all and (min-width: 768px) {
.link-bn dt{float: left;}
.link-bn dd{margin-left: 210px;padding: 0 0 0 10px;}
.btn-inline{display: inline;}
}