@charset "utf-8";
/* CSS Document */
/*主に
デフォルト及びタグのリセット
ヘッダー
検索フォーム
フッター
TOPページ
記事ページ
レスポンシブ
の設定がされています。*/

ul, ol, li{
list-style-type: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: bottom;
word-break: normal; /*文字の禁則処理*/
line-break: strict; /*IE*/
word-wrap: break-word;
}
pre {
white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5+ */
}
article, aside, figure, figcaption, footer, header, hgroup, nav, section {
display: block;
}
body {
-webkit-text-size-adjust: 100%;
overflow-y:scroll;
word-wrap: break-word; /*IE*/
font:normal 62.5% /1.3rem 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
color: #633E4A;
background: #ffd6d9;
/*background: #FFEDEA;*/
border-top: 2px solid #806d6e;
}
@font-face {
font-family: otajo;
src: url("../img/otajo.woff")format('woff'),
url("../img/otajo.ttf") format("truetype"),
url("../img/otajo.eot") format("eot");
}
input[type="button"],
input[type="text"],
input[type="submit"],
input[type="search"]{
-webkit-appearance: none;
border-radius: 0;
}
img,
a img{
vertical-align: bottom;
border: none;
}
a img{
/* アニメーション指定*/
-moz-transition: 0.1s linear;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
}
a img:hover{
-moz-opacity:0.90;
opacity:0.90;
}
a {
color: rgba(114, 90, 100, 1);
text-decoration: none;
-moz-transition: 0.1s linear;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
}
a:hover {
color: #f0857f;
text-decoration: underline;
}
hr{
border:none;
border-top:dashed 1px rgba(0,0,0,.2);
border-bottom:dashed 1px rgba(255,255,255,.4);
height:1px;
color:#fff;
margin: 0 3px;
}
#topNews h2 a:link,
#topNews h2 a:visited,
.subNews h2 a:link,
.subNews h2 a:visited,
#topNews p a:link,
#topNews p a:visited,
.subNews p a:link,
.subNews p a:visited,
.News-list h2 a:link,
.News-list h2 a:visited,
#main-box .yarpp-related h4 a:link,
#main-box .yarpp-related h4 a:visited,
#moreList a:link,
#moreList a:visited,
.other-link a{
color: rgba(114, 90, 100, 1);
}
.subNews h2 a:hover,
.subNews h2 a:focus,
#topNews h2 a:hover,
#topNews h2 a:focus,
#topNews p a:hover,
#topNews p a:focus,
.subNews p a:hover,
.subNews p a:focus,
.News-list h2 a:hover,
.News-list h2 a:focus,
#main-box .yarpp-related h4 a:hover,
#moreList a:hover,
.other-link a:hover,
.other-link a:hover:before,
#moreList a:hover:before{
color: #f0857f;
text-decoration: none;
}
blockquote{
background: rgba(247, 240, 231, 0.66);
padding: 4px;
border: 1px solid #E6E6E6;
}
/* ヘッダフッタ-----------------------*/
footer{
background: #675959;
}
/* 仕切り線設定-----------------------*/
#topNews,
.subNews,
#category ul li {
border-bottom: 1px solid rgba(255,20,0,0.1);
}
#logo-area,
#menu-navbar,
footer ul{
width: 980px;
}
/* カラム-----------------------*/
#container {
clear: both;
}
#mainContent {
border-radius:0 0 3px 3px;
width: 980px;
margin: 0 auto 5px;
}
#mainColumn{
float: left;
margin:0 10px 15px 0;
width: 652px;
}
#mainColumn h1{
margin: 0;
}
#single-main{
float: left;
margin:0 10px 15px 0;
width: 650px;
}
#mainContent:after {
content:"";
display:block;
clear:both;
}
#mainColumn h1,
#main-box h1,
#articletitle,
#categorypages h3,
#category h3 {
margin:-4px 0 5px 0;
color: #806d6e;
display:inline-block;
font:normal 1rem/1 "";
min-height: 32px;
}
#single-main h4{
margin:-4px 0 5px 0;
color: #806d6e;
display:inline-block;
font:normal 1rem/1 "";
}
#articletitle:before,
#mainColumn h1:before,
#main-box h1:before,
#single-main h4:before,
#category h3:before{
margin: 0 5px 0 0;
font:normal 1.8rem/1 "otajo";
content:"（";
}
#articletitle:after,
#mainColumn h1:after,
#main-box h1:after,
#single-main h4:after,
#category h3:after{
margin: 0 0 0 5px;
font:normal 1.8rem/1 "otajo";
content:"）";
}
#rightColumn {
width: 300px;
float: right;
padding:0;
margin: 32px 0 0 0;
}
/* ヘッダー関連---------------------------------------------------------------------------*/
header{
}
header h1{
color: rgba(0,0,0,0);
}
#haeder-top{
position: relative;
width: 100%;
padding: 8px 0;
height: 60px;
font: normal 10px /12px Georgia, "Times New Roman", Times, serif;
letter-spacing: 0.05rem;
border-top: 1px solid #F5CECB;
border-bottom: 1px solid #F5CECB;
}
#logo-area{
position: relative;
margin:0 auto;
}
#header-logo{
width: 135px;
height: 51px;
text-indent: 0em;
}
#header-logo:before{
position: absolute;
top:-40px;
color: #806d6e;
font:normal 9rem/1 "otajo";
content: "l";
text-shadow: 0 0 10px rgba(103, 42, 45, 0.28), 0px 3px 0 rgba(200, 153, 156, 0.44);
/*アニメーション指定 初動*/
animation-name: logoUp;
-webkit-animation-name: logoUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
}
@keyframes logoUp {
0% {
transform: translateY(-75px) scale(0.6) scaleX(0.5);
}
20%{
transform: translateY(20px) scaleY(0.2) scaleX(1.3);
}
55%{
transform: translateY(0)scale(0.9) scaleX(1.1);
}
80%{
transform: translateY(0) scale(1) scaleX(1.05);
}
100% {
transform: translateX(0) scale(1);
}
}
@-webkit-keyframes logoUp {
0% {
-webkit-transform: translateY(-75px) scale(0.6) scaleX(0.5);
}
20%{
-webkit-transform: translateY(20px) scaleY(0.2) scaleX(1.3);
}
55%{
-webkit-transform: translateY(0)scale(0.9) scaleX(1.1);
}
80%{
-webkit-transform: translateY(0) scale(1) scaleX(1.05);
}
100% {
-webkit-transform: translateX(0) scale(1);
}
}
#logo-area i{
width: 100px;
height: 40px;
padding: 19px  0 0 25px;
text-shadow: 0 0 1px rgba(249,211,214,0.5);
text-align: center !important;
position: absolute;
background-size: 25%;
top: 0;
right: 10px;
color: #806d6e;
}
#logo-area i:after{
position: absolute;
top: 11px;
right: 95px;
color: #806d6e;
font:normal 2.2rem/1 "otajo";
content: "c";
}

.social-banner {
  width: 100%;
  margin: 12px auto;
  height: 160px;
  overflow: hidden;
  position: relative;
  color: #fff;

}
.social-banner .profile-icon {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border: 2px solid #F9F9F3;
}

.social-banner .col {
  float:left;
  height: 160px;
}

.social-banner .col.left {
  width:60%;
  background-size: cover;
}
.social-banner .col.right {
  height: 100%;
  width:40%;
}
.social-banner .col.right .share-buttons {
  text-align: center;
  padding: 8px;
}

.social-banner .fb-like-wrap {
  transform:scale(1.4);
  -webkit-transform:scale(1.4);
  -moz-transform:scale(1.4);
}

.social-banner .share-buttons li {
  margin-bottom: 12px;
}

