@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*アニメ検索結果の選択ボタンデザイン*/
.animeSelect label{
    width: 150px;
    background: #ffdbb7;
    color: #000;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    border-radius: 30px;
    cursor: pointer;
	box-shadow    : 2px 2px 10px #666666;  /* 影の設定 */
}
.animeSelect input:checked+label{
    background: #ffad5b;
    color: #FFF;
}
.animeSelect input{
    display: none;
}

/*画面保持テキストボックス非表示設定*/
.animeScreenKeep {
    display: none;
}

/*見出しカスタマイズ*/
h1 {
	background: #ffdbb7;
	padding: 25px;
	font-size: 120%;
	border-radius:30px;
}

#content h2 {
	background-color: #ffdbb7;
	padding: 20px;
	font-size: 110%;
	border-radius:20px;
}

h3 {
	background-color: #ffdbb7;
	padding: 15px;
	font-size: 90%;
	border-radius:15px;
}

/*リンクの状態(下線なしに)*/
.linkdesign a{
  text-decoration: none;
}
.entry-content a{
  text-decoration: none;
}

/*「あなたも投票しよう！」ボタンカスタマイズ*/
.button_div_post input {
  font-size     : 18pt; 
  font-weight   : bold;
  background    : #ffad5b;     /* 背景色     */
  border        : none;
  border-radius : 20px;          /* 角丸       */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 0px 260px;   /* 余白       */
  color         : #333333;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1.0;         /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 4px 4px 15px #666666;  /* 影の設定 */
}

/*その他ボタンカスタマイズ(進む)*/
.button_div_vote_after input{
  font-size     : 14pt; 
  background    : #ffad5b;
  border        : none;
  border-radius : 20px;          /* 角丸       */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 20px;   /* 余白       */
  background    : #ffad5b;     /* 背景色     */
  color         : #333333;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1.0;         /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 10px #666666;  /* 影の設定 */
}
.button_div_vote_after{
  display       : inline-block;
}

/*その他ボタンカスタマイズ(戻る)*/
.button_div_vote_before input{
  font-size     : 14pt; 
  background    : #ffdbb7;
  border        : none;
  border-radius : 20px;          /* 角丸       */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 20px;   /* 余白       */
  background    : #ffdbb7;     /* 背景色     */
  color         : #333333;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1.0;         /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 10px #666666;  /* 影の設定 */
}
.button_div_vote_before {
	display       : inline-block;
}

/*その他ボタンカスタマイズ(要素追加)*/
.button_div_vote_element input{
  font-size     : 12pt; 
  background    : #ffad5b;
  border        : none;
  width         : 300px;
  height        : 30px;
  line-height   : 5px;
}
.button_div_vote_element{
  display       : inline-block;
  border-radius : 20px;          /* 角丸       */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 0px 15px;   /* 余白       */
  background    : #ffad5b;     /* 背景色     */
  color         : #333333;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1.0;         /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 10px #666666;  /* 影の設定 */
  margin        : 0px 0px 0px 0px;
}

/*似ている理由コメント入力*/
.alikeanimereason textarea{
	display: inline-block;
    width: 300px;
    box-sizing: border-box;
    margin: 0.5em 0;
    height: 300px;
	resize: none;
}

/*似ている理由コメント入力投稿者名*/
.alikeanimereasonname{
    display: inline-block;
    width: 200px;
    box-sizing: border-box;
    margin: 0.5em 0;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}