@charset "utf-8";
/*
theme Name: soybox ver.3
Author: mame.info
Description: original theme
*/

body {
margin: 0;
padding: 0;
color: #aaa;
font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 100%;
line-height: 1.7;
}

img{
max-width: 100%;
width /***/: auto;
height: auto;
}

h1 {
font-size: 180%;
color: #000;
margin: 0;
padding: 0;
}

ul,li {
padding: 0;
list-style-type: none;
}

.none { display: none; }

.clear { 
margin: 0px 0px 10px 0px;
clear: both; 
}

.page-manu {
width: 100%;
margin: 0;
padding: 0 0 30px 0;
font-size: 90%;
color: #000;
}

a:active { color:#FA71AF; text-decoration: underline; }
a:hover { color:#FA71AF; text-decoration: underline; }
a:link { color:#FA71AF; text-decoration: none; }
a:visited { color:#FA71AF; text-decoration: underline; }

a.navi:active { color:#333; text-decoration: none; }
a.navi:hover { color:#333; text-decoration: none; }
a.navi:link { color:#333; text-decoration: none; }
a.navi:visited { color:#333; text-decoration: none; }

a.catlink:active { color:#000; text-decoration: underline; }
a.catlink:hover { color:#000; text-decoration: underline; }
a.catlink:link { color:#000; text-decoration: none; }
a.catlink:visited { color:#000; text-decoration: underline; }

a.fff:active { color:#fff; text-decoration: none; }
a.fff:hover { color:#fff; text-decoration: none; }
a.fff:link { color:#fff; text-decoration: none; }
a.fff:visited { color:#fff; text-decoration: none; }

/*==== ENTER ====*/

#enter {
width: 800px;
margin: 150px auto;
padding: 0;
color: #333;
}

#enter .center {
margin: 60px 0;
text-align: center;
font-size: 150%;
}

#enter .enter {
margin: 30px auto;
padding: 0;
color: #333;
font-size: 90%;
}

/*==== トップページ ====*/

#container {
display: flex;
width: 1000px;
margin: 0 auto;
padding: 0;
border-left: solid 1px #aaa;
border-right: solid 1px #aaa;
}

/*-- トップ：メイン --*/
#main {
flex: 1;
margin: 0;
padding: 20px 0 0 0;
}

/*-- トップ：タイトル --*/
#header {
width: 100%;
margin: 0 auto;
padding: 15px 0;
text-align: center;
border-bottom: dashed 1px #ccc;
}

/*-- プロフィールの総高さ --*/
#top-header {
position: relative;
width: 100%;
height: 450px;
margin: 0;
padding: 0;
}

/*-- プロフィールのヘッダー画像 --*/
#top-cover {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
background-image: url("http://choco.chu.jp/soy/wp-content/themes/soybox3/images/logo-bg.png");
}

#top-cover-hq {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
background-image: url("http://choco.chu.jp/soy/wp-content/themes/soybox3/images/head-hq.png");
}

#top-cover-wt {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
background-image: url("http://choco.chu.jp/soy/wp-content/themes/soybox3/images/head-wt.png");
}

#top-cover-ga {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
background-image: url("http://choco.chu.jp/soy/wp-content/themes/soybox3/images/head-ga.png");
}

#top-cover-tr {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
background-image: url("http://choco.chu.jp/soy/wp-content/themes/soybox3/images/head-tr.png");
}

#top-cover-ga {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
background-image: url("http://choco.chu.jp/soy/wp-content/themes/soybox3/images/head-ga.png");
}

#top-cover-sk {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
background-image: url("http://choco.chu.jp/soy/wp-content/themes/soybox3/images/head-sk.png");
}

#top-cover-bb {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
background-image: url("http://choco.chu.jp/soy/wp-content/themes/soybox3/images/head-bb.png");
}

/*-- プロフィール部分の大枠 --*/
#top-profbox {
position: absolute;
width: 100%;
top: 150px;
margin: 0;
padding: 0;
} 

#top-prof {
width: 950px;
margin: 0 auto;
padding: 5px 0 0 0;
color: #000;
} 