.social-banner .description {
  width: 80%;
   font-weight: bold !important;
  font-size: 14px !important;
}

.social-banner:after {
  content: "";
  clear: both;
  display: block;
}
/*リンク*/
.social-icon{
position: absolute;
top:24px;
left: 540px
}
.social-icon span{
margin: 0 10px 0 0;
color: #806d6e;
float: left;
}
.social-icon span a{
color: #806d6e;
}
.social-icon span a{
text-decoration: none;
}
.social-icon .head_youtube:before{
padding: 0 4px 0 0;
vertical-align: -3px;
font:normal 0.9rem/1 "otajo";
content: "動";
}
.social-icon .head_youtube:hover:before{
color: #fd3832;
}
.social-icon .head_twitter:before{
padding: 0 4px 0 0;
vertical-align: -3px;
font:normal 0.9rem/1 "otajo";
content: "鳥";
}
.social-icon .head_twitter:hover:before{
color: #41b7d8;
}
.social-icon .head_facebook:before{
padding: 0 4px 0 0;
vertical-align: -3px;
font:normal 0.9rem/1 "otajo";
content: "顔";
}
.social-icon .head_facebook:hover:before{
color: #3b5997;
}
.social-icon .head_rss:before{
padding: 0 4px 0 0;
vertical-align: -3px;
font:normal 0.9rem/1 "otajo";
content: "R";
}
.social-icon .head_rss:hover:before{
color: #e0812a;
}
/*検索フォーム*/
#saerch-area{
position: absolute;
top:18px;
left:178px;
}
/* Reset input[type="search"] 検索窓リセット*/
input[type="text"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-size: 0.75rem;
position: relative;
background: #FFFEF7;
border: solid 1px rgba(128,108,109,.5);
padding: 3px 10px 3px 32px;
width: 55px;
border-radius: 8em;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
#searchform:before{
position: absolute;
top: 5px;
left: 8px;
font:normal 1rem/1 "otajo";
color: #806d6e;
content: "検";
z-index: 10;
}
input[type=text]:focus {
width: 150px;
background: #FFFEF7;
border-color: #806d6e;
}
input[type="text"]::-webkit-search-decoration {
display: none;
}

/*ナビメニュー*/
header nav{
background:#FFFEF7;
margin:0;
overflow: hidden;
box-shadow: 0 0 50px rgba(236,160,191,.4);
}
#menu-navbar{
margin:0 auto;
}
#menu-navbar li{
float: left;
white-space: nowrap;
text-align: center;
display: block;
width:72px;
}
#menu-navbar li:last-child a{
box-shadow: 1px 0 0 #ebead4;
}
#menu-navbar li a{
padding: 0.4rem 0;
margin: 0.2rem 0;
font:700 0.9rem/1 "";
color: #8d7878;
display: block;
border-left: 1px solid #ebead4;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#menu-navbar li a:hover{
color:#675959;
text-decoration: none;
background: rgba(245, 200, 164, 0.2);
border-radius: 10%;
}
.current-post-parent a,
.current-menu-item a{
color:#675959;
background: rgba(245, 200, 164, 0.2);
border-radius: 10%;
}
#menu-navbar li {
position: relative;
}
.current-post-parent:nth-child(-n+6) a:before,
.current-post-parent:nth-child(n+7) a:before,
.current-menu-item:nth-child(-n+6) a:before,
.current-menu-item:nth-child(n+7) a:before{
position: absolute;
top: 23px;
font:normal 1.6rem/1 "otajo";
content: "c";
}
.current-post-parent:nth-child(-n+6) a:before,
.current-menu-item:nth-child(-n+6) a:before{
left: 21px;
}
.current-post-parent:nth-child(n+7) a:before,
.current-menu-item:nth-child(n+7) a:before{
left: 53px;
}
.current-menu-item:nth-child(1) a:before{ color: #806d6e;}
.current-menu-item:nth-child(2) a:before{ color: #4796b5;}
.current-menu-item:nth-child(3) a:before{ color: #bff8cf;}
.current-menu-item:nth-child(4) a:before{ color: #009990;}
.current-menu-item:nth-child(5) a:before{ color: #d67587;}
.current-menu-item:nth-child(6) a:before{ color: #a03771;}
.current-menu-item:nth-child(7) a:before{ color: #e0bd75;}
.current-menu-item:nth-child(8) a:before{ color: #9e85ad;}
.current-menu-item:nth-child(9) a:before{ color: #009944;}

#menu-navbar .current-menu-item a:hover{
cursor: default;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.ticker {
margin: 0 auto;
padding: 0;
text-align: left;
position: absolute;
top: 76px;
left:448px;
}
.ticker ul {
width: 100%;
position: relative;
}
.ticker ul li {
height: 30px;
width: 504px;
overflow: hidden;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font: 12px/1.5'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
display: none;
position: relative;
padding: 0 0 0 24px;
}
.ticker ul li:before{
position: absolute;
top: -3px;
left: 0;
font: 1.2rem/1.2 "otajo";
content: "c";
color: #806d6e;
}

/* パンくず  */
#breadcrumbs{
overflow:hidden;
margin:0 0 10px;
}
#breadcrumbs li{
float:left;
}
#breadcrumbs li a{
font:10px/1 "";
}
#breadcrumbs li a:hover{
text-decoration:underline;
}
#breadcrumbs li+li:before{
float:left;
padding:0 4px;
content:">";
}
/* おた上特集枠用  ---------------------------------------------------------------------- */
#topics-box{
margin: 0 auto;
display: block;
}
#topics-box li{
position: relative;
float: left;
display: block;
width: 212px;
height: 202px;
border-radius: 3px;
border: 1px solid #F5CECB;
}
#topics-box li:first-child{
margin:0 4px 0 0;
}
#topics-box li:last-child{
margin-right:0;
float: right;
}
#topics-box li i{
display: block;
width: 212px;
height: 202px;
overflow: hidden;
}
#topics-box li p{
position: absolute;
top: -19px;
right: -3px;
width: 50px;
height: 25px;
padding: 13px 4px 4px;
text-align: center;
border-radius: 50%;
background: #EBAB8D;
box-shadow: inset 0 0 6px rgba(233,159,124,.7);
font: .8rem /1.2 Georgia, "Times New Roman", Times, serif;
color: rgba(255,255,255,.9);
letter-spacing: 1.1px;
z-index: 10;
box-shadow: 2px 2px 2px rgba(0,0,0,.3);
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
#topics-box h2{
position: absolute;
bottom: 0;
left: 0;
width: 196px;
height: 96px;
font: 400 0.8rem /1.6 "";
background: rgba(53, 21, 21, 0.62);
text-shadow: 1px 1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 0 35px rgba(95,3,3,.2);
padding: 8px;
color: #FFFEF7;
-moz-transition: 0.1s linear;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
}
#topics-box h2:hover{background: rgba(53, 21, 21, 0.3);}

#main-box {
clear: both;
margin: 0 auto;
}
#topNews,
.subNews,
.News-list {
min-height:155px;
padding: 16px 16px 0 16px;
margin:0 0 8px 0;
clear: left;
border-radius: 3px;
border: 1px solid #F5CECB;
background:#FFFEF7;
box-shadow: inset 0 0 20px rgba(253,246,226 ,.8);
position: relative;
overflow: hidden;
}
.News-list span {
  font-size: 14px;
  line-height: 1.7;
  color: #A17C5D;
}
.News-list .related_list {
  padding: 8px;
  display: block;
  margin: 8px 0;
  font: normal 14px/1 "";
}
.pages:after,
.back:after,
#single-main article:after,
#single-main section:after,
#categorypages ul li:after,
.Receptacle #yarpp_posts li:after,

