/*
Theme Name: tokyo7_ver6
Theme URI: http://tokyo7.web-mk.net/
Description: tokyo7_ver5
Version: 1.0
Author URI: http://tokyo7.web-mk.net/

ベース #660000
ボーダ #C4B09B
背景 #F0EBE6

リンク #000098
ホバー #004997
*/
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
* { margin:0; padding:0; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, verdana ,arial ,sans-serif; border:0px; list-style-type: none; font-weight:normal; text-align:left ;color:#444; font-style:normal; }
html{font-size:62.5%;}
body{background:#F0EBE6 ;margin:0; font-size:1.4rem;}
a{text-decoration:none;color:#004997}
a:hover {text-decoration:underline;color:#004997}
time,header {display:block}
strong {font-weight:bold;color:#000}
blockquote{padding-left:1em;border-left:3px solid #C4B09B }

.sct--articleList li:after,
.cfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden; }
.cfix { min-height:1px;}
* html .clearfix { height:1px; /*\*//*/ height:auto; overflow:hidden; /**/ }

.hd {background:#600; padding:16px;}
.hd--logo {text-align:center; color:#C4B09B; font-size:1.4rem;}
.hd--read {text-align:center; color:#C4B09B; font-size:1.2rem;}

.ft {background:#600; padding:16px;}
.ft--copyright {text-align:center; color:#C4B09B;}

.container {max-width:720px; padding:16px; margin:0 auto; position:relative;}
main.container {background: #FFF;position:relative; top:-10px;border-top:10px solid #C4B09B;}

/* 記事 */
.atc {}
.atc--hd {}
.atc--header{margin-bottom:2em;}
.atc--date {text-align: right; font-size:1.2rem;}
.atc--title { font-size:2.4rem; font-weight:bold; margin:8px 0; line-height:100%;}
.atc--body p {font-size:1.8rem; line-height:180%; margin-bottom: 2em; }

/*　ナビ　*/
.nav--pan {}
.nav--pager {}

/* 見出し */
.sct--title {font-size:1.6rem; color:#660000; text-align:center; border-bottom:1px solid #C4B09B;}

.aligncenter {display:block;margin:8px auto;}

/* 記事リスト */
.sct--article { margin-bottom: 24px; border-bottom: 1px solid #C4B09B}
.sct--article:first-child.atc{border-top: 0;}

.sct--articleList {}
.sct--articleList li a .img{ display:block; width:80px; height:80px; float:left; margin:0 16px 0 0; background: 50% 50% no-repeat; background-size:cover;}
.sct--articleList li a .atc--title{font-size:1.6rem;}

/* ボタン */
.btn--afi{}
.btn--afi li{float:left; width:48%; margin:2px;}
.btn--afi li a{ display:block; padding:8px 0 0; border:1px solid #CCC; text-align:center;}
.btn--afi li a img{ height:40px; width:auto;}

.aflink-atc { display: inline-flex; width:100%; positon:relative;}
.aflink-atc a {flex-basis:33%; font-size:1.4rem; text-align:center;}
.aflink-atc a img{display:block;max-height:120px;margin:0 auto 4px;}

.list--recommendItem {}
.list--recommendItem .items{margin:16px 0}
.list--recommendItem li{ float:left; text-align: center; width:33%;}
.list--recommendItem li span{ display:block; text-align: center; vertical-align: middle; width: 100%;}
.list--recommendItem li span img{ display:block; margin:auto; width:auto; max-height:100px;}
.list--recommendItem li em{font-size:1.2rem;}

.list--similar {}
.list--similar li{ border-bottom:1px solid #EEE;}
.list--similar li:last-child{ border-bottom:0;}
.list--similar li a{font-size:1.6rem; display:block; padding:8px;}
.list--similar li a:hover{text-decoration:none; color:#FFFFFF; background:#004997;}

.list--menu{background:#004997;max-width:720px;margin:-10px auto 0;}
.list--menu li{float:left;}
.list--menu li a{display:block; padding:8px;color:#FFF; text-align:center; text-decoration:none;}
.list--menu li a:hover{background:rgba(255,255,255,0.3)}

.list--tags{}
.list--tags li{float:left; min-width:25%;}
.list--tags li a{display:block; padding:8px;}

.list--tweet {position:absolute; top:40px; right:40px; width:80px;}
.list--tweet li {border-bottom: 1px solid #999; padding:16px 0;}
.list--tweet .twimg {}
.list--tweet .twtext {}

/* 画面サイズ720px以上 */
@media screen and (min-width:720px){
main.container {padding:14px 40px 40px;}
.box--recommend {width:49%;float:right;}
.list--similar {width:50%;float:left;}
.list--menu li{width:14%;}
}

/* 画面サイズ720px以下 */
@media screen and (max-width: 720px) {
.btn--afi{margin:0 16px 24px;}
}

/* 画面サイズ360px以下 */
@media screen and (max-width:360px){

}

/* end