@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.ad-wrap{
	min-height:280px;
}	
/*TOP全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
.internal-blogcard::after{
content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
position: absolute;
bottom: .5rem;
right: 1rem;
font-size: 70%;
background-color: #f39800; /* 内部リンク右下枠の背景色 */
padding: .4em 3em;
font-weight: bold;
color: #fff; /* 内部リンク右下枠の文字色 */
border-radius: 2px;
}

/* アプリーチ */
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

.grecaptcha-badge { visibility: hidden; }

.video-container {
margin: 0px auto;
}

yvpub-player{
margin: 0px auto;
}
.amazon-item-title.product-item-title {
    font-weight: bold;
}
/*ヘッダーナビ*/
.navi-in > ul {
    justify-content: space-around;
}
nav#navi, .menu-header .sub-menu{
	font-weight: bold;
}
nav#navi, .menu-header .sub-menu{
	font-weight: bold;
	box-shadow:0 5px 15px -5px rgba(0,0,0,.2);
}
.logo-image {
    padding: 0;
    font-size: inherit;
}

/*通知*/
.notice-area-link {
    display: block;
    text-decoration: none;
    font-weight: bold;
}
/*アコーディオン*/
.su-spoiler-style-default > .su-spoiler-content {
    padding: 0 0 0 27px;
}
.widget-single-content-bottom-title.main-widget-label {
    margin-bottom:20px;
    font-weight: bold;
}
.su-spoiler-content.su-clearfix a {
    text-decoration: none;
    font-weight: bold;
    color: #1967d2;
}
.su-spoiler-content.su-clearfix li {
    padding: 5px 0;
    list-style: none;
}
/*ショートコードボタン*/
.su-button-style-flat, .su-button-style-flat span {
    border: none;
    padding: 10px 0;
}
/*記事一覧*/
.su-posts-default-loop h2.su-post-title {
    background-color: #fff;
}
.su-posts-default-loop h2.su-post-title a{
    text-decoration:none;
	color:#222;
}
.su-posts-default-loop .su-post-comments-link {
    display:none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type=text] {
  font-size: 16px;
  transform: scale(0.8);
}
/*目次*/
.toc {
 margin: 3em 5%;
 width: 90%;
}
/*h2*/
/* Cocoon見出しデザインのリセット */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  background: none; /* 背景色を削除 */
  border: none;     /* 枠線を削除 */
  border-radius: 0; /* 角丸を削除 */
}
.article h2 {
  font-size: 20px !important;/*文字のサイズ*/
  border-bottom: 2px solid #ddd;/*下線*/
  color: #333;
  padding-bottom: .5em;
  margin-bottom: 30px;
  border-top: none;
}
.article h3 {
  font-size: 20px !important;/*文字のサイズ*/
  border-left: 3px solid #ddd;/*左線*/
  padding: .5em .7em;/*余白*/
  color: #333;
  margin-bottom: 30px;
  border-top: none;
  border-bottom: none;
}
.article h4 {
  font-size: 20px !important;/*文字のサイズ*/
  border-top: 2px solid #ddd;/*上線*/
  border-bottom: 2px solid #ddd;/*下線*/
  color: #333;
  padding: .5em;
  margin-bottom: 30px;
}

/*slide*/
.slide-wrap {
  overflow-y: hidden;
  overflow-x: scroll;
  display: flex;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.slide-box {
  flex: 0 0 80%;
  padding: 0 8px;
     }
  .inner {
    background: #eaeaea;
	 margin-bottom:30px;
}
.slide {
 max-width: 100%;
  background: #eaeaea;
  display: flex;
  flex-direction: column;
 justify-content: center;
}
/*ranking*/
.ranking-items p {
    font-size: 16px;
    margin-top: 0;
}
/*ウィジェット*/
.sidebar h2, .sidebar h3 {
    background-color: var(--cocoon-xx-thin-color);
    padding: 12px;
    margin: 40px 0;
    border-radius: var(--cocoon-badge-border-radius);
}

.widget-single-content-bottom-title.main-widget-label {
    font-weight: bold;
    margin: 40px 0;
}
.widget h2 {
    font-size: 20px;
    margin-top: 20px;
}
.textwidget a {
	text-decoration:none;
}
.textwidget li {
	list-style:circle;
}	
.su-row .su-column {
    margin: 0 0 0 4%;
    text-align: center;
}
.widget-above-single-sns-buttons-title.main-widget-label {
    font-size: 23px;
    padding: 6px;
    margin: 28px 0 12px;
    font-weight: bold;
}
ul.zoom-instagram-widget__items {
    padding-left: 0;
}
li.zoom-instagram-widget__item {
    margin-top: 0!important;
    margin-left: 0!important;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a {
    font-weight: bold;
}
/*list-link*/
.su-spoiler-content.su-u-clearfix.su-u-trim a {
    font-weight: bold;
}

/*youtube-iframe*/
.yout {
 width: 100%;
 margin-top:50px;
 margin-bottom:50px;
   position: relative;
  padding-top: 56.25%;
}
.yout iframe {
 position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.txtcenter {
    text-align: center;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/


}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
img.aligncenter {
    display: none;
}	
.ad-wrap{
	min-height:320px;
}	
	
.go-to-top {
    right: 5px;
    bottom: 125px;
}	
	.logo img{max-width:150px;padding-top:10px;}
/*CLS*/	
.header-container-in.hlt-top-menu .logo-header img {
  width: 132px;
  height: 50px;
}
div.cta-thumb img {	
  width: 303px;
  height: 202px;
}
	
	
	.main{
width:100%;
}	
.wpf-default-attachment {
    border-bottom: 1px #e6e6e6 solid;
    padding: 5px 1px;
    margin: 10px 0px;
	display:block;
}
.article h3, .article h4, .article h5, .article h6 {
    font-size: 16px;
}	
.entry-title, .archive-title {
    font-size: 20px;
}	
.slide-box {
flex: 0 0 88%;
  padding: 0 8px;
     }
/*ranking*/	
.ranking-item-description {
    width: 100px;
    position: relative;
    margin-top: 20px;
}	
.ranking-items p {
    font-size: 15px;
    margin-top: 0;
}
.ranking-item-image-tag {
    max-width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
}
.ad-area {
	overflow: visible;
}
.go-to-top {
right: 5px;
    bottom: 105px;
}	
    .logo img {
        max-width: 180px;
        padding-top: 10px;
    }	
}