WordPRESS テンプレ css

/*--------------------- wp tossy ----------------------*/

/* コンテイナー */
.container{width: 1000px; margin-left:auto; margin-right: auto;}

/*- コンテンツ */
.content{padding:0; box-sizing:border-box;}


/*-- gaiyou large 大サイズ */
.gaiyou-large a {display: block;padding: 20px 0;border-bottom: 2px dotted #ddd;color:#333;
text-decoration: none;}

.gaiyou-large:first-child a {padding-top: 0}

.gaiyou-large:hover {background-color: #eee;}

.gaiyou-large h1 {margin-top: 10px; margin-bottom: 10px; font-size: 26px;}

.gaiyou-large p {margin:0; font-size: 14px;}

.gaiyou-large .thumb{width: 100%; height: 350px; background-size: cover;background-position: 50% 50%;}

/*--------フッター --------*/
.copyright p {margin: 0; color: #666666; font-size: 14px;}

/*-------- 記事 --------*/
.kiji h1 {margin:0; margin-bottom: 10px; font-size: 34px;}
.kiji p{margin:0; margin-bottom: 20px;}

.kiji:after {content:""; display: block; clear: both;}

/* 大きい画像用の設定 */
img, wp-caption {max-width: 100%; height: auto;}

/* YouTube のビデオ */
.ytvideo {position: relative;width: 100%; height:0; padding-top: 56.25%;overflow: hidden;
margin-top: 30px; margin-bottom: 30px;}

.ytvideo iframe{position: absolute; top:0; left: 0; width: 100%; height: 100%;}

/* アイキャッチ画像 */
.i-catch {margin-top: 30px; margin-bottom: 30px;}

/* 投稿日 更新日 */
.kiji-date {margin-bottom: 20px; color:#666666; font-size: 12px; }

/* タグ */
.kiji-tag{margin-bottom: 18px;}
.kiji-tag ul {margin: 0; padding: 0; list-style: none;}
.kiji-tag li a{display: block; padding: 10px 5px; color:#000000; font-size: 12px; text-decoration: none;
margin-right: 5px; margin-bottom: 2px; border-radius: 2px; background-color:yellow; color:#666; }
.kiji-tag li a:hover{background-color: #dedede;}
.kiji-tag ul:after{content: ""; display: block; clear: both;}
.kiji-tag li{float: left; width: auto;}

/* パンくず リスト */
.bread ol{margin: 0; padding: 0; list-style: none;}
.bread li a{display: block;padding: 10px 5px; color:#000;font-size: 14px; text-decoration: none;}
.bread li a:hover{background-color: #eeeeee;}
.bread ol:after{display: block;content: ""; clear: both;}
.bread li {float: left; width: auto;}