@charset "UTF-8";
  .wrap {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
.content {background-color: #fff;}
.author-box {background-color: #f4f5f7; font-size:small;}
.ff-rounded-mplus-1c  { 
font-family : "Century Gothic", "Hiragino Kaku Gothic Pro", Meiryo, arial, sans-serif;
letter-spacing: 0.08ex;
}
.ect-vertical-card.ect-tile-card .a-wrap {
margin-bottom: 30px !important;		
}
.sdm_download_link {
margin: 0px 0px 20px 0px !important;
}
.entry-card-title, .related-entry-card-title {
font-weight : 500;	
}
.wpp-list {
padding-left: 0px;
}
.wpp-thumbnail {
margin: 0 0 5px 0 !important;
}
.blank-box.bb-tab.bb-check {
border: 1px solid #949495;
margin: 60px 0px 100px 0px !important;
background: #f9f9f9;
}
.blank-box.bb-tab.bb-check .bb-label {
left: -1px;
}
.entry-categories-tags {
margin-bottom: 40px;
} .entry-content {
margin: 20px 52px 100px 52px;
} @media screen and (max-width: 1240px){ .ect-vertical-card.ect-tile-card .a-wrap {
margin-bottom: 30px !important;		
}
.entry-content {
margin: 0 52px 100px;
}
} @media screen and (max-width: 1030px){ .ect-vertical-card.ect-tile-card .a-wrap {
margin-bottom: 30px !important;		
}
.entry-content {
width : auto;
margin: 0 50px 100px;
}
} @media screen and (max-width: 768px){ #main {
margin: 10px 0px;
padding: 10px 16px;
}
.ect-vertical-card.ect-tile-card .a-wrap {
margin-bottom: 25px !important;		
}
.entry-content {
width : auto;
margin: 0 10px 100px;
}
} @media screen and (max-width: 480px){ #main { 
margin: 10px 0px;
padding: 10px 16px;
}
.ect-vertical-card.ect-tile-card .a-wrap {
margin-bottom: 25px !important;		
}
.entry-title, .article h1 {
padding:20px 0px
}
.entry-content {
width : auto;
margin: 0 5px 100px;
}
} div.widget-index-top-title.main-widget-label {
display:none;
} div.item-description.sub-caption  {
display:none;
}
iframe .twitter-timeline-rendered { width: 480px !important; }
.textwidget custom-html-widget { width: 480px !important; } .twitter-widget, .twitter-tweet {
margin: 0 auto 0 auto;
}
.video-container  {
margin: 0 auto 0 auto;
}
.snsbox  {
display: block;
margin: 0 auto 0 auto;
}
.youtube {
width:90%;
margin:0px auto;
}
.instagram-media {
margin: 0 auto 0 auto !important;
}
iframe.facebook {
margin: 0 auto 0 auto !important;
}
iframe.center {
margin: 0 auto 0 auto !important;
}
div.center  {
margin: 0 auto 0 auto !important;
text-align:center;
}
div.video-container {
margin-top: 20px;
margin-bottom: 30px;
} .cat-label {
border: none;
background-color:#d65050;
padding: 1px 6px;
left: 0em;
} .main {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
.entry-title, .related-entry-card-title, .entry-card-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
font-feature-settings: "palt";
letter-spacing: -.5px;
line-height: 1.3em;
font-weight: 600 !important;
}
.entry-title {
font-size: 28px;
margin-bottom: 20px !important;	
}
a {
text-decoration: none;
} .hkakomi {
background: #58687a none repeat scroll 0 0 !important;
border: medium none;
border-radius: 4px;
color: #fff;
font-size: 1.3em;
font-weight: 700;
line-height: 1.5;
margin: 60px 0px 30px 0px !important;
padding: .8em !important;
position: relative;
}
.hkakomi::before {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #f3f3f3;
bottom: -8px;
content: \"\";
left: 30px;
position: absolute;
}
.hkakomi::after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #58687a;
bottom: -8px;
content: \"\";
left: 30px;
position: absolute;
}
.setsumei {
position: relative;
padding:0.25em 1.25em;
margin: 2em 2em 2em 2em;
}
.setsumei:before,.setsumei:after{ 
content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
.setsumei:before{
border-left: solid 1px #5767bf;
border-top: solid 1px #5767bf;
top:0;
left: 0;
}
.setsumei:after{
border-right: solid 1px #5767bf;
border-bottom: solid 1px #5767bf;
bottom:0;
right: 0;
}
.setsumei p {
margin: 0; 
padding: 0;
} a, a::before, a::after {
transition-duration: 0.2s;
transition-timing-function: ease;
}
a img {
transition: opacity 0.2s ease 0s;
}
figure {
padding-top: 4px;
text-align: center;
}
figure img {
text-align: center;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
figure br {
height: 0 !important;
line-height: 0 !important;
}
figcaption {
font-weight: 300;
font-size: 80%;
margin: 15px 0 30px 0;
}
.spacer5 {width: auto;height: 5px;}
.spacer10 {width: auto;height: 10px;}
.spacer15 {width: auto;height: 15px;}
.spacer20 {width: auto; height: 20px;}
.spacer25 {width: auto; height: 25px;}
.spacer30 {width: auto; height: 30px;}
.spacer50 {width: auto; height: 50px;}
.spacer100 {width: auto; height: 100px;}
.spacer150 {width: auto; height: 150px;}
.spacer300 {width: auto; height: 300px;}
img {
border-radius: 3px;
}
.post-hover:hover .entry-thumb {
opacity: 1;
}
.entry-thumb {
overflow: hidden;
}
.entry-thumb a {
display: inline-block;
transition: all 0.3s ease 0s;
}
.entry-thumb a img {
opacity: 1;
transition-duration: 0.3s;
-webkit-transition: 0.3s;
}
.entry-thumb img:hover  {
opacity: 0.6;
transform: scale(1.1);
-webkit-transform: scale(1.1);
} table {
background-color: #ffffff;
border-top: #ffffff 3px double;
border-collapse: collapse;
font-size: 14px;
width: 100%;
color: #333333;
}
table.spec {
width: 100%;
border-collapse: collapse;
font-size: 16px;
}
table th {
border-bottom: #e3e3e3 1px solid;
border-left: #e3e3e3 1px solid;
text-align: center;
background: #f7f7f7;
padding: 10px;
font-weight: bold;
}
table th.t_top {
border-bottom: #dcdddd 1px solid;
background-color: #efefef;
}
td {
border-bottom: #e3e3e3 1px solid;
border-right: #e3e3e3 1px solid;
padding: 10px;
}
table td.t_line01 {
background-color: #fff;
text-align: left;
padding: 10px;
vertical-align: top;
}
table td.t_line02 {
background-color: #f7f8f8;
text-align: left;
padding: 10px;
vertical-align: top;
}
table td.t_top {
border-top: #be1309 4px solid;
}
.dropcap {
display: block;
float: left;
font-size: 86px;
font-weight: 600;
line-height: 0.9em;
margin: 0 10px 0 0;
}
.h3subt,
.h4subt {
margin: 60px 0 30px !important;
border-bottom: 1px solid #888;
border-left: 12px solid #888;
line-height: 200%;
font-weight: 700;
padding-left: 12px;
}
.entry-post img.alignleft, .entry-content img.alignleft {
margin: 25px 25px 10px 0;
}
.entry-post img.alignright, .entry-content img.alignright {
margin: 25px 0 25px 10px;
}
.entry-post img.aligncenter, .entry-content img.aligncenter {
clear: both;
display: block;
margin: 30px auto 10px;
}
.tags-links {
margin-bottom: 40px;
}
.post-tags span {
color: #000;
display: inline-block;
font-size: 14px;
margin: 0 7px 0 0;
}
.tags-links a {
background: #eee none repeat scroll 0 0;
border-radius: 2px;
color: #666;
display: inline-block;
font-size: 12px;
line-height: 16px;
margin: 0 5px 2px 0;
padding: 3px 7px;
white-space: nowrap;
}
.subscribe-label, subscribe-blog-label {
font-weight: 400;
font-size: 12px;
}
h4.comment-title {
font-size: 22px !important;
}
.hentry blockquote {
color: #606060;
}
.entry-content blockquote p {
color:#606060;
margin-bottom: 0.75em;
}
.entry-content blockquote {
position: relative;
padding: 30px 20px 20px 30px;
border:none;
background: #f5f5f5 !important;
} .sidebar h3 {
font-family: -apple-system, "BlinkMacSystemFont", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "メイリオ", meiryo, sans-serif;
font-size: 24px;
font-feature-settings: "palt";
letter-spacing: -1px;
line-height: 1.3em;
font-weight: 400 !important;
padding:0 0 5px 0;
margin-bottom:25px;
border-bottom:thin solid #ccc;
background: #ffffff;
}
ul.wpp-list li {
width:100%;
margin:0 0 30px 0;
line-height:1.3 !important;
}
a.wpp-post-title {
font-size: 16px;
font-feature-settings: "palt";
letter-spacing: -1px;
line-height:1.3 !important;
font-weight: 550 !important;
color: #333; transition: all  0.2s ease;
}
ul.wpp-list img {
border-radius: 5px;
width: 100%;
height: 100%;
margin-bottom: 5px;
} .booklink-box, .kaerebalink-box, .tomarebalink-box, .product-item-box {
width: 100%;
margin: 0 auto;
}
.amazon-item-title, .product-item-maker {
text-align: left;
}
.amazon-item-box product-item-box {
padding:5px;
}
.iTunesLinker-box {
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
margin: 10px 5px;
padding: 15px;
}
.iTunesLinker-image img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.amazlet-box, .buy, .amazon {
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
margin: 10px 5px;
padding: 15px;
}
.flickr-exif {
font-size: x-small;
color: #808080;
line-height: 120%;
text-align: right;
margin: 5px auto 30px;
}
.application_box {
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
margin: 10px 0px;
padding: 15px;
font-size: 14px;
}
.application_box  img {
float: left;
width: 100px;
height: 100px;
margin: 0 12px 0 0;
}
.w_application_box {
border: 0;
margin: 10px 0;
padding: 0;
font-size: 11px;
line-height: 14px;
}
.w_application_box img {
float: left;
width: 70px;
margin: 0 10px;
}
.application_box  img {
float: left;
width: 100px;
height: 100px;
margin: 0 12px 0 0;
}
#search-4 {
text-align: left;
} form.search-form label, input.search-field {
width: 100%;
}
textarea#comment {
height: 100px !important;
resize: none !important;
overflow: scroll !important;
}
#archives-dropdown-5 {
width: 100%;
height: 35px;
padding: 5px;
border: 1px solid #ccc;
background: #fff;
}
.wp-caption {
border: 1px solid #fff;
background-color: #fff;
} .entry-card-snippet, .related-entry-card-snippet {
font-size:.9em;
} div.blogcard-type {
margin : 50px 0 80px 0 !important;
} .clearLeft { 
clear: left; 
}
h2.underline {
border-bottom: 3px solid #505050;
}
h2.underlined {
border-bottom: 3px dotted #505050;
}
h2.leftb {
padding: 1rem 2rem;
border-left: 4px solid #505050;
} .steps {
background-color: #f1f1f1;
border-left: solid 5px #444444;
padding: 15px 10px;
}
.steps ol {
margin: 0px;
}
.steps ul {
margin: 0px;
} .simple h3 {
font-size: 22px;
padding: 12px 10px 20px 0px;
border:none;
}  .sns-follow.sf-widget .sns-follow-buttons {
justify-content: center; flex-wrap: wrap; } .sns-follow.sf-widget .sns-buttons a {
width: 40px; height: 40px; margin-right: 4px; margin-left: 4px; border: none; } .sns-follow.sf-widget .sns-follow-buttons .follow-button {
font-size: 25px; } .sns-follow.sf-widget .sns-buttons a .follow-count {
right: 0; bottom: -10px; left: 0; font-size: 10px; color: #333; } .sns-follow.sf-widget [class*="-button"] {
background-color: inherit; }  .sns-follow.sf-widget .icon-home-logo:before {
color: #002561; } .sns-follow.sf-widget .icon-twitter-logo:before {
color: #1da1f2; } .sns-follow.sf-widget .icon-facebook-logo:before {
color: #3b5998; } .sns-follow.sf-widget .icon-hatebu-logo:before {
color: #2c6ebd; } .sns-follow.sf-widget .icon-instagram-logo:before {
color: #405de6; } .sns-follow.sf-widget .icon-youtube-logo:before {
color: #cd201f; } .sns-follow.sf-widget .icon-linkedin-logo:before {
color: #0077b5; } .sns-follow.sf-widget .icon-note-logo:before {
color: #41c9b4; } .sns-follow.sf-widget .icon-soundcloud-logo:before {
color: #ff8800; } .sns-follow.sf-widget .icon-flickr-logo:before {
color: #111; } .sns-follow.sf-widget .icon-pinterest-logo:before {
color: #bd081c; } .sns-follow.sf-widget .icon-line-logo:before {
color: #00c300; } .sns-follow.sf-widget .icon-amazon-logo:before {
color: #ff9900; } .sns-follow.sf-widget .icon-rakuten-room-logo:before {
color: #c61e79; } .sns-follow.sf-widget .icon-slack-logo:before {
color: #e01563; } .sns-follow.sf-widget .icon-github-logo:before {
color: #4078c0; } .sns-follow.sf-widget .icon-codepen-logo:before {
color: #333; } .sns-follow.sf-widget .icon-feedly-logo:before {
color: #2bb24c; } .sns-follow.sf-widget .icon-rss-logo:before {
color: #f26522; }  .sns-follow.bc-monochrome.sf-widget [class*="icon-"]:before {
color: #333; } footer.entry-footer .fas {
font-family: "Font Awesome 5 Free"!important;
}
.entry-content pre {
font-size: 14px;
white-space: pre-wrap;
}