#smartbanner{position:absolute;left:0;top:-82px;border-bottom:1px solid #e8e8e8;width:100%;height:78px;font-family:'Helvetica Neue',sans-serif;background:-webkit-linear-gradient(top,#f4f4f4 0,#cdcdcd 100%);background-image:-ms-linear-gradient(top,#F4F4F4 0,#CDCDCD 100%);background-image:-moz-linear-gradient(top,#F4F4F4 0,#CDCDCD 100%);box-shadow:0 1px 2px rgba(0,0,0,.5);z-index:9998;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:none}#smartbanner,html.sb-animation{-webkit-transition:all .3s ease}#smartbanner .sb-container{margin:0 auto}#smartbanner .sb-close{position:absolute;left:5px;top:5px;display:block;border:2px solid #fff;width:14px;height:14px;font-family:ArialRoundedMTBold,Arial;font-size:15px;line-height:15px;text-align:center;color:#fff;background:#070707;text-decoration:none;text-shadow:none;border-radius:14px;box-shadow:0 2px 3px rgba(0,0,0,.4);-webkit-font-smoothing:subpixel-antialiased}#smartbanner .sb-button,#smartbanner .sb-info{font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.8);position:absolute}#smartbanner .sb-close:active{font-size:13px;color:#aaa}#smartbanner .sb-icon{position:absolute;left:30px;top:10px;display:block;width:57px;height:57px;background:rgba(0,0,0,.6);background-size:cover;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.3)}#smartbanner.no-icon .sb-icon{display:none}#smartbanner .sb-info{left:98px;top:18px;width:44%;font-size:11px;line-height:1.2em;color:#6a6a6a}#smartbanner #smartbanner.no-icon .sb-info{left:34px}#smartbanner .sb-info strong{display:block;font-size:13px;color:#4d4d4d;line-height:18px}#smartbanner .sb-info>span{display:block}#smartbanner .sb-info em{font-style:normal;text-transform:uppercase}#smartbanner .sb-button{right:20px;top:24px;border:1px solid #bfbfbf;padding:0 10px;min-width:10%;height:24px;font-size:14px;line-height:24px;text-align:center;color:#6a6a6a;background:-webkit-linear-gradient(top,#efefef 0,#dcdcdc 100%);text-transform:uppercase;text-decoration:none;border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,.6),0 1px 0 rgba(255,255,255,.7) inset}#smartbanner .sb-button:active,#smartbanner .sb-button:hover{background:-webkit-linear-gradient(top,#dcdcdc 0,#efefef 100%)}#smartbanner .sb-icon.gloss:after{content:'';position:absolute;left:0;top:-1px;border-top:1px solid rgba(255,255,255,.8);width:100%;height:50%;background:-webkit-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);border-radius:10px 10px 12px 12px}#smartbanner.android{border-color:#212228;background:url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7) #3d3d3d;border-top:5px solid #88B131;box-shadow:none}#smartbanner.android .sb-close{border:0;width:17px;height:17px;line-height:17px;color:#b1b1b3;background:#1c1e21;text-shadow:0 1px 1px #000;box-shadow:0 1px 2px rgba(0,0,0,.8) inset,0 1px 1px rgba(255,255,255,.3)}#smartbanner.android .sb-close:active{color:#eee}#smartbanner.android .sb-info{color:#ccc;text-shadow:0 1px 2px #000}#smartbanner.android .sb-info strong{color:#fff}#smartbanner.android .sb-button{min-width:12%;border:1px solid #DDDCDC;padding:1px;color:#d1d1d1;background:0 0;border-radius:0;box-shadow:none;min-height:28px}#smartbanner.android .sb-button span{text-align:center;display:block;padding:0 10px;background-color:#42B6C9;background-image:-webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB));background-image:-moz-linear-gradient(top,#42B6C9,#39A9BB);text-transform:none;text-shadow:none;box-shadow:none}#smartbanner.android .sb-button:active,#smartbanner.android .sb-button:hover{background:0 0}#smartbanner.android .sb-button:active span,#smartbanner.android .sb-button:hover span{background:#2AC7E1}#smartbanner.windows .sb-icon{border-radius:0}#smartbanner.shown {display:block!important;}div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
margin-left: 0.5em;
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}.linkcard { margin-bottom:		32px;
margin-left:		4px;
margin-right:		4px;
}
.linkcard a {
text-decoration:	none;
}
.linkcard img {
margin: 0 !important; padding: 0; border: none;
}
.lkc-internal-wrap {
margin:					0 auto;
border:					1px solid #888888;
padding:				0;
border-radius:			8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
box-shadow:				8px 8px 8px rgba(0, 0, 0, 0.5); max-width:				500px;
background-color:		#ffffff;  }
.lkc-internal-wrap::after { }
.lkc-internal-wrap::before { }
.lkc-external-wrap {
margin:					0 auto;
border:					1px solid #888888;
padding:				0;
border-radius:			8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
box-shadow:				8px 8px 8px rgba(0, 0, 0, 0.5); max-width:				500px;
background-color:		#ffffff;  }
.lkc-external-wrap::after { }
.lkc-external-wrap::before { }
.lkc-this-wrap {
margin:					0 auto;
border:					1px solid #888888;
padding:				0;
border-radius:			8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
box-shadow:				8px 8px 8px rgba(0, 0, 0, 0.5); max-width:				500px;
background-color:		#fffaf0;  }
.lkc-this-wrap::after { }
.lkc-this-wrap::before { }
.lkc-card {
margin-top:				7px;
margin-right:				7px;
margin-bottom:				7px;
margin-left:				7px;
}
.lkc-content {   height:					108px;
margin-top:				6px;
word-break:				break-all;
white-space:			normal;
overflow:				hidden; }
.lkc-title {
color:					#111111; font-size:				16px;
line-height:			24px;
font-weight:			bold;
overflow:				hidden;
word-break:				break-all;
}
.lkc-title:hover {
text-decoration:		underline;
}
.lkc-url {
color:					#4466ff; font-size:				10px;
line-height:			10px;
font-weight:			normal;
text-decoration:		underline;
white-space:			nowrap;
overflow:				hidden;
text-overflow:			ellipsis;
display:				none;
}
.lkc-excerpt {
color:					#333333; font-size:				12px;
line-height:			14px;
padding:				0;
margin:					0;
overflow:				hidden;
}
.lkc-thumbnail {
max-width:				100px;
max-height:				108px;
padding:				0;
margin:					0 6px 4px 4px;
float:			left;
}
.lkc-thumbnail-img {
max-width:				100px;
max-height:				108px;
border:					1px solid #222;
border-radius:			6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.lkc-info {
padding:				0;
color:					#222222; font-size:				8px;
line-height:			8px;
overflow:				hidden;
display:				inline !important;
}
.lkc-domain {
color:					#222222; font-size:				8px;
line-height:			8px;
text-decoration:		none;
display:				inline !important;
}
.lkc-domain:hover {
color:					#222222; font-size:				8px;
line-height:			8px;
text-decoration:		underline;
display:				inline !important;
}
.lkc-favicon {
height:					16px;
width:					16px;
margin:					0 4px;
border:					none;
vertical-align:			text-bottom;
display:				inline !important;
}
.lkc-name a {
margin:					0;
padding:				0;
float:					right;
color:					; font-size:				;
line-height:			;
opacity:				0.5;
text-decoration:		none;
display:				none;
}
.lkc-share {
text-shadow:			none;
}
.lkc-sns-tw {
margin:					0;
padding:				0 1px;
color:					#5ea9dd		!important;
background-color:		#f5f8fa		!important;
font-size:				9px;
text-decoration:		underline	!important;
font-weight:			bold		!important;
white-space:			nowrap;
}
.lkc-sns-fb {
margin:					0;
padding:				0 1px;
color:					#ffffff		!important;
background-color:		#3864a3		!important;
font-size:				9px;
text-decoration:		underline	!important;
font-weight:			bold		!important;
white-space:			nowrap;
}
.lkc-sns-hb {
margin:					0;
padding:				0 1px;
color:					#ff6464		!important;
background-color:		#ffefef		!important;
font-size:				9px;
text-decoration:		underline	!important;
font-weight:			bold		!important;
white-space:			nowrap;
}
.lkc-sns-gp {
margin:					0;
padding:				0 1px;
color:					#dd4e42		!important;
background-color:		#ffffff		!important;
font-size:				9px;
text-decoration:		underline	!important;
font-weight:			bold		!important;
white-space:			nowrap;
}
.lkc-sns-po {
margin:					0;
padding:				0 1px;
color:					#eeeeee		!important;
background-color:		#ee4055		!important;
font-size:				9px;
text-decoration:		underline	!important;
font-weight:			bold		!important;
white-space:			nowrap;
}
.clear {
clear:					both;
}
blockquote.lkc-quote {
background-color:		transparent;
background-image:		none;
padding:				0;
margin:					0;
border:					none;
}
.lkc-iframe-wrap {
margin:	0 auto;
max-width:				500px;
}
.lkc-iframe {
padding:				0;
margin:					0;
width:					100%;
}.wpp-no-data {
} .wpp-list {	
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 5px 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
font-weight: bold;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}.wp-pagenavi {
clear: both;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 10px 10px;
margin: 10px 10px;
font-size: 16px;
color: #000000;
background-color: #C0C0C0;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
h1,h2,h3,h4,h5,h6{
clear: both;
} body{
font-size: 17px;
line-height: 1.7; 
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
color: #333;
min-width: 1058px;
} 
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
p, h1, h2, h3, h4, h5, h6{
word-wrap:break-word;
overflow-wrap:break-word;
} @font-face {
font-family: 'LigatureSymbols';
src: url(//www.turtlewiz.jp/wp-content/themes/wp_material/LigatureSymbols/LigatureSymbols-2.11.eot);
src: url(//www.turtlewiz.jp/wp-content/themes/wp_material/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix) format('embedded-opentype'),
url(//www.turtlewiz.jp/wp-content/themes/wp_material/LigatureSymbols/LigatureSymbols-2.11.woff) format('woff'),
url(//www.turtlewiz.jp/wp-content/themes/wp_material/LigatureSymbols/LigatureSymbols-2.11.ttf) format('truetype'),
url(//www.turtlewiz.jp/wp-content/themes/wp_material/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols) format('svg');
src: url(//www.turtlewiz.jp/wp-content/themes/wp_material/LigatureSymbols/LigatureSymbols-2.11.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
.lsf, .lsf-icon:before {
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga" 1, "dlig" 1;
-o-font-feature-settings: "liga" 1, "dlig" 1;
font-feature-settings: "liga" 1, "dlig" 1;
word-wrap: normal;
overflow-wrap: normal;
}
.lsf-icon:before {
content:attr(title);
margin-right:0.3em;
font-size:130%;
word-wrap: normal;
overflow-wrap: normal;
}
.lsf-icon.amazon:before {
content: '\E007';
} @font-face {
font-family: 'icomoon';
src:url(https://www.turtlewiz.jp/wp-content/themes/wp_material/icomoon/icomoon.eot?-mpwpw7);
src:url(https://www.turtlewiz.jp/wp-content/themes/wp_material/icomoon/icomoon.eot?#iefix-mpwpw7) format('embedded-opentype'),
url(https://www.turtlewiz.jp/wp-content/themes/wp_material/icomoon/icomoon.woff?-mpwpw7) format('woff'),
url(https://www.turtlewiz.jp/wp-content/themes/wp_material/icomoon/icomoon.ttf?-mpwpw7) format('truetype'),
url(https://www.turtlewiz.jp/wp-content/themes/wp_material/icomoon/icomoon.svg?-mpwpw7#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 0.7em; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pocket:before {
content: "\e600";
} .red{color: red;}
.blue{color: blue;}
.green{color: green;}
.gray{color: gray;}
.b, strong{font-weight: bold;}
.ll{font-size: 1.6em; font-weight: bold;}
.l{font-size: 1.3em; font-weight: bold;}
.s{font-size: 0.85em;}
.ss{font-size: 0.65em;}
.back-red{background-color: #ffccff;}
.back-blue{background-color:#ccffff;}
.badge-red,
.badge-green{
padding: 3px 8px 1px;
margin-right: 5px;
border-radius: 7px;
color: #fff;
}
.badge-red{
background-color: #e00;
}
.badge-green{
background-color: #060;
}
.clear{
clear: both;
line-height: 0;
overflow: hidden;
}
.space{
clear: both;
height: 2.5em;
}
table.hyou{
border-collapse: collapse; 
table-layout: fixed;
margin: 20px auto 2.5em;
border:1px solid #111;
}
table.hyou th, table.hyou td{
text-align: center;
padding: 5px 10px;
border: 1px solid #111;
}
table.hyou th{
background-color: #bde;
}
.no-deco{text-decoration: none;}
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
} .main-side{
width: 1058px;
margin: 30px auto;
}
.main{
width: 728px;
margin-right: 30px;
float: left;
}
.side{
width: 300px;
float: left;
}
.footer{
clear: both;
padding: 60px 0;
text-align: center;
color: #fff;
} .header-inner{
width: 1058px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0 auto;
}
.site-title{
color: #fff;
font-size: 1.9em;
text-shadow: 1px 1px 0 #666;
padding: 20px 20px 15px;
}
.header-img{
display: block;
max-width: 100%;
padding: 20px 0　10px;
}
.site-title a{
text-decoration: none;
color: #fff;
}
.site-desc{
color: #fff;
font-size: 0.9em;
padding: 0 20px;
margin-top: 20px;
}
nav{
width: 100%;
box-shadow: 0 2px 5px #999;
z-index: 5;
margin-bottom:0px;
}
.menu-mobile{
display: none;
}
.nav-inner{
width: 1058px;
margin: 0 auto;
}
.nav-inner ul{
list-style-type: none;
}
.nav-inner ul li{
display: inline-block;
}
.nav-inner ul li a{
display: inline-block;
font-size: 0.9em;
color: #fff;
padding: 7px 15px;
}
.nav-inner ul li a{
color: #fff;
text-decoration: none;
} .bread{
margin: 10px 0;
}
.bread ul{
list-style: none;
font-size: 0.75em;
}
.bread ul li{
color: #666;
display: inline-block;
margin: 0 10px;
}
.bread ul li a{
color: #666;
} .big-box{
margin-bottom: 10px;
}
.big-box .box-header{
font-size: 1.5em;
padding: 0;
margin: 0 0 10px 5px;
color:#777777;
}
.hide{
display: none;
}
.post{
width: 32%;
float: left;
background-color: #fff;
margin-right: 2%;
margin-bottom: 10px;
box-shadow: 0 2px 5px #999;
overflow: hidden;
}
.col-3{
margin-right: 0;
}
.thumb-box{
overflow:hidden;
}
.thumb-box img{
width:100%;
height: auto;
display: block;
}
.no-thumbnail{
height: 120px;
position: relative;
overflow: hidden;
}
.no-thumbnail p{
color: #fff;
font-size: 1.1em;
line-height: 1;
position: absolute;
right: 10px;
bottom: 25px;
text-align: right;
}
.post-info{
padding: 10px;
}
.share-count-top{
margin: 5px 10px 5px 0;
font-size: 0.8em;
line-height: 1;
vertical-align: top;
float: left;
}
.up-date{
font-size: 0.7em;
color: #666;
float: left;
}
.post-title{
color: #333;
font-size: 1em;
padding: 0px 0 0;
line-height: 1.5;
clear: both;
}
.post-title a{
color: #333;
text-decoration: none;
font-weight: bold;
}
.cat-link{
text-align: right;
line-height: 1;
clear: both;
}
.cat-folder{
font-size: 1.3em;
color: #808080;
vertical-align: middle;
}
.cat-link a{
display: inline-block;
padding: 1px 5px 0px;
background-color: #414852;
line-height: 1.4;
text-decoration: none;
color: #fff;
font-size: 0.7em;
}
.clear3{
clear: both;
}
.more-link{
width: 64px;
height: 64px;
line-height: 21px;
padding-top: 18px;
margin: -15px auto 55px;
border-radius: 32px;
font-size: 1.1em;
color: #fff;
text-align: center;
box-shadow: 0 2px 5px #999;
}
.more-link:hover{
cursor: pointer;
}
.more-link a:hover{
color: #fff;
} .min-box{ background-color: #FF8C00;
width: 354px;
margin-bottom: 30px;
float: left;
padding: 15px 10px 0;
overflow: hidden;
position: relative;
}
.min-box .box-header{
font-size: 1.1em;
line-height: 1.2;
padding-right: 48px;
margin: 5px 0 17px;
}
.left{
margin-right: 20px;
}
.min-box .post{
background-color: #fff;
overflow: hidden;
margin-bottom: 20px;
width:100%;
box-shadow: 0 2px 5px #999;
padding-bottom: 0;
}
.min-box .thumb-box{
width: 23%;
height: 77px;
float: left;
overflow: hidden;
}
.min-box .thumb-box img{
width: auto;
height: 100%;
display: block;
}
.min-box .no-thumbnail{
max-height: 77px;
}
.min-box .no-thumbnail p{
font-size: 0.7em;
line-height: 1.1;
position: absolute;
right: 3px;
bottom: 15px;
padding-left: 10px;
}
.min-box .post-info{
background-color: #fff;
width: 77%;
float: left;
padding: 4px 3px 0 5px;
}
.min-box .up-date{
font-size: 0.7em;
margin-bottom: 4px;
}
.min-box .share-count-top{
margin: 6px 0 4px 10px;
font-size: 0.7em;
line-height: 7px;
}
.min-box .post-title{
color: #333;
font-size: 0.9em;.
line-height: 1.2;
padding: 0;
margin-bottom: 0;
}
.min-more-link{
color: #fff;
font-size: 0.9em;
text-align:center;
width: 48px;
line-height: 48px;
height: 48px;
border-radius: 24px;
margin-top: -10px;
margin-bottom: 10px;
box-shadow: 0 2px 5px #999;
position: absolute;
right: 10px;
top: 20px;
} .pagenavi {
clear:both;
text-align: center;
margin: 30px 0 20px;
padding-top:20px;
font-size: 50%;
}
.pagenavi span,
.pagenavi a {
margin: 0 5px;
padding: 10px 10px 10px;
text-decoration:none;
color:#fff;
background: #414852;
}
.pagenavi a:hover{
color:#fff;
}
.pagenavi .current{
color: #fff;
} .cat-desc{
margin: 0 0 20px;
color: #555;
font-size: 0.9em;
} .content-box{
background-color: #fff;
padding: 0 43px 0px;
margin-bottom: 30px;
box-shadow: 0 2px 5px #999;
position: relative;
overflow: hidden;
}
.content-header{
margin: 0 -43px 10px;
padding: 10px 43px 10px;
}
h1.title{
font-size: 1.9em;
color: #111;
line-height: 1.6;
margin: 5px 0 0px;
font-weight: bold;
}
.content-header .up-date,
.content-header .cat-link{
text-align: right;
float: none;
}
.sns-counts .share-count-top{
font-size: 1.1em;
}
.eye-catch{
display: block;
max-width: 100%;
margin: 0 auto 30px;
box-shadow: 0 2px 5px #999;
clear: both;
}
.content{
margin-bottom: 50px;
clear: both;
}
.content p{
margin-bottom: 2em;
}
.content h2{
clear: both;
color: #fff;
font-size: 1.5em;
line-height: 1.3;
width: 100%;
padding: 10px 5px 5px 43px;
margin: 40px 0 15px -43px;
}
.content h2:first-child{
margin-top: 10px;
}
.content h3{
clear: both;
color: #111;
font-size: 1.4em;
line-height: 1.3;
padding: 5px 15px 0;
margin: 40px 0 15px;
}
.content h4{
clear: both;
color: #111;
font-size: 1.3em;
line-height: 1.3;
padding: 3px 12px 0;
margin: 30px 0 15px;
}
.content h5{
clear: both;
color: #111;
font-size: 1.2em;
line-height: 1.2;
padding: 3px 17px 0;
margin: 30px 0 10px;
}
.content h6{
clear: both;
color: #111;
font-size: 1.2em;
line-height: 1.2;
padding: 0 20px 0;
margin: 30px 0 10px;
}
.content img{
max-width: 100%;
height: auto;
}
.content img.alignnone{
max-width: 100%;
height: auto;
margin: 10px 0;
box-shadow: 0 2px 5px #999;
}
.content img.alignright {
max-width: 50%;
height: auto;
display: block;
float: right;
margin: 0 0 10px 10px;
box-shadow: 0 2px 5px #999;
}
.content img.alignleft {
max-width: 50%;
height: auto;
display: block;
float: left;
margin: 0 15px 10px 0;
box-shadow: 0 2px 5px #999;
}
.content img.aligncenter{
max-width: 100%;
height: auto;
display: block;
margin: 10px auto;
box-shadow: 0 2px 5px #999;
}
.content iframe{
display: block;
max-width: 100%;
margin: 0 auto 2em;
}
.content blockquote{
width: 90%;
margin: 0 auto 2em;
font-size: 0.9em;
line-height:1.5;
background-image: url(//www.turtlewiz.jp/wp-content/themes/wp_material/images/blockquote.png);
background-repeat: no-repeat;
background-position: left top;
background-color: #eef;
padding: 30px 20px 1px;
}
.content blockquote:before{
content: "“";
color: #999;
display: block;
font-size: 3em;
line-height: 0.6;
}
.content ul,
.content ol
{
padding-left: 6%;
margin-bottom: 2em;
}
.content ul li,
.content ol li{
margin-bottom: 15px;
}
.content dl{
padding: 0 4%;
margin-bottom: 2.5em;
}
.content dl dt{
font-size:1.2em;
padding-left: 10px;
border-bottom: 1px solid #aaa;
margin-bottom: 5px;
}
.content dl dd{
margin-bottom: 1.5em;
} .kanren{
margin-bottom:30px;
}
.tag-header{
display: inline;
padding: 2px 8px 0;
background-color: #EA3382;
color: #fff;
}
.kanren ul{
margin: 5px 0 5px;
list-style: none;
}
.kanren ul li{
margin-bottom: 5px;
line-height: 1.4;
overflow: hidden;
}
.kanren .thumb-box{
width: 18%;
max-width: 110px;
height: 95px;
float: left;
clear: both;
margin-right: 2.5%;
margin-bottom: 10px;
}
.kanren .no-thumbnail{
width: 100%;
height: 100%;
}
.kanren .no-thumbnail p{
font-size: 0.7em;
right: 3px;
bottom: 10px;
}
.kanren-post-name{
font-size: 1.2em;
margin-top: 4px;
}
.kanren-post-name a{
text-decoration: none;
}
.kanren-post-name a:hover{
color: #EA3382;
}
.same-tags,
.same-categories{
margin-bottom: 8px;
}
.same-tag,
.same-category{
display: inline-block;
margin-right: 15px;
}
.same-tag a,
.same-category a{
text-decoration: none;
} .share-buttons{
}
.share{
font-size: 1.3em;
padding-left: 10px;
border-bottom: 2px solid #59BEC7;
margin-bottom: 15px;
}
.share-count-button{
width: 19.5%;//24.1%;
margin: 0 0.3% 45px;//0 0.6% 45px;
float: left;
text-align: center;
box-shadow: 0 2px 5px #999;
}
.share-count-button:nth-child(1){
margin-left: 0;
}
.share-count-button:nth-child(5){
margin-right: 0;
}
.share-count{
background-color: #fff;
font-size: 0.9em;
line-height: 23px;
}
.share-button{
color: #fff !important;
font-size: 1.8em;
line-height: 32px;
}
.share-count-button .twitter{
background-color: #3589e2;
}
.share-count-button .twitter:hover{
color: #3589e2 !important;
background-color: #fff;
}
.share-count-button .facebook{
background-color: #0559b2;
}
.share-count-button .facebook:hover{
color: #0559b2 !important;
background-color: #fff;
}
.share-count-button .hatebu{
background-color: #1b6fc9;
}
.share-count-button .hatebu:hover{
color: #1b6fc9 !important;
background-color: #fff;
}
.share-count-button .pocket{
background-color: #EF4056;
}
.share-count-button .pocket:hover{
color: #EF4056 !important;
background-color: #fff;
}
.share-count-button .line{
background-color: #1DCD00;
line-height: 55px;
font-size: 2.8em;
}
.share-count-button .line:hover{
color: #1DCD00 !important;
background-color: #fff;
} .follow-underContent{
clear: both;
overflow: hidden;
margin-bottom: 30px;
}
.main .prof-box{
width: 50%;
float: left;
font-size: 18px;
}
.main .follow-box{
width: 50%;
float: left;
padding-left: 5px;
}
.main .follow-box .box-header{
text-align: center;
padding-top: 7px;
padding-bottom: 0;
font-size: 1.2em;
line-height: 1.2;
} #comments{
clear: both;
}
#comments #respond{
}
.comments-header{
font-size: 1.3em;
padding-left: 10px;
margin-bottom: 15px;
}
#comments input,
#comments textarea{
display: block;
}
#comments ul{
list-style: none;
}
#comments ul li{
margin: 10px 0 30px;
}
#comments ul li: last-child{
margin-bottom: 10px;
}
#comments .combody{
background-color: #E6E6FA;
padding: 20px 15px 5px;
margin-bottom: 5px;
}
.combody p{
font-size: 0.9em;
margin-bottom: 15px;
}
.combody ol{
margin-left: 43px;
}
#comments p.cominfo{
text-align: right;
font-size: 0.8em;
padding-right: 10px;
}
#comments textarea{
width: 100%;
margin-bottom: 10px;
}
#comments .required{
color: #ff0000;
}
#comments p.inputtext label{
padding-bottom: 10px; 
}
.com-nav{
margin: -15px 0 30px;
overflow: hidden;
}
.com-back a,
.com-next a{
display: block;
width:130px;
font-size: 0.8em;
line-height: 30px;
text-align: center;
color: #fff;
background-color: #414852;
}
.com-back a{
float: left;
border-radius: 15px 0 0 15px;
}
.com-next a{
float: right;
border-radius: 0 15px 15px 0;
}
.com-nav a{
color: #fff;
text-decoration: none;
}
.comment-reply-title{
font-size: 1.3em;
margin-bottom: 15px;
}
.go-comment-arrow{
display: inline-block;
margin-right: 15px;
width: 42px;
height: 42px;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 44px;
box-shadow: 0 2px 5px #999;
cursor: pointer;
}
.input-info{
margin-bottom: 10px;
}
.comment-form{
display: none;
} .ad{
clear: both;
margin-bottom: 30px;
overflow: hidden;
}
.ad-728{
clear: both;
width: 728px;
margin: 0 auto 30px;
overflow: hidden;
}
.ad-big{
width: 300px;
margin: 0 auto 30px;
overflow: hidden;
}
.ad-post{
clear: both;
} .side .box{
background-color: #fff;
overflow: hidden;
padding: 0 15px 10px;
margin-bottom: 30px;
box-shadow: 0 2px 5px #999;
}
.side .box-header{
font-size: 1.2em;
padding: 15px 0 5px;
margin: 0 0 5px;
color: #777777;
}
.side ul li{
list-style: none;
line-height: 1.3;
margin-bottom: 15px;
font-size: 0.95em;
clear:both;
overflow: hidden;
}
.side .box a{
color: #006699;
text-decoration: none;
}
.side .box a:hover{
color: #EA3382;
}
.side ul.children{
margin: 8px 0 0 25px;
font-size: 0.95em;
}
.search-box{
height: 35px;
box-shadow: 0 2px 5px #999;
margin-bottom: 30px;
}
.search-text{
width: 80%;
height: 100%;
font-size: 1em;
float: left;
padding: 5px 10px;
margin: 0;
border: none;
}
.search-submit{
font-size: 1.2em;
width:20%;
height: 100%;
display: inline;
padding: 0;
margin: 0;
border: none;
color: #fff;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}
.search-submit:hover{
background-color: #EA3382;
}
.side-share{
font-size: 1.2em;
padding: 0 15px;
margin: 0 0 5px;
} .side .follow-box{
padding: 0 !important;
}
.side .follow-box{
clear: both;
}
.follow-box .box-header{
padding: 15px 15px 5px;
margin: 0 !important;
}
.follow-icon{
width: 20%;
text-align: center;
font-size: 2em;
color: #fff;
line-height: 56px;
display: block;
float: left;
}
.twitter{
color: #3589e2;
}
.twitter:hover{
color: #fff;
background-color: #3589e2;
}
.fb{
color: #0559b2;
}
.fb:hover{
color: #fff;
background-color: #0559b2;
}
.g-plus{
color: #C1350B;
}
.g-plus:hover{
color: #fff;
background-color: #C1350B;
}
.feedly{
color: #2E933C;
}
.feedly:hover{
color: #fff;
background-color: #2E933C;
}
.line{
color: #1DCD00;
font-size: 2.3em;
}
.line:hover{
color: #fff;
background-color: #1DCD00;
}
.hatebu{
color: #1b6fc9
}
.pocket{
}
.side .follow-box a:hover{
color: #fff !important;
}
.not{
color: #ddd;
}
.not:hover{
color: #ddd;
background-color: #fff;
} .side .prof-box{
padding-left: 10px;
padding-right: 10px;
}
.side .prof-box .box-header{
padding-left: 5px;
}
.image-text{
overflow: hidden;
margin-bottom: 10px;
}
img.prof-image{
width: 28%;
float: left;
margin: 0 3% 3px 0; 
}
.prof-name{
font-size:1em;
line-height: 1.2;
margin-left: 30%;
margin-bottom: 7px;
border-bottom: 1px solid #aaa;
padding: 5px 5px 4px;
}
.prof-text{
font-size: 0.75em;
line-height: 1.6;
}
.twiiter-follow{
clear: both;
margin: 10px 0;
}
.like-box{
clear: both;
margin-top: 10px;
} .wpp-list li{
clear: both;
}
.wpp-thumbnail{
display:inline;
float:left;
margin-right: 8px !important;
border:none;
}
.wpp-post-title{
font-size: 0.95em;
margin-bottom: 15px;
}
.wpp-list li span{
font-size: 0.65em;
display: block;
margin-top: 3px;
margin-left: 10px;
color: #666;
float: right;
} .affi-banner{
margin-bottom: 30px;
}
.affi-banner .box-header{
margin-left: 15px;
padding: 0;
} #wp-calendar{
width: 100%;
max-width: 350px;
text-align: center;
margin-top: 15px;
}
#wp-calendar caption{
font-size: 1.2em;
border-bottom: 1px solid #666;
margin-bottom: 5px;
}
#wp-calendar th{
font-weight: bold;
}
#wp-calendar a{
text-decoration: underline;
} .footer p{
}
.footer a{
color: #fff;
text-decoration: none;
}
.footer a:hover{
color: #EA3382;
} .move-button{
color: #fff;
font-size: 2em;
text-align: center;
width: 50px;
line-height: 50px;
border-radius: 50%;
box-shadow: 0 2px 5px #999;
position: fixed;
bottom: 10px;
}
.move-button:hover{
background-color: #EA3382;
cursor: pointer;
}
.to-top{
right: 10px;
}
.to-home{
right: 70px;
}
@media screen and (max-width: 1057px) {
body{
font-size: 20px;
min-width: 0; 
width: 100%;
}
.header-inner{
width: 100%;
padding-bottom: 0px;
margin: 0 auto;
}
.site-title{
font-size: 1.6em;
}
.nav-inner{
width: 100%;
margin: 0 auto;
}
.menu-mobile{
display: block;
text-align: center;
color: #fff;
padding: 7px 0 7px;
margin-bottom:5px;
cursor: pointer;
}
.nav-inner div{
display: none;
}
.nav-inner ul li a{
padding:7px 7px;
}
.main-side{
width: 100%;
margin: 0 0 30px;
padding: 0;
}
.main{
width: 100%;
margin-right: 0;
float: none;
}
.content-box{
width: 100%;
margin: -30px 0 30px;
padding: 0 6% 30px;
overflow: hidden;
box-shadow: none;
}
.content-header{
margin-left: -7%;
margin-right: -7%;
padding-left: 6%;
padding-right: 6%;
}
.content-header .bread{
margin-left: 0;
}
.content h2{
margin-left: -7%;
padding-left: 6%;
}
.bread{
margin-top: 20px;
}
.big-box{
width: 100%;
padding: 10px 2% 10px;
}
.post{
width: 30%;
margin-right: 5%;
}
.col-3{
margin-right: 0;
}
.min-box{
width: 47%;
margin-left: 2%;
margin-right: 2%;
font-size: 17px;
}
.right{
margin-left: 0;
}
.min-box .thumb-box{
height: 80px;
}
.min-box .no-thumbnail{
max-height: 80px;
}
.min-box .share-count-top{
margin-top: 5px;
}
.main .prof-box{
font-size: 20px;
}
.side{
width: 100%;
}
.side-left{
width: 47%;
float: left;
margin-left: 2%;
margin-right: 2%;
}
.side-right{
width: 47%;
float: left;
margin-left: 0;
margin-right: 2%;
}
}
@media screen and (max-width: 700px) {
body{
font-size: 14px;
}
.post-title{
font-size: 12px;
}
.site-desc{
margin-top: 15px;
}
.big-box{
padding-left: 2%;
padding-right: 2%;
}
.post{
width: 47%;
float: left;
margin-right: 6%;
}
.col-3{
margin-right: 6%;
}
.col-2{
margin-right: 0;
}
.clear3{
clear: none;
}
.clear2{
clear: both;
}
.min-box{
width: 100%;
float: none;
margin: 0 auto 30px;
padding-left: 5%;
padding-right: 5%;
font-size: 18px;
}
.min-box .box-header{
font-size: 1.1em;
}
.min-box .thumb-box{
height: 77px;
}
.min-box .no-thumbnail{
max-height: 77px;
}
.min-box .post-info{
padding: 8px 10px 1px;
}
.main .prof-box{
font-size: 16px;
}
.kanren .thumb-box{
width: 23%;
height: 77px;
}
.kanren-post-name{
font-size: 1.1em;
}
.side{
font-size: 16px;
}
}
@media screen and (max-width: 600px) {
body{
font-size: 14px;
}
.post-title{
font-size: 12px;
}
.side{
font-size: 16px;
padding-left: 6%;
padding-right: 6%;
}
.side .box,
.side-left,
.side-right{
width: 100%;
float: none;
margin-right: 0;
margin-left: 0;
}
.side .box{
padding-left: 5%;
padding-right: 5%;
}
.affi-banner .box-header{
margin-left: 5%;
}
.prof-name{
font-size: 1.1em;
}
.prof-text{
font-size: 0.9em;
}
.follow-underContent{
margin-bottom: 45px;
}
.min-box{
font-size: 14px;
}
.min-box .box-header{
font-size: 1.0em;
}
.main .prof-box{
width: 100%;
float: none;
padding: 0;
font-size: 20px;
}
.main .follow-box{
width: 100%;
float: none;
padding-left: 0;
}
.main .follow-box .box-header{
padding-top: 5px;
}
.kanren .thumb-box{
width: 23%;
height: 77px;
}
.kanren-post-name{
font-size: 1em;
}
.follow-icon{
font-size: 2.4em;
}
.line{
font-size: 2.6em;
}
}.addtoany_content{clear:both;margin:16px 0}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a>span{height:32px;line-height:32px;width:32px}.addtoany_list a>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.addtoany_list a:hover,.widget .addtoany_list a:hover{border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}