#topNews:after,
.subNews:after,
.News-list:after {
content: "";
position: absolute;
z-index: -2;
bottom: 20px;
right: 6px;
width: 50%;
height: 20px;
max-width: 300px;
-webkit-box-shadow: 0 15px 10px rgba(128, 109, 110, 0.9);
-moz-box-shadow: 0 15px 10px rgba(128, 109, 110, 0.9);
box-shadow: 0 15px 10px rgba(128, 109, 110, 0.9);
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
.pages:before,
.back:before,
#single-main article:before,
#single-main section:before,
#categorypages ul li:before,
.Receptacle #yarpp_posts li:before,

#topNews:before,
.subNews:before,
.News-list:before {
content: "";
position: absolute;
z-index: -2;
bottom: 18px;
left: 6px;
width: 50%;
height: 20px;
max-width: 300px;
-webkit-box-shadow: 0 15px 10px rgba(128, 109, 110, 0.9);
-moz-box-shadow: 0 15px 10px rgba(128, 109, 110, 0.9);
box-shadow: 0 15px 10px rgba(128, 109, 110, 0.9);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
#topNews h2 {
text-shadow: 2px 2px 0 rgba(0,0,0,.1);
font: 700 1.3rem /1.4 "";
margin:0 0 8px 0;
letter-spacing:-0.05em;
}
#topNews h2 a{
display:block;
}
#topNews h2 a:hover{
text-decoration: none;
}
#topNews p{
font: 0.9rem /1.7 "";
margin:0 0 16px 8px;
overflow: hidden;
}
#topNews p a{
display: inline-block;
font-weight: bold;
}
#topNews .data{
margin:0 0 5px 0;
}
#topNews .data li{
margin: 0 0 10px 0;
color: #A17C5D;
font: 500 0.6rem/1 "";
}
#topNews .data li a{
color: #A17C5D;
font: 500 0.6rem/1 "";
}
#topNews .data li:nth-child(1):before,
#topNews .data li:nth-child(2):before,
#topNews .data li:nth-child(3):before,
.subNews .data li:nth-child(1):before,
.subNews .data li:nth-child(2):before,
.subNews .data li:nth-child(3):before,
.News-list .data li:nth-child(1):before,
.News-list .data li:nth-child(2):before,
.News-list .data li:nth-child(3):before,
#desc li:nth-child(1):before{
vertical-align: -7px;
color: rgba(161,124,93,.7);
font:normal 1rem/1 "otajo";
margin: 0 5px 0 0;
}
#topNews .data li:nth-child(1),
.subNews .data li:nth-child(1),
.News-list .data li:nth-child(1){
letter-spacing: .5px;
font: .75rem/1 Georgia, "Times New Roman", Times, serif;
}
#desc li:nth-child(1){
letter-spacing: .5px;
font: 1rem/1 Georgia, "Times New Roman", Times, serif;
}
#topNews .data li:nth-child(1):before,
#desc li:nth-child(1):before{
content: "@";
}
#topNews .data li:nth-child(2):before{
content: "s";
}
.subNews .summary{
overflow: hidden;
}
.subNews h2,
.News-list h2{
font:700 1.15rem /1.4 "";
margin: -2px 0 .4em 0;
text-shadow: 2px 2px 0 rgba(0,0,0,.1);
}
.subNews h2 a,
.News-list h2 a{
display:block;
}
.subNews p{color: #755A6A;}
.subNews p{
font: 0.9rem /1.7 "";
margin:0 2em .4em 0;
padding: 0;
}
.subNews p a{
display: inline-block;
font-weight: bold;
}
.subNews ul,
.News-list ul{
overflow: hidden;
margin:0 0 5px 0;
}
.subNews ul li,
.News-list ul li{
float: left;
color: #A17C5D;
font: 500 0.6rem/1 "";
}
.subNews ul li a,
.News-list ul li a{
color: #A17C5D;
font: 500 0.7rem/1 "";
}
.subNews ul li:nth-child(1){ /*タイムスタンプ*/
width:150px;
}
.subNews ul li:nth-child(1):before,
.News-list .data li:nth-child(1):before,
#desc li:nth-child(1){
content: "@";
}
.subNews ul li:nth-child(2){ /*タイムスタンプ*/
width:250px;
}
.subNews ul li:nth-child(2):before,
.News-list .data li:nth-child(2):before{
content: "s";
}
#topNews img{
background: #f2f0d6;
padding: 7px;
border: 1px solid #F5CECB;
float: left;
margin: 0 16px 8px 0;
vertical-align: top;
}
.subNews i{
float: left;
margin: -16px 20px 0px -16px;
display: block;
width: 171px;
height: 171px;
overflow: hidden;
}
.News-list .data li {
  margin: 0 16px 0 0;
}
.subNews i img{
margin: 0 !important;
}
#main-box .yarpp-related{
clear: both;
}
.related_list {
color: #A17C5D;
padding: 0;
margin:0 0 1em 1em;
font:normal 1rem/1 "";
}
#main-box .yarpp-related .related_fream li:before{
background: none;
}
#main-box .yarpp-related .related_fream li a{
position: relative;
display:list-item;
list-style:none;
padding:0 0 .5em 1.8em;
/*margin: 0 0 .6em 1em;*/
font:bold .8rem /1.5em "";
max-width: 40em;
border-bottom: 1px dashed rgba(0,0,0,.1);
}
#main-box .yarpp-related .related_fream li a:before{
position: absolute;
top:0;
left:0px;
color: rgba(161,124,93,.7);
font:normal 1rem/1 "otajo";
content: "針";
}
#main-box .yarpp-related .related_fream li a:hover{text-decoration: none;}
#moreList{
background:#f3eade;
margin: 0;
padding: 10px;
display:block;
text-align:center;
font:bold .8rem/1 "";
}
#main-box .yarpp-related .related_fream li:nth-child(1):before{
content: "";
}
/*新着記事一覧用*/
.list-subNews{
width: 130px;
height:130px;
}
.post-tag-list{
position: relative;
margin: 16px 0 8px 60px;
}
.tag-list span{
color: rgba(161,124,93,.7);
font:bold .8rem/1.1 "";
margin: 0 4px 0 0;
top:-3px;
left:-32px;
}
.post-tag-list span{
color: rgba(161,124,93,.7);
font:bold .8rem/1.1 "";
position: absolute;
top:-3px;
left:-24px;
}
.tag-list span:before,
.post-tag-list span:before{
margin: 3px -2px 0;
font:normal 1.3rem/1.3 "otajo";
content: "S";
}
.tag-list a,
.post-tag-list a{
color: #fff !important;
font:normal .8rem/1.1 "";
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
background: rgba(161,124,93,.7);
margin: 0 2px 4px 0;
}
.tag-list a:hover,
.post-tag-list a:hover{
background: #f0857f;
text-decoration: none;
}

/*カテゴリー-------------------------------------------------------------------------------*/
#category{
}
#category h3{
float: left;
}
a.other-link {
color: #806d6e;
float: right;
padding: 11px 10px 0;
margin:0px 0 3px 0;
font:bold 0.75rem/1 "";
}
a.other-link:hover { text-decoration: underline;}
a.other-link:before{
vertical-align: -2px;
margin: 0 5px 0 0;
font:normal 1rem/1 "otajo";
content: "c";
}
a.other-link:after{
content:"この一覧をみる";
}
a.other-link:hover:before{
text-decoration: none;
}
#category ul{
clear:both;
display:block;
overflow: hidden;
margin:0 auto;
padding:0;
}
#category ul li {
position:relative;
width: 150px;
margin:0 3px 0 0;
padding: 4px 4px 18px;
float:left;
overflow: hidden;
background:#FFFEF7;
border-radius: 3px;
border: 1px solid #F5CECB;
/*アニメーション指定*/
-moz-transition: 0.2s linear;
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
#category ul li a{display: block;}

