/*
Theme Name: Principle-child
Template: principle
Description: Principleのカスタマイズ用子テーマ
Author: Nobuo_CREATE
Author URI: http://wp-principle.net/
Version: 1.4-20140210
*/

@import url('../principle/style.css');

/****  子テーマ内のimagesフォルダからヘッダーの背景画像を読み込む  ****/
#header{
	background-image: url(./images/denim.jpg);
}
nav div{
	background-image: url(./images/denim.jpg);
}



/*************************************************************************/
/*                          かんたんカスタマイズ                         */
/*************************************************************************/

/****  ブログタイトル  ****/
.blog_title{
	color: #fff;         /*文字色*/
	font-size: 34px;     /*文字の大きさ*/
	line-height: 40px;   /*行の高さ*/
}


/****  見出し部分  ****/
.h{
	color: #fff;                  /*文字色*/
	background-color: #021F4D;    /*背景色*/
}

/****  カテゴリー説明分の枠  ****/
.cat_dcp {
	margin-bottom: 24px;
	background-color: #fbfaf8;
	padding: 5%;
	border-radius: 8px;
	border: 1px solid #ddd;
}

/*************************************************************************/
/*************************************************************************/


/*************************************************************************/
/*                  タブレット(713px以下)andスマホ用 css                 */
/*************************************************************************/
@media only screen and (max-width: 713px){
	.blog_title{
		font-size: 130%;     /*文字の大きさ*/
		line-height: 1.4;   /*行の高さ*/
	}

}




/*
----------------------------------------------- */
/*

      BlogRoll css 2

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    margin-bottom: 15px;
    padding: 10px;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
    width: 16px;
    height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}


/*----------------------------------------*/
/* カスタム
/*----------------------------------------*/

/* スタイルを初期化 */
.blogroll-channel {
    margin: 0;
    padding: 0;
}

.blogroll-channel .blogroll-list-wrap {
    margin: 0;
}

.blogroll-channel .blogroll-list {
    margin: 0;
}

.blogroll-list-wrap li {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

/* 下部のテキスト広告を装飾 */
.blogroll-ad-default {
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
    border-top: 1px solid #D5D5D5;
}

/* 日時非表示 */
.blogroll-link-time {
    display: none;
}

/* ヘッドライン見出し */
.feed-headline {
    margin-bottom: 20px;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
}

.article .feed-headline h2,
.feed-block h3 {
    margin: 0 !important;
    padding: 10px;
    font-size: 18px;
    border-left: none;
    border-bottom: 1px solid #D5D5D5;
    background: #E9E9E9;
    background: -moz-linear-gradient(top,#FAFAFA 0%,#E9E9E9 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FAFAFA),color-stop(100%,#E9E9E9));
    background: -webkit-linear-gradient(top,#FAFAFA 0%,#E9E9E9 100%);
    background: -o-linear-gradient(top,#FAFAFA 0%,#E9E9E9 100%);
    background: -ms-linear-gradient(top,#FAFAFA 0%,#E9E9E9 100%);
    background: linear-gradient(top,#FAFAFA 0%,#E9E9E9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA',endColorstr='#E9E9E9')";
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* リスト */
.blogroll-channel .blogroll-list {
    font-size: 14px;
}

.blogroll-list-wrap li {
    border-bottom: 1px solid #D5D5D5;
    background: #FFF;
}

.blogroll-list-wrap li:last-child {
    border-bottom: none;
}

.blogroll-list-wrap li:nth-child(odd) {
    background: #F6F6F6;
}

/* リスト内のa要素を装飾 */
.blogroll-list-wrap li a {
    position: relative;
    margin: 0;
    padding: 10px 10px 10px 30px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(http://blogroll.livedoor.net/blogroll/icons/kazo_soku/14dbcbf09e.png) no-repeat 10px 10px;
    background-size: 16px 16px;
}

.blogroll-list-wrap li a:hover {
    text-decoration: underline;
}

.imgsize img{
max-width : 100% ;
height : auto ;
}

.imgsizetwo img{
 float:left;
 width:49%;
 margin-right:1%;
}

.dmmhako {
	float: left;
}

.dmm_ranking{
}

.ranking_article{
	float:left;
}

.ranking_price{
font-size:12px;
color: #DC143C;
}

.author{
display: none;
}

.box {
	float: left;
}
.boxContainer {
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}

.button-rink, .button-rink:visited{
       font-size:18px;
      background:#ff0000;
      display:inline-block;
      padding:3px 7px 2px 8px;
      color:#ffffff;
      text-decoration:none;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius:4px;
      border:none;
      position:relative;
      cursor:pointer;
      margin:10px 10px 0 0;
         vertical-align: middle;
}
a.button-rink {
     color:#ffffff;
}
.button-rink a:link{
     color:#ffffff;
}
.button-rink:hover{
      background:#555;color:#fff;
}

.appollo-pick .topic {
	display:none;
}

.img-flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex img {
	width: 49.5%;
}

.dolls img{
 float:left;
 width:49%;
 margin-right:1%;
}

.dollspc img{
 float:left;
 width:24%;
 margin-right:1%;
}

.dollsside img{
 float:left;
 width:32%;
 margin-right:1%;
}

#popular-wrapper {
   padding: 1px 1px;
}
.popular-list {
   position: relative;
   display: block;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #ddd;
}
.popular-list:last-child {
   padding-bottom: 0;
   border-bottom: 0;
   margin-bottom: 0;
}
.popular-list::after {
   content: "";
   display: block;
   clear: both;
}
.popular-left {
   float: left;
   width: 100px;
   height: 100px;
}
.popular-right {
   padding-left: 10px;
}
.popular-title {
   font-size: 13px;
   line-height: 1.5;
}

/* 以下、順位表示に関する記述 */
#popular-wrapper {
   counter-reset: number;
}
.popular-list::before {
   counter-increment: number;
   content: counter(number);
   position: absolute;
   top: 0;
   left: 0;
   width: 1.6em;
   height: 1.6em;
   line-height: 1.6em;
   font-size: 12px;
   color: #fff;
   text-align: center;
   background: rgba(244,87,63,.85); /* 好みの色で */
   z-index:2;
}


.sga-ranking-list {
    margin-bottom:1em;
    overflow: hidden;
    zoom: 1;
}
.sga-ranking-list img {
    width: 50px;
    height: auto;
    margin-right: 1em;
    float: left;
}