@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    1.7.6
*/

/* Simplicity子テーマ用のスタイルを書く */


body {
font-family: 'font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif';
}











.article h2 {
  margin: 36px 0 28px;
}
.article h2{
  font-size: 23px;
  padding: 5px 10px;
  background: #fff; /*背景*/
  border-left: 8px solid #4682b4; /*左線*/
  border-bottom: 2px solid #4682b4; /*下線*/
}
.article h3{
  font-size:20px;
  border-bottom:3px solid #d3d3d3; /*下線*/
  padding:10px 0;
}

.shadow_img {
    box-shadow: 4px 4px 20px -8px rgba(0, 0, 0, 0.5); /*横方向　下方向　ぼかし　広がり　色 */
}

/*記事用*/
.imgBox-inset {
    position:relative;
    display:inline-block;
    line-height:0;
    overflow:hidden;
}
/*記事用*/
.imgBox-inset:after {
    content:"";
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5) inset ;
}

.email-box {
 width: 50%;

}
#yyy {
 width: 50%;

}

input#send-btn {
  line-height: 1.70;
top: 0px;
}
#confirmation-email {
text-align: center;
}
#wpcf7-f611-p608-o1 .wpcf7-submit{
    position: relative;
    display: inline-block;
    padding: 0.45em 4em;
    text-decoration: none;
    line-height:1.8;
    color: #FFF;
    background: #00b26e;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #1acc88;/*線色*/
}
#wpcf7-f611-p608-o1 .wpcf7-submit:hover {
  background-color: #02cc7e;
  //box-shadow: 0 3px 0 #23a188;
}
#wpcf7-f611-p608-o1 .wpcf7-submit:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}





#header .alignleft{
  margin-left:0px;
  margin-right: 30px;
  /*max-width:700px;*/
}  
/* 横幅拡大 */
#header-in, #navi-in, #body-in, #footer-in{
width: 1118px;
}

#main {
width: 788px;
}


/* 本文下関連記事 */
.related-entry-thumbnail{
  height:242px;
  text-align:left;
  overflow:hidden;
  float:left;
  margin-bottom:5px;
  margin-right: 18px;
 text-overflow: ellipsis;
text-overflow: ellipsis;  
 -webkit-text-overflow: ellipsis;  
 -o-text-overflow: ellipsis;  
    line-height:0.5;
    background: #f5f5dc
}
.related-entry-thumbnail .related-entry-content{
  margin: -15px 0px 0;
}










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


.widget_related_entries_sidebar a{
  color:#111;
  text-decoration:none;
}
.widget_related_entries_sidebar a:hover{
  color:#c03;
  text-decoration:underline;
}


.widget_related_entries_sidebar{
  line-height:150%;
  //font-size: 12px;
}

.widget_related_entries_sidebar h4 {
  margin-bottom:15px;
}


#sidebar .widget_related_entries_sidebar ul {
  padding-left:0;
  //list-style:none;
  //border: 1px solid #DDD;
}

.widget_related_entries_sidebar ul li {
  padding-left:0;
  clear: left;
  float: none;
  margin-bottom:10px;
  //border: 1px solid #DDD;
}

.widget_related_entries_sidebar ul li img {
  border: medium none;
  display: inline;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  //margin-left: -10px;
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
border: 1px solid #DDD;
}

.related-entry-sidebar-content {
  //height: 75px;
}

/* 記事下部SNSボタン */
.sns-group-viral ul.snsb li {
  width: 19%;
}

#mobile-menu a {
top: 10px;
    right: 10px;
}
@media screen and (max-width: 639px){
#site-title {
  margin-right: 50px;
}
}


/* ヘッダーメニュー固定 20190522 */
.nav-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

/* 投稿記事内Amazon枠用 */
.amazon-box table {
  width: 100% !important;
}
.amazon-box table tbody {
  display: flex;
}
@media screen and (max-width: 767px){
.amazon-box table tbody {
  display: block;
}
}
.amazon-box table tr:first-child {
  min-width: 300px;
  width: 300px;
}
.amazon-box table td {
  width: auto !important;
}
.amazon-box table tr:last-child {
  padding-top: 40px;
}
.amazon-box table tr:last-child a {
  text-decoration: none;
  font-size: 16px;
}

/* アソシエイト用 */
.item {
    display: flex;
    width: 100%;
}
.item a:first-child {
    display: block;
    min-width: 220px;
}
.item a:last-child {
    vertical-align: middle;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    padding: 0 15px;
}
.item:hover a:last-child {
    text-decoration: underline;
    color: #225ed2;
}

/* もしも用 */
.easyLink-info-maker {
    display: none;
}
div.easyLink-box {
    padding: 15px !important;
}

/* コード用 */
pre {
    background-color: #242424;
    padding: 20px;
    border: none;
    border-radius: 10px;
    color: #fff;
}
/* PrismJS 1.24.1
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+markup-templating+php */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #8292a2;
}

.token.punctuation {
	color: #f8f8f2;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}


/* 関連記事 */
#related-entries {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
#related-entries h2 {
  width: 100%;
}
.related-entry-thumbnail {
  width: 23.5%;
  margin: 0 0 14px;
  height: auto;
  background: #f0eded;
}
.related-entry-thumbnail .related-entry-thumb {
  width: 100%;
  height: 0;
  padding-top: 64%;
  display: block;
  position: relative;
}
.related-entry-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related-entry-thumbnail .related-entry-content {
  margin: 0;
  padding: 6px 9px;
}
.related-entry-thumbnail .related-entry-title a {
  font-size: 12px;
}
.related-entry-title {
  margin: 0;
  line-height: 1.5;
  font-size: 12px;
}

/* 記事一覧 */
article.entry-card .entry-thumb {
  overflow: hidden;
}
article.entry-card .entry-thumb img {
  transition: 0.5s;
}
article.entry-card:hover .entry-thumb img {
  transform: scale(1.2) rotate(9deg);
}

/* sns */
.sns-group-viral ul.snsb li a {
  height: 28px;
  line-height: 1;
}

/* 関連記事 */
#related-entries h2 {
  background-color: #3b5998;
  color: #fff;
  font-size: 20px;
  padding: 6px 14px 4px;
}


/* サイドバー */
#sidebar-scroll {
  padding-top: 1px;
}
.widget_title.sidebar_widget_title {
  background-color: #4682b4;
  font-size: 20px;
  color: #fff;
  padding: 6px 14px 4px;
}

/* 記事一覧 */
.entry .entry-card-content h2 a {
  font-size: 20px;
  line-height: 1.4;
  display: inline-block;
}

/* olタグ装飾 */
ol {
  counter-reset: num;
  list-style-type: none !important;
  padding: 8px 10px 8px 16px;
  margin: 0;
}
ol li {
  position: relative;
  line-height: 1.5;
  padding: 0.4em 0.5em 0.4em 30px;
}
ol li::before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display: inline-block;
  color: #fff;
  font-family: 'Arial',sans-serif;
  font-weight: bold;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background-color: #ffa129;
  top: 5px;
}


.sp-warning {
  border-radius: 10px;
}
#main .post, #main .page {
  margin-bottom: 26px;
}

/* 注意書き */
.pagetop-note {
  background-color: #f7f7f7;
  font-size: 14px;
  padding: 2px 12px;
  color: #555;
  display: inline-block;
  margin-bottom: 14px;
}

body {
  background-color: #4682b4;
}
#container {
  background-color: #fff;
}