html {
text-align:center;
overflow: auto;
}
body {
font-family: "Quicksand", "メイリオ", Meiryo, san-seri, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic;
background-image: url("https://blog-imgs-118.fc2.com/m/i/n/minsyuunai/geometry2.png");
line-height:1.3;
margin:0;
padding:0;
width: 100%;
height: 100%;
overflow: hidden;
}
/******************************************* ▼ サイトの幅 ▼ */
#outline {
width:1080px; /* 全体 */
margin:0 auto;
}
#center {
width:750px; /* 中央 */
float:right;
}
#left {
width:0px; /* 左 */
float:left;
}
#right {
width:310px; /* 右 */
float:right;
}
#center-left { /* 計算して設定してください ------ */
width:750px; /* (全体-左-中央-右)/2 + 左 + 中央 */
float:left;
}
/******************************************* ▲ サイトの幅 ▲ */
/********************************************* ▼ ヘッダー ▼ */
#header {
margin-left: -500%;
margin-right: -500%;
padding-left: 500%;
padding-right: 500%;
background-color: #FFF;
}
#header h1 {
margin: 0 auto;
}
/********************************************* ▲ ヘッダー ▲ */
/********************************************* ▼ メニュー ▼ */
#menu {
margin-left: -500%;
margin-right: -500%;
padding-left: 500%;
padding-right: 500%;
background-color: #EDEDED;
}
#menu ul {
margin: 0 auto;
padding: 5px
}
#menu ul li {
display: inline;
font-size: 16px;
padding: 25px
}
.fa-rss-square {color: #fd9535}
.fa-tw {color: #1da1f3}
.fa-fb {color: #3b75d4}
.fa-fl {color: #7ece46}
/********************************************* ▲ メニュー ▲ */
/******************************************* ▼ ヘッダー下 ▼ */
#wrapper{
padding-top: 20px;
}
/******************************************* ▲ ヘッダー下 ▲ */
/******************************* ▼ リンクの色と下線の有無 ▼ */
a {
color: #333;
text-decoration: none;
transition-duration: 400ms;
transition-property: all;
transition-timing-function: ease;
}
a:hover {
color: #EB8686;
}
a:hover img {
opacity: 0.8;
}
/******************************* ▲ リンクの色と下線の有無 ▲ */
.blogroll-channel {
height: 200px;
background: #FFF;
overflow-y: scroll;
}
#blogroll-222190.blogroll-channel ,
#blogroll-222191.blogroll-channel {
height: 400px;
overflow-y: scroll;
}
.blogroll-wrapper {
width: 100%;
text-align : left;
}
.blogroll-innner2 {
width: 50%;
float: left;
margin: 20px 0px;
}
.blogroll-innner3 {
width: 33.3%;
float: left;
margin: 20px 0px;
}
.blogroll-channel .blogroll-list {
border-bottom: 1px dashed #c7c7c7;
padding: 3px;
font-size: 14px;
width:98%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#blogroll-222190.blogroll-channel .blogroll-list,
#blogroll-222191.blogroll-channel .blogroll-list {
list-style-type: none;
margin-bottom: 3px;
font-size: 18px;
}
.blogroll-category-name {
font-size: 14px;
color: #333;
}
.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
margin: 0 3px 0 0;
}
.blogroll-channel .blogroll-ad-img {
}
.blogroll-channel .blogroll-ad-text {
font-size: 5px;
color: #000;
}
.blogroll-channel .blogroll-ad-default a {
font-size: 5px;
color: #000;
}
/************************************************* ▼ 記事 ▼ */
.ently_outline {
background-color:#ffffff; /* 背景色 */
margin-top:20px; /* 次の記事までの間隔 */
margin-bottom:20px; /* 次の記事までの間隔 */
}
.ently_title {
font-size:20px; /* 文字サイズ(記事タイトル)*/
color:#ffffff; /* 文字色 (記事タイトル) */
background-color:#6088C6; /* 背景色 (記事タイトル)*/
text-align:left; /* 左寄せ (記事タイトル)*/
padding:7px 20px;
margin:0;
}
.date_and_comment {
font-size:16px;
text-align:right;
margin:5px 10px 0px 10px;
}
.ently_body {
font-size:18px; /* 文字サイズ(記事本文) */
color:#000000; /* 文字色 (記事本文) */
padding-bottom:10px;
}
.ently_text {
text-align:left; /* 左寄せ (記事本文) */
margin:10px 20px;
margin-bottom:20px; /* 記事末尾の間隔調整 */
}
.ently_text li {
list-style-type: disc;
}
.ently_navi {
text-align:right; /* 右寄せ(時刻・CM・TB) */
color:#555555; /* 文字色(時刻・CM・TB) */
margin:0px 10px 3px;
}
/************************************************* ▲ 記事 ▲ */
/********************************************* ▼ 続きを読むボタン ▼ */
.readmore {
text-align : center ;
}
a.square_btn:link,
a.square_btn:visited {
display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
background: #EB8686;/*ボタン色*/
color: #FFF;
border-bottom: solid 4px #E45A5A;
border-radius: 3px;
}
a.square_btn:active {/*ボタンを押したとき*/
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
border-bottom: none;/*線を消す*/
}
/********************************************* ▲ 続きを読むボタン ▲ */
/********************************************* ▼ 記事本文 ▼ */
.t_b {
}
.t_h {
font-size: 12px;
padding: 10px 0px 0px 0px
}
/* 引用元 */
#quote {
font-size: xx-small;
}
#quote a {
font-size: xx-small;
color: #BABABA;
text-decoration:none;
}
img.pict{
border:solid 1px #ccc;
padding:4px;
max-width: 400px; /* 最大幅 */
max-height: 300px; /* 最大高さ */
margin-top:20px; /* 間隔調整 */
}
a:hover img.pict{
border:solid 1px #ccc;
padding:4px;
}
.youtube{
position:relative;
padding-bottom: 56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.youtube iframe{
position:absolute;
top:0;
left:0;
width:90%;
height:90%;
}
img {
max-width: 100%; /* 最大幅 */
height: auto; /* 最大高さ */
}
/********************************************* ▲ 記事本文 ▲ */
/*************************** ▼ 左側メニュー(プラグイン１) ▼ */
.plugin1_outline {
margin-bottom:20px; /* 次のプラグインまでの間隔 */
}
.plugin1_title {
font-size:17px; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#ffffff; /* 文字色 (タイトル) */
background-color:#6088C6; /* 背景色 (タイトル) */
padding:7px 15px;
}
.plugin1_body {
font-size:15px; /* 文字サイズ(本体) */
color:#000000; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
padding:5px 5px 5px 5px;
}
/* プラグイン1説明（上部） */
.p1u_description {
margin-bottom:7px;
}
/* プラグイン1説明（下部） */
.p1d_description {
margin-top:7px;
}
/*************************** ▲ 左側メニュー(プラグイン１) ▲ */
/*************************** ▼ 右側メニュー(プラグイン２) ▼ */
.plugin2_outline {
margin-bottom:20px; /* 次のプラグインまでの間隔 */
}
.plugin2_title {
font-size:17px; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#ffffff; /* 文字色 (タイトル) */
background-color:#6088C6; /* 背景色 (タイトル) */
padding:7px 15px;
}
.plugin2_body {
font-size:15px; /* 文字サイズ(本体) */
color:#000000; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
padding:5px 5px 5px 5px;
}
/* プラグイン2説明（上部） */
.p2u_description {
margin-bottom:7px;
}
/* プラグイン2説明（下部） */
.p2d_description {
margin-top:7px;
}
/*************************** ▲ 右側メニュー(プラグイン２) ▲ */
/*************************** ▼ 上部メニュー(プラグイン３) ▼ */
.plugin3_outline {
margin-bottom:20px; /* 次のプラグインまでの間隔 */
}
.plugin3_title {
font-size:17px; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#ffffff; /* 文字色 (タイトル) */
background-color:#6088C6; /* 背景色 (タイトル) */
padding:7px 15px;
}
.plugin3_body {
font-size:15px; /* 文字サイズ(本体) */
color:#000000; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
padding:5px 5px 5px 5px;
}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:5px;
margin-bottom:5px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:5px;
margin-bottom:5px;
}
/*************************** ▲ 上部メニュー(プラグイン３) ▲ */
/********************************************* ▼ コメント表示欄 ▼ */
.comment2ch_outline {
text-align:left; /* 左寄せ */
margin-bottom:20px; /* 次のエリアまでの間隔 */
}
.comment2ch_title {
font-size:17px; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#ffffff; /* 文字色 (タイトル) */
background-color:#6088C6; /* 背景色 (タイトル) */
text-align:center; /* 中央寄せ */
padding:7px 15px;
}
.comment2ch_body {
font-size:15px; /* 文字サイズ(本体) */
color:#000000; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
padding:5px 5px 5px 5px;
}
.comment2ch_text{
font-size:16px; /* 文字サイズ(コメント本文) */
font-weight:bold; /* 太字 (コメント本文) */
color:#000000; /* 文字色 (コメント本文) */
}
/* ▽▽掲示板風スタイルここから▽▽ */
ol.thread
{
list-style-position:inside;
}
ol.thread li strong
{
color:green;
}
ol.thread li a:link
{
color:blue;
}
ol.thread p
{
margin:10px 10px 25px 10px;
padding-top:0;
padding-left:10px;
}
li.thread
{
font-size: 12px;
font-weight:normal;
}
/* ▲▲掲示板風スタイルここまで▲▲ */
/********************************************* ▲ コメント表示欄 ▲ */
/********************************************* ▼ コメント入力欄 ▼ */
.comment_outline {
text-align:left; /* 左寄せ */
margin-bottom:20px; /* 次のエリアまでの間隔 */
}
.comment_title {
font-size:17px; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#ffffff; /* 文字色 (タイトル) */
background-color:#6088C6; /* 背景色 (タイトル) */
text-align:center; /* 中央寄せ */
padding:7px 15px;
}
.comment_body {
font-size:15px; /* 文字サイズ(本体) */
color:#000000; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
padding:5px 5px 5px 5px;
}
.comment_text {
text-align:left; /* 左寄せ (コメント本文) */
margin:10px 20px;
}
/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}
/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}
/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}
/********************************************* ▲ コメント入力欄 ▲ */
/******************* ▼ カテゴリ・検索・月別ナビゲーション ▼ */
.various_outline {
border-top:#e0e0e0 2px solid; /* 外枠の色/太さ/実線 (上) */
margin-bottom:20px;
}
.various_title {
font-size:17px; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#ffffff; /* 文字色 (タイトル) */
background-color:#6088C6; /* 背景色 (タイトル) */
padding:7px 15px;
}
.various_body {
font-size:15px; /* 文字サイズ(本体) */
color:#000000; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
padding:5px 5px 5px 5px;
}
.various_text {
text-align:left; /* 左寄せ (本体) */
margin:10px 20px;
}
.various_navi {
text-align:center; /* 中央寄せ (矢印) */
margin:0px;
}
/* 便利ナビ（カテゴリ・検索・月別ナビゲーション）の外枠 */
.various_outline {
border:#e0e0e0 2px solid; /* 外枠の色/太さ/実線 */
}
/******************* ▲ カテゴリ・検索・月別ナビゲーション ▲ */
/********************************************* ▼ フッター3カラム ▼ */
#footer_3column_outline {
margin-top:5px; /* 上との間隔 */
border-top:4px solid #4169e1; /* 外枠の色 */
background-color:#ffffff; /* 背景色 */
}
#footer_3column_body {
font-size:9pt; /* 文字サイズ */
color:; /* 文字色 */
border:1px solid #ffffff; /* 内枠の色 */
padding:3px;
}
#f-total {
width: 1080px;
overflow: hidden;
}
div.f-box {
float: left;
width: 338px; /* 200 x 5 = 1000 */
background-color: #FFFFFF;
text-align: left;
padding: 5px;
margin: 3px;
}
.f-title {
font-weight:bold;
margin: 0px 0px 10px 0px;
padding: 0px 0px 2px 5px;
border-bottom: #aaaaaa 1px dashed;
border-left: #AAAAAA 3px solid;
}
/********************************************* ▲ フッター3カラム ▲ */
/********************************************* ▼ フッター ▼ */
#footer_outline {
background-color:#ffffff; /* 背景色 */
height: 80px;
margin-top: 20px;
margin-left: -500%;
margin-right: -500%;
padding-left: 500%;
padding-right: 500%;
}
#footer_body {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#footer_body a:hover { color:#EB8686; } /* オンマウス時 */
/********************************************* ▲ フッター ▲ */
/*** その他 ***/
p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; }
li { margin-left:0px; margin-bottom:3px;
list-style-type: none; }
form { margin:0; }
table { font-size:10pt; }
.c-both { clear:both; }
.page_navi { margin:30px 0; font-size:9pt; }
/* プラグインの文字配置 */
.ta_left { text-align: center }
.ta_right { text-align: center }
.ta_center { text-align: center }
/* プラグイン内の入力欄幅設定 */
.plugin1_body input[type="text"],
.plugin2_body input[type="text"],
.plugin1_body textarea,
.plugin2_body textarea {
width: 75%;
}
.plugin1_body input[type="submit"],
.plugin2_body input[type="submit"] {
font-family: FontAwesome;
}
/* 引用 */
blockquote{
background-color:#ddd;
padding:1em;
position:relative;
z-index:1;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
color:#fff;
position:absolute;
left:0;
top:0;
z-index:-1;
}
/*--------------------------------------
ヨメレバ・カエレバここから
--------------------------------------*/
.booklink-box, .kaerebalink-box{
width:90%;
margin:20px auto;
padding:20px;
border:double #d2d7e6;
overflow: hidden;
font-size:small;
border-radius:2px;
}
.booklink-image, .kaerebalink-image{
width: 150px;
margin:0 15px 20px 0;
float:left;
}
.booklink-image img, .kaerebalink-image img{
display:block;
margin:0 auto;
text-align:center;
}
.booklink-info, .kaerebalink-info{
display:block;
margin:0 auto;
text-align:left;
line-height:120%;
overflow: hidden;
}
.booklink-name, .kaerebalink-name{
font-size:16px;
margin-bottom:24px;
line-height:1.5;
}
.booklink-powered-date, .kaerebalink-powered-date{
font-family: verdana;
font-size:8pt;
margin-top:5px;
line-height:120%;
}
.booklink-detail, .kaerebalink-detail{
margin-bottom:5px;
}
.booklink-link2, .kaerebalink-link1{
margin-top:10px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom{
float:left;
width:30%;
margin:15px 1% 0 auto;
padding:10px 0px;
height:15px;
overflow:hidden;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
text-align:center;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover{
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a{
display:block;
cursor:pointer;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;
}
.shoplinkamazon a{
color:#FF9901 !important;
}
.shoplinkrakuten a{
color:#c20004 !important;
}
.shoplinkkindle a{
color:#007dcd !important;
}
.shoplinkyahoo a{
font-size:10px;
color:#7b0099 !important;
}
.booklink-footer{
clear:left;
}
/*--------------------------------------
ヨメレバ・カエレバここまで
--------------------------------------*/
/******************************************* ▼ ページナビ ▼ */
.simple-pagination {
margin: 20px 0px;
}
/******************************************* ▼ SNSボタン ▼ */
.flat_ss {
color: #484848;
display: inline-block;
height: 50px;
font-size: 25px;
line-height: 50px;
vertical-align: middle;
background: #eaeef1;
text-decoration: none;
margin: 10px 10px 20px 10px;
}
.flat_ss .iconback{
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
color: white;
}
.flat_ss .iconback .fa{
font-size: 25px;
line-height: 50px;
}
.flat_ss .iconback .fa{
transition: .3s;
}
.flat_ss .btnttl{
display: inline-block;
width: 120px;
text-align: center;
vertical-align:middle;
}
.flat_ss .tw {background:#1da1f3}
.flat_ss .fb {background:#3b75d4}
.flat_ss .fdly {background:#7ece46}
.flat_ss .pkt {background:#fd7171}
.flat_ss .htb {font-weight: bold; background:#49a8fb}
.flat_ss:hover .iconback .fa{
-webkit-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
transform: rotateX(360deg);
}
/******************************************* ▼ TOPへ戻るボタン ▼ */
#page-top{
display: block;
position: fixed;
z-index: 9999;
bottom: 270px;
right: 20px;
}
#comment-button{
display: block;
position: fixed;
z-index: 9999;
bottom: 240px;
right: 20px;
}
#page-bottom{
display: block;
position: fixed;
z-index: 9999;
bottom: 210px;
right: 20px;
}
/**************************************************************/
/*
フッターにある著作権表示(リンク)さえ残して頂ければ
どんなにカスタマイズされても構いません。また、
どのようなサイトでも利用してくださって結構です。
FC2ブログのテンプレート工房
[lightframe_ver.05.1] (http://10plate.blog44.fc2.com/)
*/
/**************************************************************/