#category ul li:last-child{
margin-right:0;
}
#category ul li a i{
position: relative;
display: block;
width: 158px;
height: 158px;
overflow: hidden;
margin: -4px -4px 6px -4px;
z-index: 1;
}
#category ul .new-label:after{
position: absolute;
content: url(../img/new-label.png);
top:-1px;
left:-1px;
width: 40px;
height: 40px;
}
#category ul li h4{
overflow: hidden;
width: 150px;
height: 5.9rem;
font:normal 0.8rem /1.5em "";
display: block;
letter-spacing:0.02em;
margin:0;
}
#category ul li p{
position: absolute;
padding: 5px;
width: 148px;
height: 55px;
top: 93px;
left: 0;
z-index: 10;
/*アニメーション指定*/
-moz-transition: .1s linear;
-webkit-transition: .1s linear;
transition: .1s linear;
}
#category ul li:hover p{
background:rgba(71,49,39,0.6);
}
#category ul li p span{
position: absolute;
top: 25px;
left: 2px;
color: rgba(255,255,255,0);
font:normal 0.73rem /1.5em "";
/*アニメーション指定*/
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: -webkit-transform;
}
#category ul li:hover p span{
color: rgba(255,255,255,.9);
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
#category ul li a:hover{
text-decoration: none;
}
#category ul li b{
position: absolute;
bottom: 0;
right: 0;
text-align:right;
color: rgba(128,109,110,.5);
font: 400 0.5rem /1.3 "";
padding: 5px 5px 0;
display: block;
}
#category ul li b:before{
margin:0 3px 0 0;
content:"writer";
}
/*一覧ページよう---------------------------------------------------*/
#categorypages{
}
#categorypages h3{
font:normal 1rem /1 "";
color: #A17C5D;
padding: 0 0 4px;
margin:0;
display:inline-block;
float: left;
}
#categorypages ul,
.Receptacle #yarpp_posts{
clear:both;
display:block;
margin:0 auto;
overflow: hidden;
}
#categorypages ul li,
.Receptacle #yarpp_posts li{
position:relative;
width: 212px;
height: 280px;
margin:0 0 4px 0;
padding: 0 0 18px;
float:left;
background:#FFFEF7;
border-radius: 3px;
border: 1px solid #F5CECB;
/*アニメーション指定*/
-moz-transition: 0.2s linear;
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
}
#categorypages ul li a{display: block;}

#categorypages ul li:hover{
/*background: #fffff4;*/
box-shadow:0 2px 1px rgba(150,100,50,.1);
}
#categorypages ul li:nth-child(3n+1),
.Receptacle #yarpp_posts li:nth-child(3n+1){
margin-right:4px;
}
#categorypages ul li i,
.Receptacle #yarpp_posts li a i{
display:block;
width: 212px;
height:212px;
overflow:hidden;
margin: 0 0 6px 0;
border-radius: 3px 3px 0 0;
}
#categorypages ul li img,
.Receptacle #yarpp_posts li img{
width:auto;
height:300px;
}
#categorypages ul .new-label:after,
.Receptacle #yarpp_posts .new-label:after{
position: absolute;
content: url(../img/new-label.png);
top:-1px;
left:-1px;
width: 40px;
height: 40px;
}
#categorypages ul li h4,
.Receptacle #yarpp_posts li h5{
overflow: hidden;
padding: 0 4px;
height: 5.1rem;
font:normal 0.8rem /1.5em "";
display: block;
letter-spacing:0.02em;
margin:0;
}
#categorypages ul li h4:hover{
}
#categorypages ul li p{
/*  color: #666;
font: 0.75rem /1.5em "";
padding: 5px 0;*/
display: none;
}
#categorypages ul li b,
.Receptacle #yarpp_posts li b{
position: absolute;
bottom: 0;
right: 0;
text-align:right;
color: #c1be91;
font: bold 0.5rem /1.3 "";
padding: 5px 5px 0;
display: block;
}
#categorypages ul li b:before{
margin:0 3px 0 0;
content:"writer";
}

/*ページャー*/
.pager{clear: both;}

/*フッター関連----------------------------------------------------------------------------- */
footer{
display:block;
clear: both;
padding:50px 0 60px;
}
footer a:link,
footer ul a:visited {
color: #F9D3D6;
}
footer a:hover {
text-decoration: underline;
}
footer ul {
display:block;
font: 0.8rem /1em "";
word-spacing: 1px;
margin:0 auto;
}
footer ul li:first-child {
color: #F9D3D6;
}
footer ul li {
font-weight: normal;
display: block;
margin:0 10px;
float: left;
}
/*戻るボタン*/
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font: 0.6rem/1 Georgia, "Times New Roman", Times, serif;
z-index: 200;
}
#page-top a {
position: relative;
background: #A17C5D;
text-decoration: none;
color: #fff;
text-align: center;
display: block;
border-radius: 3px;
padding: 2px;
}
#page-top a:after {
position: absolute;
top: -42px;
right: -5px;
color: #A17C5D;
font:normal 4rem/0.4 "otajo";
content: "c";
}
#page-top:hover a:after {
color: #f0857f;;
}
#page-top a:hover {
text-decoration: none;
background: #f0857f;
}
/*SMS関連---------------------------------------------------------------------------*/
#bookmark_single {
padding-bottom: 2px;
height: 23px;
}
#bookmark_single li {
float: left;
}
#bookmark_single .space{
padding: 0 5px 0 0;
}
#bookmark_single li img{
border: 0;
margin: 0;
padding: 0;
}
/*記事ページ---------------------------------------------------------------------------*/
.pages,
.back,
#single-main article,
#single-main section{
/*overflow: hidden;*/
padding:8px 16px;
background:#FFFEF7;
border-radius: 3px;
border: 1px solid #F5CECB;
margin:0 0 8px 0;
position: relative;
}
#single-main aside{
overflow: hidden;
padding:8px 16px 0;
margin:0 0 4px 0;
}
#articletitle{
font:normal 1.2rem/1.2em "";
}
#post h1 {
text-shadow: 2px 2px 0 #EEE0D4;
font:700 1.7rem/1.3em "";
word-spacing: 0.5em;
letter-spacing: -1px;
margin: 0 -16px;
padding: 16px 24px 16px;
border-bottom:1px solid rgba(226, 133, 133, 0.2);
color: #724B50;
}
#post h2,
#post h5 {
font:bold 19px/26px "";
padding: 6px 1px 0 33px;
color: #724B50;
margin: 15px 0 15px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAn1BMVEUAAAB+QEF+QEF+QEF+QEGCQ0WAQUJ/QUJ+QEF+QEF+QEF+QEF+QEF+QEF+QEF+QEF+QEGERUd+QEF+QEG36nF+QEGjYGiMTE+4dX+XVVu1en2ji2qGR0mzfHqcsWGDREawa3aAQkO06G6eumOiymScpGOewGGnY2yJSk2jz2Wq2mael2a0bXmdWmGt4mqohnCtgHWgjmidqWOkymK3cX085Nu5AAAAFHRSTlMA5H8S10CL9A2hM1pzKhrrb1W1gBOttdMAAADPSURBVBjTdZBHEsIwDEVFCQ69SbZjnA4k9Hr/s2FRkmx4iy/pjTzjETRpN4f+t1K3dj1q+VxnlvqVpFVAXEVo4k4t83jI0qBc1DLT8XsTMZ1UEjPVBU/dEK/i4wZO4kHKRK4R85LIA+iIAJtEimAsknrecN4J2mnkmkTzWCjONYF9P1aSU/5keuHGGM7tzsXefYSOyIRZ+ES54c56MKKIZXEqS2n3iGc15RMFWyfz5HjQbnFXtIAhtl8eAfnAzHtxoR0m1Ce79KuDCvog4D8vTlsYIc+9LXMAAAAASUVORK5CYII=) 8px 7px no-repeat;
border-bottom: 2px solid #F9D3D6;
}
#post h4 {
/*関連する投稿*/
}
#post h3,
#post h6 {
font:bold 16px/26px "";
padding: 2px 1px 0 33px;
color: #724B50;
margin: 15px 0 15px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAnFBMVEUAAACBQkR+QEF+QEF+QEF+QEGCQ0V/QUJ+QEF/QUJ+QEF+QEF/QUJ+QEF+QEF+QEGAQkR+QEF+QEF+QEH+rsl+QEGkYGmLS0+XVVvGfo7ZjaG+d4Xyo7yxa3aGR0mDREblma/KgpKAQkPtoLfflKn9rcjrnrX3qMKJSk3om7LOhZamY2zAeYidWmGoZG2gXmW5cn/Vi522cHyPT1ISJeBTAAAAFHRSTlMAV+QWofZA8Q6BLtWNb7XX94xz2EWA24UAAADPSURBVBjTdZDZFoIwDETjwua+JIUKFEFAcFf+/99sgAP44DxMMve0eRgYyhmGaTtp3bMtjW2eS0XTDtLBI56WlJHdwzwa1RDFqoeZHzGMEZNJBzGr5mC6B8SL0bAZ6ZAKEYoAMS+ITICJ4eFQZUUwM8IuH4+1EzhJqZfwxlG47AGBqj+74gcmb16kZD8F2s7uHqg5ecniFz75ZqxM2FHJ8HovCqHO/NDiiryThnn4SW+pPngdA4uYtgo8aioZLaKHryVj/64cu2t8Q40s+K8vaHcYPfVSKL8AAAAASUVORK5CYII=) 3px 7px no-repeat;
border-bottom: 2px double #F9D3D6;
}
/*画像の位置による余白設定 後で対応*/
#post img .size-full{
width: auto;
margin: 5px 0;
}

