/*
Theme Name: Point_child
Template: point
*/
  
@import url('../Point/style.css');

#featured-thumbnail {

}

.single-title {
    padding: 0;
    margin: 0;
    font-size: 28px;
    line-height: 1.1;
}

/* トップページ以外にスタイルを設定 */
body:not(.home) h2{
color: #FFF;
background: #1464ff;/*背景色*/
padding: 0.2em;/*文字まわり（上下左右）の余白*/
}

h3{
background: linear-gradient(transparent 85%, #1464ff 85%);
}

h4 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #333;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 3px #1484e2;/*左線*/
text-transform: none;
font-size: 18px;
}

p {
	font-size: 15px;
	color: #333;  /* 文字色 */
}


.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}


#menu-pc_global li.menu-item a span {
font-size:10px;
font-size:10rem;
color: #999;
text-shadow: 0 1px #fff;
text-align: center;
font-family: verdana, Arial, Helvetica, sans-serif;
}

/*アドセンスフッター*/
.side_by_side {
width: 696px;
margin-bottom: 20px;
}
.side_left,
.side_right{
margin-left: 12px;
display: inline;
float: left;
}

.clear {
clear: both;
}

.side_p {
text-align:left;
margin-left: 15px;
}

/*ホーム画像４つ*/
.featuredBox img {
    width: 820px;
}

/*グローバルメニュー中央寄せ*/
.primary-navigation a {
    text-align: center;
}

.related-posts h3 {
    font-size:22px;
}

/*--------------------------------------------------------------
# Basic
--------------------------------------------------------------*/
.main-container {
    max-width: 1180px;
}
#page, .container {
    max-width: 1140px;
    min-width: 230px;
}
#page {
    max-width: 1140px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-branding .toggle-caret i { display: none }
.site-header {
    max-width: 1180px;
}
#header-widget-container {
    max-width: 1140px;
}

/*--------------------------------------------------------------
# Featured
--------------------------------------------------------------*/
.firstpost {
    max-width: 820px;
}
#first-thumbnail {
    width: 100%;
    max-width: 750px;
}
#second-thumbnail {
    width: 100%;
    max-width: 580px;
}

/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/
.sidebar.c-4-12 {
    max-width: 500px;
}

/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 23px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute; 
border: 1px #ccc solid;
background:#fff; 
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
background-color: #f48881;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #f48881;
-webkit-box-shadow: 0 0 0 3px #f48881;
-moz-box-shadow: 0 0 0 3px #f48881;
text-align:center;	
}
#prev_next_home:hover{
background-color: rgba(244,136,129,0.7);
}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:60px;
}
/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}

/*-- メインコンテンツフォント --*/
.post-content {
　　　　color: #333;
		font-size: 15px;
}

/*-- メイン枠線 --*/
.article {
    border: solid 1px #d0d0d0;
    padding: 1.5em;
    box-shadow: 0 0 5px #666;
    margin-bottom: 1.0em;
}

/* SNSボタン */
.share {margin-top : 40px;}
.share ul {margin : 0;
    padding : 0;
    list-style : none;}
.share li a {display : block;
    padding : 10px;
    color : #fff;
    font-size : 14px;
    text-decoration : none;
    text-align : center;}
.share li a:hover {opacity :0.8;
    color : #fff;}
.share li a:visited{ color: #fff;}
.share ul:after {content : "";
    display : block;
    clear : both;}
.tweet a{background-color : #55acee;}
.facebook a{background-color : #315096;}
.googleplus a{background-color : #dd4b39;}
.hatena a{background-color : #008fde;}
.line a{background-color: #00c300;}
.pocket a{background-color :#f03e51;}
.rss a{background-color: #ff8c00;}
.feedly a{background-color: #6cc655;}
  
.share li {float : left;
    width : 25%;
    margin : 0;
margin-top:15px;}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?8xxaxz');
  src:  url('fonts/icomoon.eot?8xxaxz#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?8xxaxz') format('truetype'),
    url('fonts/icomoon.woff?8xxaxz') format('woff'),
    url('fonts/icomoon.svg?8xxaxz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-feedly:before {
  content: "\e007";
}
.icon-pocket:before {
  content: "\e008";
}
.icon-line:before {
  content: "\e009";
}
.icon-hatebu:before {
  content: "\e00a";
}
.icon-google-plus:before {
  content: "\e608";
}
.icon-facebook:before {
  content: "\e60d";
}
.icon-twitter:before {
  content: "\e611";
}
.icon-rss:before {
  content: "\e614";
}

/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{background-color:#FF9901 !important;}
.shoplinkrakuten a{background-color:#c20004 !important;}
.shoplinkkindle a{background-color:#007dcd !important;}
.shoplinkkakakucom a{background-color:#314995 !important;}
.shoplinkyahoo a{background-color:#7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
.booklink-box, .kaerebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{
    width: 100px !important;
    min-width: initial;
}
.booklink-name > a, .kaerebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:calc(100% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin: 2px 0px;
    padding:10px 0px;
}
}