/*
Theme Name: CoolTemplate-1420
Description: MTテンプレート Ver.14
Version: 14.0.0
Author: エーエフ・パートナー
Author URI: http://www.jp-soft.com/
*/



  
 /*テーマ基本文字、大きさ、色、行間 */
body { font-size: 87.5%	; line-height:1.6em;}

 /* サイトタイトル */
#ptitle {color:  #444	;}
#ptitle a {color: #444	;}

/* Link color  ここで変更できます　*/
a {color: #39D	;}
a:hover {color: #C06	;}
.sidebar-wrapper ul li a:hover{color:#C06	;}
a:hover.more {background-color: #C06	;}
#related-posts  article h5 a:hover {color: #C06	;}
#searchsubmit:hover {background-color: #C06	;}
.footer-wrapper ul li a:hover{color:#C06	;}
.source a:hover {color: #C06	;}

 /*サイドバー位置 */

#contents-2column {float: left;}
#sidebar {float: right;}



/* ナビゲーション*/


#gnav nav > ul > li, #gnav.clone-nav nav > ul > li {width: 16.66%}

#gnav {font-size: 100%;}
#gnav.clone-nav {font-size: 100%;}

/* ２カラム用設定 */

.archive #containar {width: 940px;}
.archive #contents {float: left; width: calc(100% - 320px); margin-bottom: 20px; z-index: 30;}


.single #containar {width: 940px;}
.single #contents {float: left; width: calc(100% - 320px); margin-bottom: 20px; z-index: 30;}


/* インフォメーション */
#info { background-color: #931b4c;}

#info {background-image: url("https://haoshumen.com/img/info_back.jpg"); background-size: cover; background-position: center center;}

#info-cover {color: #FFF; background-color: rgba(147,27,76,0.8);}
#info-cover a{color: #FFF; text-decoration: underline;}
#info-cover a:hover{text-decoration: underline;}

 /* 投稿 */
.doc {font-size: 108%; line-height: 2.0em;}

@media screen and (max-width: 920px) {
  /* 基本 */
  .archive #containar, .search #containar {width: 96%;}
  .single #containar {width: 96%;}
  .page #containar {width: 96%;}
}
@media screen and (max-width: 767px) {
  /* コンテンツ */
  .archive #contents {float: none; width: 100%;}
  .single #contents {float: none; width: 100%;}
  .page #contents {float: none; width: 100%;}
}