#post strong,
#post p strong  {
color: #724B50;
font:bold 1rem/1.6em "";
margin:0 0 3em;
text-shadow: 2px 2px 5px rgba(0,0,0,.15);
}
#post b {
font-weight: 700;
}
#post em {
font: 1rem/1.6em "";
margin:0 0 1.5em;
}
#post i {
font: 1rem/1.6em "";
margin:0 0 1.5em;
}
#post span {
font: 1rem/1.6em "";
margin:0 0 1.5em;
}
#post,
#post p {
font: 1rem/1.75em "";
margin:0 2em 1.5em;
}

/*キャプション付き画像設定-------------------------------------------------*/
#post .alignnone {
margin: 10px auto;
display: block;
}
#post .alignleft {
float: left;
margin: 0 20px 20px 3em;
}
#post .alignright {
float: right;
margin: 0 3em 20px 20px;
}
#post .aligncenter {
clear: both;
margin: 10px auto;
display:block;
}
#post img{
display: block;
max-width: 100%;
width: auto;2400
height: auto;
/*padding: 8px;*/
/*background: #fff;*/
/*border:1px solid #E9E8DA;*/
box-shadow: 4px 4px 0 #fef9f2;
margin: 0 auto;
}
/*Pタグに囲まれている時の余白設定3emを打ち消す設定*/
#post p .alignleft {
margin: 0 20px 20px 0 !important;
}
#post p .alignright {
margin: 0 0 20px 20px !important;
}
.wp-caption{
clear: both;
padding:0 0 5px;
background: #ffffff;
border: 1px solid #eee;
}
.wp-caption img{
padding: 0;
margin: 0;
}
.wp-caption p{
font: 0.75rem/1.4em "" !important;
text-align: center;
margin:4px 0 0 0 !important;
}
#post p a {
text-shadow: 2px 2px 5px rgba(0,0,0,.15);
font-weight: 700;
color: #3D8BFF;
}
#post object,
#post iframe {
margin-bottom: 8px;
}
/*youtube関連制御周り制御*/
.movie-post {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 20px;
width: calc(100% - 32px);
width: -webkit-calc(100% - 32px);
}
.movie-post iframe,
.movie-post object,
.movie-post embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#post blockquote{
padding: 12px;
border:0;
margin:0 0 1.5rem 0;
border: 2px #FFDCD3 dotted;
}
#post blockquote p {
color: #55444c;
padding:0;
}
#desc{
margin: 0 0 0 -16px;
border: 1px solid #f3eade;
display: inline-block;
background-color: #fff;
padding: 4px 8px 8px 0;
color: rgba(161,124,93,1);
font:1rem/1.5em Georgia, "Times New Roman", Times, serif;
letter-spacing:0;
overflow:hidden;
}
#desc li{
float:left;
margin:0 0 0 5px;
}
#desc li a{
margin:0 0 5px 5px;
}
/* 情報背景 */
#post .box {
padding: 5px;
background: #666;
}
#post .round {
background: -webkit-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -webkit-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -webkit-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -webkit-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px);
background: -moz-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -moz-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -moz-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -moz-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px);
background: -o-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -o-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -o-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -o-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px);
background: -ms-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -ms-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -ms-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px), -ms-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #F9D3D6 15px);
background-position: bottom left, bottom right, top right, top left;
background-size: 50% 50%;
background-repeat: no-repeat;
margin:0 0 1.5rem 0;
}
/* 情報背景 */
#post .box2 {
padding: 10px 15px;
height: 100%;
background: #666;
}
#post .round2 {
background: -webkit-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -webkit-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -webkit-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -webkit-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #FCEAED 15px);
background: -moz-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -moz-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -moz-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #f3eade 15px), -moz-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #FCEAED 15px);
background: -o-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -o-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -o-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -o-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #FCEAED 15px);
background: -ms-radial-gradient(0 100%, circle, rgba(204,0,0,0) 14px, #A77B48 15px), -ms-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -ms-radial-gradient(100% 0, circle, rgba(204,0,0,0) 14px, #FCEAED 15px), -ms-radial-gradient(0 0, circle, rgba(204,0,0,0) 14px, #FCEAED 15px);
background-position: bottom left, bottom right, top right, top left;
background-size: 50% 50%;
background-repeat: no-repeat;
}
/*ページネーション*/
.pagination {
text-align: center;
font: 16px/1 "Georgia","Times New Roman", "Times, serif";
margin: 0 20px;
padding: 4px;
}
.pagination span, .pagination a {
display: inline-block;
padding: 8px 12px;
margin: 0 4px 4px 0;
border: 1px solid rgba(253,246,226 ,.8);
background:#FFFEF7;
border-radius: 3px;
}
.pagination .current, .pagination a:hover {
background: #806d6e;
color: #FFFEF7;
}
/*youtube関連制御周り 勝手に大きくならないように*/
.youtube-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.youtube-container iframe, .youtube-container object, .youtube-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.prev-next-link{
overflow: hidden;
}
.prev-next-link li{
font:300 .8rem/1.6em "";
float: left;
　　}
.prev-next-link li a{  display: block;}
.prev-next-link li p{
  font: bold 13px/1.3em "";
  word-break: break-all;
padding: 0;
margin: 0;
}
.prev-link{
width: 40%;
text-align: left;
}
.prev-link a span,
.next-link a span{
text-decoration: none;
font:300 0.8rem/1.6em "";
}
.home-link{
width: 20%;
text-align: center;
}
.home-link a{
padding: 12px 0;
}
.home-link a:before{
display: block;
font: 2.2rem/1 "otajo";
content: "c";
}
.home-link a:hover{text-decoration: none;}
.next-link{
width: 40%;
text-align: right;
}