.top-icon img {
width: 110px;
margin: 0;
padding: 0;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
padding: 3px;
background-color: #FFFFFF;
} 

.prof-name {
width: 100%;
color: #000;
font-size: 120%;
font-weight: bold;
} 

.prof-bio {
width: 100%;
padding: 10px 0;
font-weight: normal;
} 

.prof-link {
color: #666;
} 

.prof-link a {
width: 100%;
color: #35A3DF;
font-size: 80%;
font-weight: normal;
text-decoration: none;
} 

/*-- ジャンルリンク --*/

.select-box {
display: flex;
justify-content: center;
width: 90%;
margin: 10px auto 10px;
padding: 0;
}

.select-box .select {
width: 18%;
margin: 0 5px 0 0;
padding: 3px 0;
font-size: 100%;
text-align: center;
}

.select-box .select a {
display: block;
color: #7EAFCA;
background: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: solid 1px #7EAFCA;
}

.select-box .select a:hover {
color: #fff;
background: #7EAFCA;
border: solid 1px #7EAFCA;
}

#under {
margin: 40px 0;
}

#pager_navigation {
overflow: hidden;
width: 100%;
height: 30px;
margin: 50px auto;
padding: 10px 0px 0px 0px;
color: #7ec2ed;
text-align: center;
font-size: 100%;
}

/*==== つぶやき ====*/

/*-- つぶやき：ラップ --*/
#top-tl {
width: 100%;
margin: 0 auto;
padding: 5px 0 0 0;
text-align: left;
border-top: solid 1px #ccc;
}

.archivenone #top-tl {
width: 100%;
margin: 0 auto;
padding: 5px 0 0 0;
text-align: left;
border-top: none;
}

.tl-box {
width: 100%;
margin: 20px auto 0;
padding: 10px 0;
border-bottom: solid 1px #ccc;
}

.tl-fixed {
width: 98%;
padding: 25px 15px;
color: #000;
font-size: 100%;
line-height: 150%;
}

.tl-h {
width: 98%;
padding: 10px 15px 3px 15px;
color: #aaa;
font-size: 90%;
line-height: 140%;
}

.tl-c {
width: 85%;
margin: 5px 0;
text-align: left;
}

.tl-ex {
width: 98%;
padding: 0 15px;
color: #333;
font-size: 100%;
line-height: 140%;
}

.entry-img {
width: 550px;
margin: 0 auto;
padding: 10px 0;
text-align: center;
}

.entry-img-com {
width: 430px;
margin: 0 auto;
padding: 0 0 20px 0;
text-align: left;
}

.tl-text {
width: 650px;
margin: 0 auto;
padding: 20px 0;
color: #333;
font-size: 95%;
line-height: 140%;
}

.tl-text details {
padding: 10px 0;
}

.tl-about {
margin: 30px auto;
color: #555;
font-size: 90%;
line-height: 140%;
}

.tl-record {
width: 500px;
margin: 0 auto;
color: #aaa;
font-size: 85%;
text-align: right;
}

.tl-t {
width: 95%;
margin: 0 auto;
padding: 50px 0 25px 0;
color: #aaa;
font-size: 90%;
line-height: 140%;
}

/*==== プロフィール ====*/

#about {
flex: 1;
margin: 0;
padding: 20px 0;
color: #333;
background-color: #F5E7EE;
}

/*-- つぶやき：ラップ --*/
.about-box {
width: 85%;
margin: 20px auto;
padding: 15px 10px;
background-color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: solid 1px #aaa;
}

.about-h {
width: 100%;
margin: 0;
padding: 0 5px 5px 5px;
font-weight: bold;
font-size: 110%;
}

.about-text {
width: 95%;
margin: 0 auto;
padding: 0;
font-size: 90%;
}

/*==== アーカイブ ====*/

/*-- アーカイブ：ラップ --*/
#archive-tl {
width: 100%;
margin: 0 auto;
padding: 5px 0 0 0;
text-align: left;
}

.archive-box {
display: flex;
width: 100%;
margin: 0;
padding: 15px 0;
border-bottom: solid 1px #ccc;
}