/* 記事ページ用外部リンクでアイコンを変更する場合
a[href^="http://"]{
[disabled]background: url(../images/external.png) center right no-repeat; 
}
判別する箇所のサンプル -mailto
a [href^="mailto:"]{content: ""}
判別する箇所のサンプル -PDF
a [href$='.pdf']{}
判別する箇所のサンプル -圧縮ファイル
a [href$='.zip'], a[href$='.rar'], a[href$='.gzip']{}
判別する箇所のサンプル -画像
a [href$='.gif'], a[href$='.jpg'], a[href$='.jpeg'], a[href$='.png']{
}
判別する箇所のサンプル -ドキュメント
a [href$='.xls'], a[href$='.csv'], a[href$='.doc'], a[href$='.txt']{
}
*/
/*記者プロフィール*/
#box-writer{
/*background: #f3eade;
margin: 2em -16px -8px;
border-top: 1px solid #ccc;
clear: both;
overflow: hidden;*/
padding: 10px;
}
#box-writer .adsense{
margin: 0;
padding: 0;
width: 300px;
height: 250px;
display: block;
float: none;
}
#writerprofile{
width:320px;
float: right;
overflow: hidden;
}
#writerprofile h1{
font:normal 1rem/1.4 "";
margin: 0 0 0.5em 0;
}
#writerprofile em{
letter-spacing: 0.2em;
color: #a7a096;
vertical-align: top;
font:bold 0.6rem/1 "";
}
#writerprofile p{
padding: 0;
margin: 0;
overflow: hidden;
font:normal 0.75rem/1.6 "";
}
#writerprofile .avatar{
width: 80px !important;
height: 80px !important;
float: left;
margin: 0 10px 10px 0;
}
/*プロフィール欄------------------------------------------------------------------*/

#sp_prpfile{
margin: 0 0 8px 0;
padding: 15px;
background: #FFffee;
overflow: hidden;
border-bottom: 2px solid rgba(255,20,0,0.1);
}
#profile_img{
float:left;
margin: 0 10px 0 0;
}
#sp_prpfile .description{
overflow: hidden;
}

#sp_prpfile p{
font:normal 0.9rem/1.4 "";
margin: 0 0 5px;
}
#sp_prpfile h2 {
margin: 2px 0 2px 0;
font: 1.5rem/1.4 "";
padding:0;
}

/*ページバー関連-------------------------------------------------------------------*/
.pagebar,
.pagebar a, .pageList .this-page,
.pagebar a:visited,
.pagebar .this-page,
.pagebar .inactive{
font: 0.8rem/1 Georgia, "Times New Roman", Times, serif;
padding:0.5em 0.7em;
border-radius: 0.5em;
}
.pagebar {
margin:32px 0.1em 1em 0;
}
.pagebar a, .pageList .this-page {
border: 1px solid #675959;
text-decoration: none;
}
.pagebar a:visited {}

.pagebar .break {
padding: 2px 6px 2px 6px;
border: none;
text-decoration: none;
}
.pagebar .this-page {
border: 1px solid #675959;
font-weight: bold;
color: #fff;
background: #675959;
}
.pagebar a:hover {
background: rgba(0,0,0,.1);
}
.pagebar .inactive {
border: 1px solid #675959;
color: #675959;
text-decoration: none;
}
/*その他のニュース*/
.other-news {
overflow:hidden;
}
.otherimg {
float: left;
}
.other-news img {
margin: 0 10px 10px 0;
padding: 0;
}
.other-news li {
margin:0;
display:block;
overflow: hidden;
}
#other-catlist li{
position: relative;
list-style:none;
padding:.5em 1em .5em 3em;
margin: 0 -16px;
font:bold .8rem /1.5em "";
border-bottom: 1px dashed rgba(0,0,0,.1);
}
#other-catlist li:nth-child(odd){
background: #FFFEF7;
}
#other-catlist li:nth-child(even){
background:#fef7ea;
}
#other-catlist li:last-child{
border-bottom: none;
}
#other-catlist li i{
margin:0 8px 0 0;
font: 0.9rem/1.4em Georgia, "Times New Roman", Times, serif;
overflow:hidden;
}
#other-catlist li:before{
position: absolute;
top: 13px;
left:16px;
color: rgba(161,124,93,.7);
font:normal 1rem/1 "otajo";
content: "針";
}
.other-news h5,
.other-news h5 a,
#other-catlist h5,
#other-catlist h5 a{
text-shadow: 1px 1px 0 rgba(100,100,100,.1);
font: 0.9rem/1.4em "";
margin:0;
overflow:hidden;
}
.other-news p {
margin-top: 5px;
font: 0.85rem/1.5em "";
}
/* wp_social_bookmarking_lightの設定 */
.wp_social_bookmarking_light{
border: 0 ;
padding: 16px 64px 0;
margin: 0  -16px 16px;
background-color: #fef9f2;
}
.wp_social_bookmarking_light:after{
display: block;
content: "";
clear: both;
}

.wp_social_bookmarking_light div{
float: left ;
border: 0 ;
padding: 0 ;
margin: 0 5px 0px 0 ;
min-height: 30px ;
line-height: 0 ;
text-indent: 0 ;
}
.wp_social_bookmarking_light img{
border: 0 ;
padding: 0;
margin: 0;
vertical-align: top ;
}
.wp_social_bookmarking_light_clear{
clear: both ;
display: none;
}
#fb-root{
display: none;
}
.wsbl_twitter{
width: 100px;
}
.wsbl_facebook_like iframe{
max-width: none !important;
}
.wsbl_line{
display: none;
}
#yarpp_posts li{
float: left;
}
#yarpp_posts a{
}

/* ここからレスポンシブ化の設定。----------------------------------------------------------*/

/* PC用 -------------------------------------------------------------------------------*/
@media only screen and (min-width:960px){
#container,
#haeder-top,
footer,
header{
width: 100%;
}
#post figure {
}
.new-thumb-list {
  float: left;
  margin: 0 16px 16px 0;
}


}
/* モニター幅940px以下 */

@media screen and (min-width: 481px){
#categorypages ul li:nth-child(3n),
.Receptacle #yarpp_posts li:nth-child(3n){
float: right;
margin-right:0;
}
#saerch-area{
border:0;
padding:0;
}

}
/* スマートフォン 縦(ポートレート) */
@media screen and (max-width: 480px) {
#other-catlist li:before{
top: 28px;
left:8px;
}
body{
  padding: 0 4px;
}

.wp_social_bookmarking_light {
padding: 0;
margin: 0;
}

#container,
#haeder-top,
footer,
header{
width: 100%;
}
hr{display: none;}

footer ul,
nav,
#topNews,
.subNews,
#topics-box,
#category,
#logo-area,
#menu-navbar,
#container,
#mainColumn,
#rightColumn,
#mainContent,
#single-main,
#single-main .Receptacle,
#single-main .back,
#single-main aside,
#single-main section,
#box_facbook,
#single-main #post{
width: 100%;
margin:0;
border:none;
-webkit-box-sizing: border-box;　/* Safari,Google Chrome用 */
-moz-box-sizing: border-box;　/* Firefox用 */
-ms-box-sizing: border-box;　/* Internet Explorer 8用 */
box-sizing: border-box;　/* Opera用 */
}
#main-box {
overflow: hidden;
margin: 0 auto;
padding-top:0;
}
#mainColumn h1,
#main-box h1,
#single-main h4 {
clear: both;
color:#903;
font:normal 1rem/1.2 "";
color: #A17C5D;
text-shadow: 1px 1px 0 rgba(100,100,100,.1);
}
#single-main .Receptacle,
#single-main aside{
margin:0;
padding:5px 0;
}
#menu-navbar{
margin:0;
padding:0;
}
#logo-area{
padding: 0;
}
#haeder-top{
height: 32px;
padding: 8px 0;
}
#header-logo{
margin:0;
}
#header-logo:before{
top:-30px;
left:10px;
font-size:6rem;
}
#logo-area i{
display: none;
}
#header-logo:after{
top: 19px;
left: 115px;
font-size:2rem;
}
.social-icon{
display: none;
}

/*検索フォーム*/
#saerch-area{
top:4px;
left: none;
right: 16px
}
/* Reset input[type="search"] 検索窓リセット*/
input[type=search]:focus {
width: 55px;
}
/*ヘッダーメニュー*/
nav{
border:0;
margin:0;
overflow: hidden;
}
#menu-navbar{
margin:0 auto 0;
}
#menu-navbar li:first-child{
display: none;
}
#menu-navbar li,
#menu-navbar li a,
#menu-navbar li:nth-child(-n+6),
#menu-navbar li:nth-child(n+7){
margin: 0 auto;
height:30px;
width:20%;
}
#menu-navbar li a{
box-shadow: 1px 0 0 #ebead4;
line-height: 30px;
padding: 0;
margin: 0 auto;
height:30px;
width:auto;
border: 0;
}
#menu-navbar li a:hover{
color:#333;
text-decoration: none;
background: none;
}
.current-menu-item:nth-child(-n+6) a:before,
.current-menu-item:nth-child(n+7) a:before{
position:absolute;
content: "";
}
#menu-navbar li:nth-child(1) a:hover,
.current-menu-item:nth-child(1) a,
#menu-navbar li:nth-child(2) a:hover,
.current-menu-item:nth-child(2) a,
#menu-navbar li:nth-child(3) a:hover,
.current-menu-item:nth-child(3) a,
#menu-navbar li:nth-child(4) a:hover,
.current-menu-item:nth-child(4) a,
#menu-navbar li:nth-child(5) a:hover,
.current-menu-item:nth-child(5) a,
#menu-navbar li:nth-child(6) a:hover,
.current-menu-item:nth-child(6) a,
#menu-navbar li:nth-child(7) a:hover,
.current-menu-item:nth-child(7) a,
#menu-navbar li:nth-child(8) a:hover,
.current-menu-item:nth-child(8) a,
#menu-navbar li:nth-child(9) a:hover,
.current-menu-item:nth-child(9) a{
background: none;
border:0;
}
.ticker{display: none;}
/*ボックスの設定*/
#container {
overflow:hidden;
clear: both;
}
#single-main section,
#single-main,
#box_facbook,
#mainColumn,
#single-main #post {
padding:0;
float: none;
margin:0;
overflow: hidden;
}
#single-main section,
#box_facbook,
#single-main #post {
padding:4px 12px 0;
}
#rightColumn {
float: none;
margin:0 auto;
padding: 0;
}
#bigbanner{
display:none;
}
#mainColumn h1{
display:none;
}
#topics-box{
display:none;
}
#articletitle:before,
#mainColumn h1:before,
#main-box h1:before,
#single-main h4:before,
#category h3:before,
#main-box .yarpp-related h3:before,
#articletitle:after,
#mainColumn h1:after,
#main-box h1:after,
#single-main h4:after,
#category h3:after,
#main-box .yarpp-related h3:after {
margin: 0;
content:" ";
}

/*ニュース記事内容*/

#main-box {
width:auto;
}
/* 仕切り線設定-----------------------*/
#topNews,
.subNews,
#category ul li {
border-bottom: 1px solid rgba(169,142,101,.5);
}
#topNews,
.subNews{
padding: 0;
margin:0;
min-height: 108px;
margin: 0 0 4px;
}
#topNews h2{
text-shadow: 1px 1px 0 rgba(0,0,0,.1);
font:300 1.2rem /1.6 "";
margin:0.3em 0;
padding: 0 1em;
letter-spacing:0;
}
#topNews div{
overflow: hidden;
}
#topNews p{
font: 400 1rem /1.6 "";
padding: 0 ;
margin: 0 .5em 0.3em;
}
#topNews p a{
border: 1px solid rgba(0,0,0,.2);
margin:1em 5em;
padding: .8em;
text-align:center;
font:bold 1rem/1 "";
background:#f3eade;
display:block;
border-radius: 5px;
}
#topNews img{
width: 100% !important;
height: 100% !important;
display: block;
float: none;
padding: 0;
border: 0;
margin: 0 auto 10px;
}
#topNews ul,
.subNews ul{
width: 100%;
display: none;
margin:1em 0;
overflow: hidden;
border-bottom: 1px solid rgba(0,0,0,.2);
}
.subNews h2{
text-shadow: 1px 1px 0 rgba(0,0,0,.1);
letter-spacing:0;
font:300 .95rem /1.5 "";
margin: 0 10px 0 0;
padding: .5em 0;
width: auto;
}
.subNews p{
display: none;
}
.subNews i{
margin: 0 8px 0 0;
width: 108px;
height: 108px;
}
#moreList{
  border: 3px dotted rgba(147, 124, 125, 1);
  border-radius: 3px;
  margin: 0;
  color: #FFFEF7;
  padding: 1rem;
  clear: both;
  display: block;
  text-align: center;
  font: bold 1rem/1 "";
  overflow: hidden;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;
background-color: #806d6e;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #7f6a6b), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #7f6a6b),
            color-stop(.75, #7f6a6b), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
}
#moreList:focus,
#moreList:active{
background: #f98789;
}
#main-box .yarpp-related{
padding: 0;
}
#main-box .yarpp-related h3{
display: block;
text-align: center;
background:#A17C5D;
color: #FFFEF7;
padding: 0.5em;
margin:1em 0 .5em;
font:bold 1rem/1 "";
}
#main-box .yarpp-related li a{
border-bottom: 1px solid rgba(0,0,0,0.2);
min-height: 60px;
display:block;
list-style:none;
padding:0 2em 0.5em 3em;
margin: 0 0 0.5em 0;
font:bold 0.8rem /1.5em "";
max-width: auto;
}
#main-box .yarpp-related li:last-child a{
margin: 0;
}
#main-box .yarpp-related li a:before{
position: absolute;
top:.2em;
left:1em;
font:normal 0.8rem/1 "otajo";
}
/*カテゴリー*/
#category{  background:none;}

#mainColumn h1,
#main-box h1,
#articletitle,
#categorypages h3,
#category h3 {
margin:0 0 5px 8px;
color: #806d6e;
display:inline-block;
font:normal 1rem/1 "";
}
#mainColumn .header-widget-area h1{
display: none;
}
#categorypages ul,
#category ul,
.Receptacle #yarpp_posts{
padding: 0;
}
a.other-link {
color: #806d6e;
float: right;
padding:10px;
margin:0px 0 3px 0;
font:bold 0.75rem/1 "";
}
a.other-link:active{
/*思案中*/
}
#categorypages ul li,
#category ul li,
.Receptacle #yarpp_posts li{
padding: 0;
width: 100%;
height:auto;
margin: 0 0 4px;
float:none;
clear: both;
overflow: hidden;
-moz-transition: 0s linear;
-webkit-transition: 0s linear;
transition: 0s linear;
}
#categorypages ul li:active,
#category ul li:active,
.Receptacle #yarpp_posts li:active{
background: #f98789;
}
#categorypages ul li a h4,
#category ul li a h4,
.Receptacle #yarpp_posts li a h{
font:300 0.85rem /1.4 "";
margin: 0;
  padding: .5em 4px .5em 0;