.archive-box-2 {
display: flex;
width: 100%;
margin: 0 0 50px 0;
padding: 0;
}

.archive-h {
width: 40%;
padding: 0 40px;
color: #aaa;
font-size: 95%;
}

.archive-ex {
width: 60%;
padding: 0 30px 0 0;
color: #333;
font-size: 90%;
}

.archive-ex p {
margin: 0;
padding: 0;
}

/*==== 投稿ページ ====*/

/*-- 投稿ページ：ラップ --*/
#single-tl {
width: 100%;
margin: 0 auto;
padding: 5px 0 50px 0;
text-align: left;
}

.single-box {
width: 100%;
margin: 0 0 50px 0;
padding: 0;
}

.single-h {
width: 90%;
margin: 0 auto;
padding: 50px 0 0 0;
color: #000a;
font-size: 110%;
font-weight: bold;
}

.single-d {
width: 90%;
margin: 0 auto;
padding: 10px 0 0 0;
color: #aaa;
font-size: 95%;
}

.single-c {
width: 90%;
margin: 0 auto;
padding: 10px 0 0 0;
color: #000a;
font-size: 90%;
}

.single-ex {
width: 90%;
margin: 0 auto;
padding: 30px 0 0 0;
color: #333;
font-size: 90%;
}

.single-ex p {
margin: 0;
padding: 0;
}

.maroyaka {
height: 100%;
}

/*==== 共通 ====*/

/*-- 共通：背景色 --*/
#page-back {
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
}

/*-- 共通：ヘッダー --*/
header {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}

/*-- 共通：タイトル --*/
.page-logo {
width: 400px;
margin: 0 auto;
padding: 10px 0;
text-align: center;
}

/*-- 共通：メニュー --*/
.page-menu {
width: 90%;
margin: 0 auto;
padding: 10px 0;
font-size: 90%;
text-align: center;
}

/*-- 共通：ジャンルアイコン --*/
.page-icon {
width: 95%;
margin: 0 auto;
padding: 5px 0;
text-align: center;
}

/*-- 共通：パンくず --*/
.breadcrumb {
margin: 0 0 30px 0;
padding: 10px 10px;
font-size: 90%;
color: #000;
background-color: #b9b2c5;
}

/*-- 共通：ラップ --*/
#page {
width: 1000px;
margin: 0 auto 50px;
padding: 10px 0;
font-size: 100%;
color: #000;
}

/*-- 共通：上部へ戻る --*/
.pagetop {
display: none;
position: fixed;
right: 20px;
bottom: 10px;
}

.pagetop a {
display: block;
padding: 5px 10px;
color: #222;
font-size: 12px;
text-align: center;
text-decoration: none;
background-color: #ccc;
border-radius: 30px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

.pagetop a:hover {
display: block;
padding: 5px 10px;
color: #fff;
font-size: 12px;
text-align: center;
text-decoration: none;
background-color: #b2d1fb;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

/*-- 共通：フッター --*/
footer {
width: 100%;
height: 60px;
margin: 0 auto;
padding: 10px 0 40px 0;
color: #fff;
border-top: solid 1px #000;
text-align: center;
background-color: #a6cbc5;
}

/*-- 共通：フッターSNSリンク --*/
#footer-link {
margin: 0;
padding: 10px 0;
color: #000;
font-size: 110%;
}

#footer-link a {
color: #fff;
text-decoration: underline;
}

/*-- 共通：コピーライト --*/
#footer-since {
margin: 0;
padding: 0;
font-size: 90%;
}

/*==== 連絡 ====*/

/*-- 連絡：見出し --*/
.page-mail {
width: 450px;
margin: 0 auto 100px;
padding: 0;
color: #333;
font-size: 100%;
line-height: 140%;
text-align: center;
}

.page-mailform {
width: 100%;
margin: 0 auto 20px;
padding: 20px 0;
color: #333;
font-size: 100%;
line-height: 140%;
text-align: left;
}

.page-send {
margin: 0 auto 40px;
color: #aaa;
font-size: 75%;
text-align: center;
}

}