width: auto;
height: auto;
}
#categorypages ul li a p,
#category ul li a p{
width:95%;
font: 0.7rem /1.5 "";
padding: 5px 0;
margin:0;
display: none;
}
#categorypages ul li a b,
#category ul li a b,
.Receptacle #yarpp_posts li a b{
position: absolute;
bottom: 0;
right: 0;
text-align:right;
color: #DDCDA4;
font: bold 0.5rem /1.3 "";
padding: 5px 5px 0;
}
#categorypages ul li a i,
#category ul li a i,
.Receptacle #yarpp_posts li a i{
float: left;
margin: 4px 8px 4px 4px;
width:76px;
height:76px;
border-radius: 3px;
overflow: hidden;
}

#categorypages ul li a img,
#category ul li a img,
.Receptacle #yarpp_posts li a img{
width:auto;
height:auto;
}

.new-thumb-list {
  margin: 0 0 16px;
  border-radius: 3px;
  overflow: hidden;
}
.new-thumb-list img{
width: 100%;
height: auto;
}
.News-list span{
  display: none;
}
.News-list .related_list {
  color: #FFFEF7;
  padding: 8px;
  display: block;
  margin: 8px -16px;
  font: normal 12px/1 "";
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;
background-color: #806d6e;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #7f6a6b), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #7f6a6b),
            color-stop(.75, #7f6a6b), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #7f6a6b 25%, transparent 25%,
          transparent 50%, #7f6a6b 50%, #7f6a6b 75%,
          transparent 75%, transparent);
}
/*--------------------------------------------------------------------------------*/
#menu-navbar{
width:auto;
}
.other-news img {
width:auto;
height:auto;
padding: 0;
margin:0 auto;
}
.other-news,
.other-news li {
width:auto;
overflow:hidden;
}
.other-news p{
display:none;
}
.otherimg {
display:block;
margin: 0 auto 10px;
float: none;
}
#post h1 {
text-shadow: 1px 1px 0 rgba(100,100,100,.1);
font:700 1.2rem/1.4 "";
word-spacing: -1px;
letter-spacing: -1px;
margin: 0 0 4px;
  padding: 8px;
}
#post .alignnone {
margin: 10px auto;
display: block;
}
.wp-caption{
width:auto;
}
#post .alignleft,
#post .alignright,
#post .aligncenter{
float: none;
margin: 0 auto;
}
#post p .alignleft,
#post p　.alignright,
#post p　.aligncenter{
display: block;
margin: 0 auto 20px;
}
#post .size-full,
#post img{
display: block;
float: none;
padding:0;
margin:0 auto 1em;
height:auto;
max-width: calc(100% - 16px);
max-width: -webkit-calc(100% - 16px);
max-height: auto;
}
object,
embed{
max-width: 100% !important;
max-height: auto;
}
.wp-caption img,
#post .alignleft img,
#post .alignright img,
#post .aligncenter img{
max-width: calc(100% - 16px);
max-width: -webkit-calc(100% - 16px);
height:auto;
margin:0 auto;
}
#post strong,
#post em,
#post i,
#post span,
#post p,
#post a{
margin:4px;
}
#post p{
font:normal 1rem/1.7em "";
margin: 0 8px 2em;
}
#desc{
margin: 0;
border: 0;
}
#post h2,#post h3,#post h4,#post h5,#post h6{
box-sizing: border-box;
width:100%;
color: #611C18;
padding: 6px 1px 0 33px;
margin: 16px 0;
}
#post h2,
#post h5 {
font:bold 19px/26px "";
border-bottom: 1px solid #F9D3D6;
}
#post h4 {
/*関連する投稿*/
}
#post h3,
#post h6 {
font:bold 16px/26px "";
border-bottom: 1px double #F9D3D6;
}
.post-tag-list {
margin: 16px 0 8px 24px;
}
.post-tag-list span,
.post-tag-list a:link{
}
.tag-list a, .post-tag-list a {
font: normal .8rem/1.1 "";
display: inline-block;
padding: 8px;
border-radius: 2px;
margin: 0 2px 4px 0 !important;
}
#post object,
#post iframe {
margin-bottom: 8px;
}
#post blockquote{
background: #f3eade;
padding: 4px;
border:0;
margin:0 4px .5em;
}
#post blockquote p {
padding:0;
}
#writerprofile{
width:100%;
overflow: hidden;
margin: 0 0 16px 0;
}
#writerprofile .descri{
width: auto;
font:.8rem/1.6"";
margin: 0;
padding: 0;
}
#text-4,
#text-3,
#box-writer aside{
width: 300px;
margin: 0 auto 4px;
}
.adsense{
width: 300px;
margin: 0 auto;
}

#box-writer{
box-sizing: border-box;
margin: 0;
padding:8px 4px;
}
#categorypages ul li h4, .Receptacle #yarpp_posts li h5 {
width: auto;
height: auto;
font: .8rem /1.3em "";
display: block;
letter-spacing: 0.02em;
  padding: 4px 0;
}
.share-buttons {
    text-align: center;
    line-height: 1.3;
}
.social-banner .share-buttons li {
    margin-bottom: 0px;
}

/* wp_social_bookmarking_light なにかとレイアウトが崩れたりするのでそれを補う設定 */

.wsbl_twitter{
width: 100px;
}
.wsbl_tumblr{
display: none;
}
.wsbl_line{
width: 88px;
display: inline-block;
}
#other-catlist li{
padding: .5em 1em 0.5em 2.5em;
margin: 0 ;
}
/*フッタ-------------------------------------------------------------*/
footer{
padding:2rem 0 0;
}
footer ul{
overflow: hidden;
text-align:center;
display:block;
margin: 0 auto;
padding: 0 0 40px
}
footer ul li{
width:49.999%;
margin:2em 0;
}
footer ul li:first-child {
width:100%;
margin: 0;
}
footer ul .top a{
display: block;
padding: 1rem 0;
background: #555;
border-top: 1px solid rgba(0,0,0,.3);
border-bottom: 1px solid rgba(0,0,0,0.3);
color: #eee;
margin:0;
clear:both;
text-align:center;
font:bold 1rem/1 "";
}
footer ul .top a:active{
background: #222;
color: #fff;
text-decoration: none;
}
footer p {
margin:0 auto;
}
/*戻るボタン*/
#page-top {
}
/*戻るボタン*/
#page-top {
position: fixed;
bottom: 20px;
right: 0;
font: 0.6rem/1 Georgia, "Times New Roman", Times, serif;
z-index: 200;
}
#page-top a {
background: rgba(169,142,101,.85);
text-decoration: none;
color: #fff;
width: auto;
padding: 10px 5px;
text-align: center;
display: block;
border-radius: 5px 0 0 5px;
}
#page-top a:after{display: none;}
#topNews,
.subNews{
/*アニメーション指定 初動*/
animation-name: null;
-webkit-animation-name: null;
}
#topics-box{
/*アニメーション指定 初動*/
animation-name: null;
-webkit-animation-name: null;
}

/* フォロー・いいねバナー */
.social-banner {
  height: 150px;
}
.social-banner .col.left {
  width: 30%;
}
.social-banner .col.right {
  width: 70%;
}
.social-banner .share-buttons li {
  margin-bottom: 8px;
}
.social-banner .description {
  font-size: 12px !important;
}
.social-banner .description br{
  display: none;
}


/* レスポンシブここまで----------------------------------------------------------*/
}