/*
Theme Name: orefolder2015c
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{margin:0 0 0 0;padding:0 0 0 0;}
body {font-size:100%;background:#fff;margin:0 0 0 0;padding:0 10px 0 10px;color:#333;
font-family: Montserrat,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
::selection {background:#b2dfdb;color:#252525;}
::-moz-selection {background:#b2dfdb;color:#252525;}
a {outline:none;color:#333;text-decoration:none;
-webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;-o-transition: All 0.2s ease;-ms-transition: All 0.2s ease;transition: All 0.2s ease;
}
a:hover {color:#16a085;}
a img{border:0px;}
blockquote{margin:1em 4px;background:#f0f0f0;border:2px solid #fff;padding:10px 40px;box-shadow:0px 1px 2px rgba(0,0,0,0.3)}
blockquote:before {content: "”";font-size: 24pt;text-align: center;line-height: 42px;color: #fff;float: left;position: absolute;margin-left:-32px;border-radius: 25px;display: block;height: 25px;width: 25px;background:#252525;}
blockquote:after {content: "”";font-size: 24pt;text-align: center;line-height: 42px;color: #fff;float: right;position: relative;top:-24px;left:32px;border-radius: 25px;display: block;height: 25px;width: 25px;background:#252525;}
blockquote p:last-of-type{margin:0 0 0 0;padding:0 0 0 0;}
cite{font-size:82%;text-align:right;display:block;margin:0 0 0 0;padding:0 0 0 0;}
code{border:1px solid #e0e0e0;border-left:6px solid #0099D5;background:#f0f0f0;padding:0.4em;display:block;overflow:hidden;}
pre {white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;word-wrap: break-word;}

.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
.dshadow{box-shadow:0px 1px 3px rgba(0,0,0,0.3);}


@font-face {
    font-family: 'orefolder';
    src: url('./font/orefolder4.eot');
    src: url('./font/orefolder4.eot?iefix') format('eot'),
         url('./font/orefolder4.woff') format('woff'),
         url('./font/orefolder4.ttf') format('truetype'),
         url('./font/orefolder4.svg#orefolder') format('svg');
}
.font-orefolder{font-family: 'orefolder';}
@font-face {
  font-family: 'Montserrat';font-style: normal;font-weight: 400;
  src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';font-style: normal;font-weight: 700;
  src: local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2'), url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}

/* ***** lauout ***** */
#wrapper{width:1240px;margin:0 auto;padding:16px 0 0 0;background:#fff;overflow:hidden;}
#container{width:1240px;display:block;}
#main-contents{width:910px;margin:0 0px 0 0;float:left;padding:0 0 0 0;overflow:hidden;}
#sidebar{width:300px;float:right;}
#footer{clear:both;background:#252525;margin:0 0 0 0;padding:32px 16px 8px 16px;color:#fff;text-align:right;}


/* ***** header ***** */
#header{margin:0px 0px 24px 0px;padding:0 0 0 0;font-weight:700;}
#title a{color:#fff;text-decoration:none;font-weight:700;letter-spacing:3px;}
#title a:hover{color:#fff;}

.menu {margin:0 0 0 0;padding:0 0 0 0;background:#252525;height:57px;overflow:hidden;}
.menu li {display:inline-block;margin:0 0 0 0;padding:0 0 0 0;height:57px;overflow:hidden;}
.menu li a{color:#fff;text-decoration:none;font-size:18px;font-weight:700;display:inline-block;line-height:57px;padding:0 18px;overflow:hidden;text-transform:uppercase;}
.menu li:hover{background:#16A085;}
.firstmenu{background:#16A085;}


/* ***** footer ***** */
#page-top {position: fixed;bottom: 20px;right: 30px;font-size: 48px;font-weight: bold;z-index:2;}
#page-top a {background: #252525;text-decoration: none;color: #fff;width: 72px;height:72px;padding: 11px 0;text-align: center;display: block;border-radius: 36px;}
#page-top a:hover {border-style:none;background:#16A085;}


/* ***** main ***** */
h2.mainh2{font-family:Montserrat;font-weight:700;clear:both;background:#252525;line-height:2.2;margin:0 0 12px 0;padding:0 0 0 0px;font-size:18px;}
h2.mainh2 span{display:inline-block;background:#16A085;color:#fff;padding:0 8px;text-transform:uppercase;letter-spacing:1px;}


/* ***** sidebar ***** */
.side-box{margin:0 0 24px 0;}

.tagcloud a:link{color:#666;}

/* ***** exinfo ***** */
#exinfo{margin:20px 0;padding:0;}
#exinfo a{display:inline-block;width:48px;height:48px;overflow:hidden;margin-right:15px;color:#fff;line-height:52px;text-align:center;font-size:28px;}
#exinfo a:hover{text-decoration:none;color:#fff;}
#exinfo .ex-f{background:#87C040;font-size:34px;}
#exinfo .ex-t{background:#33A7E0;font-size:30px;}
#exinfo .ex-r{background:#EF8000;}
#exinfo .ex-g{background:#DD5036;}
#exinfo .ex-m{background:#808080;margin-right:0px;line-height:50px;}

#searchbox{margin:0px 0px 24px 0px;padding:0 0 0 0;}
#searchform{margin:0 0 0 0;padding:0px 0 0px 0px;position:relative;height:36px;}
#searchform #s{border:0px;background:#999;width:256px;height:36px;line-height:24px;font-size:16px;margin:0 0 0 0;padding:6px 8px;position:absolute;}
#searchform #s:focus{background:#aaa;}
#searchbtn{border:0px;background:#333;color:#fff;font-size:18px;width:36px;height:36px;text-align:center;line-height:36px;margin:0 0 0 264px;padding:0 0 0 0;position:absolute;}

/* ***** categories ***** */
.side-categories{margin:0 0 0 0;padding:0 0 0 0;}
.side-categories:nth-of-type(1){margin:0 0 24px 0;padding:0 0 0 0;}
.side-categories li{margin:0 0px 0 0;padding:0 0 0 0;list-style-type:none;overflow:hidden;line-height:20px;display:inline-block;width:50%;border-bottom:1px solid #e0e0e0;float:left;}
.side-categories li a{display:inline-block;text-decoration:none;padding:8px;width:100%;text-overflow:clip;white-space:nowrap;}
.side-categories li a:hover{background:#16A085;color:#fff;}
.side-categories .children{display:none;}

/* ***** pages ***** */
#pages{margin:0px 0 24px 0;padding:0 0 0 0;}
#pages li{margin:0 0px 0 0;padding:0 0 0 0;list-style-type:none;overflow:hidden;line-height:20px;}
#pages li a{display:block;text-decoration:none;padding:8px 0 8px 5px;border-bottom:1px solid #e0e0e0;}
#pages li a:hover{}

/* ***** pv ranking ***** */
.wpp-list{overflow:hidden;margin:0 0 0 0;padding:0px 0;}
.wpp-list li{clear:left;list-style-type:none;margin:0 0 8px 0;padding:0 0 8px 0;font-size:15px;background:#fff;border-bottom:1px solid #d3d3d3;}
.wpp-list li:last-of-type{border-bottom:0px solid #d3d3d3;}
.wpp-list li h3{font-weight:normal;font-size:14px;color:#333;line-height:24px;float:right;width:196px;}
.wpp-list li h3 a{text-decoration:none;display:inline-block;height:76px;padding:0px 8px 0 0;}
.wpp-list li div{overflow:hidden;line-height:1.2;clear:both;}
.wpp-list li img{float:left;margin:0 6px 0px 0;}

/* ***** featured ***** */
.side-feature{padding:12px 0 0 0;width:300px;}
.side-feature img{width:300px;height:150px;margin:0 0 8px 0;}
.side-feature h3{line-height:1.1;padding:0 0 6px 0;}
.side-feature-excerpt{font-size:13px;line-height:1.4;overflow:hidden;margin:0 0px 12px 0;}

/* ***** archives ***** */
.sidelist{margin:0 0 16px 0;padding:8px 0 0 0;}
.sidelist li{list-style-type:none;color:#aaa;margin:0 0 8px 0;}
.sidelist li a{color:#333;padding-right:1px;}
.sidelist li span{padding-right:1px;}
.sidelist li strong{display:block;color:#333;}



/* ***** entries ***** */
h1#aptitle{margin:0 0 0 0;padding:0.5em 0;}
#aptitle img{margin:0 8px 8px 0;float:left;width:64px;height:64px;}
.aptitle{font-size:30px;line-height:32px;display: table-cell;vertical-align: middle;height:64px;}
#blogtitle{font-size:30px;line-height:1.2;padding:0.5em 0;}

#ss1{float:left;margin:0px 8px 8px 0;max-width:48%;}
.entry-left{float:left;width:180px;}

#entry{border-bottom:1px solid #d3d3d3;float:right;width:700px;}
.entry-single{font-size:15px;margin:0 0 0 0;padding:24px 0;border-top:1px solid #ddd;position:relative;}

.imgleft{float:left;margin:0 8px 8px 0;max-width:48%;}
.imgleft3{float:left;margin:0 1% 8px 0;max-width:32%;}
.imgright{float:right;margin:0 0 8px 8px;max-width:48%;}
.alignnone{display:block;margin:1em auto 6px auto;max-width:100%;}
.flexbox{display:flex;-webkit-justify-content: center; /* Safari */
justify-content: center;}
.flexbox a{display:inline-block;padding-left:1%;}
.flexbox a:first-of-type{padding-left:0;}
.flexbox a img{max-height:520px;}

.img1center, .img2center, .img3center{text-align:center;font-size:80%;color:#909090;margin:16px auto 6px auto;}.img1center img, .img2center img, .img3center img{display:inline-block;margin:1% 0;height:auto;}.img1center img{max-width:100%;}.img2center img{margin:1%;max-width:42%;}.img3center img{max-width:225px;}.img3center a:nth-of-type(2) img{margin:1% 12px;}.img80{display:block;margin:0 auto 8px auto;max-width:40%;height:auto;}.img2center2{text-align:center;font-size:80%;color:#909090;margin-bottom:6px;}.img2center2 a:nth-of-type(1) img{margin:1% 5px 1% 0;max-width:345px;height:auto;}.img2center2 a:nth-of-type(2) img{margin:1% 0 1% 5px;max-width:345px;height:auto;}

.postscript{background:#eee;color:#666;margin:8px;font-size:90%;padding:8px;}
.androidhtml{padding:16px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin:0.8em 0;min-height:100px;}
.androidhtml div{font-size:90%;line-height:1.4;}
.androidhtml small{line-height:2.5;}

.androidhtml2{clear:both;min-height:165px;width:100%;max-width:468px;overflow:hidden;padding:12px;border:1px solid;border-color:#eaeaea #ddd #d0d0d0;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px;margin:1em 0;}
.androidhtml2 dl{margin:0;}
.androidhtml2 dt{border-bottom:1px solid;border-color:#eaeaea #ddd #d0d0d0;font-weight:bold;margin:0 0 .5em 0;padding:0 0 .5em 0;}
.androidhtml2 dt .favicon{vertical-align:middle;border:0;margin-right:.3em;}
.gp-desc{font-size:.9em;margin:0;}
.gp-thumb{float:left;}
.gp-thumb img{height:128px;width:128px;max-width:100%;vertical-align:middle;border:0;margin:0 1em 0 0;}
.androidhtml2 a.gp-dl{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;*overflow:visible;margin:8px 0;padding:.5em 2em;background:#b3c833;border-radius:4px;color:#fff;text-decoration:none;box-shadow:0px 4px 0px rgba(141,157,42,1);position:relative;top:0px;font-weight:bold;-webkit-transition: All 0s ease;-moz-transition: All 0s ease;-o-transition: All 0s ease;-ms-transition: All 0s ease;transition: All 0s ease;}
.androidhtml2 a.gp-dl:hover{box-shadow:0px 3px 0px rgba(141,157,42,1);position:relative;top:1px;color:#fff;}
.androidhtml2 a.gp-dl:active{box-shadow:0px 1px 0px rgba(141,157,42,1);position:relative;top:3px;color:#fff;}
.supplier, .review, .price{font-size:13px;}
.androidhtml2 dl dd p{margin:0 0 0 0;padding:0 0 0 0;}
.androidhtml2 dl dd p small{display:block;font-size:10px;}
.appbox{max-width:48%;width:48%;float:left;clear:none;margin:1em 1%;}


.entrydate-blog-single-top, .entrydate-blog-single-top a{font-family:Quicksand;font-weight:400;color:#808080;font-size:95%;}
.entrydate-blog-single-top .separater{margin:0 8px;color:#999;}

.entry-single h2{margin:3em 0 1em 0;padding:10px 6px 10px 12px;color:#fff;font-size:20px;background:#333;border-left:12px solid #16a085;}
.entry-single h3{margin:2em 0 0.5em 0;border-bottom:3px solid #333;font-size:22px;}
.entry-single a{color:#33A7E0;text-decoration:underline;}
.entry-single a:hover{color:#16a085;}
.entry-single p{margin:0 0 1.4em 0;padding:0 0 0 0;line-height:1.7;}
.entry-single p small{font-size:11px;}
.entry-single ul{overflow:hidden;margin-top:0;padding-top:0;}
.entry-single ul li{margin-bottom:2px;line-height:1.7;}
.entry-single ol li{margin-bottom:2px;line-height:1.7;}

.yarpp-related h2{margin:2.5em 0 1em 0;color:#fff;font-size:20px;padding:10px 6px 10px 12px;background:#333;border-left:12px solid #16a085;}
ol.yarpp{margin:0 0 0 0;padding:0 0 0 0;overflow:hidden;}
ol.yarpp li{margin:0 0 0 0;padding:0px;list-style-type:none;width:226px;float:left;}
ol.yarpp li:nth-of-type(3n-1){margin:0 11px 0px 11px;}
.relatedimg{height:127px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.related-title {overflow:hidden;width:226px;height:64px;padding:8px 0 16px 0;font-size:13px;line-height:20px;word-break:break-all;}
ol.yarpp li a:hover{text-decoration:underline;}

#googlead{padding:0 0px 24px 0;overflow:hidden;text-align:center;}
.googlead{margin:1em 0;padding:1em 0 0 0;text-align:center;}
.ad-left,.ad-right{display:inline-block;margin:0 10px;}

#playdl{float:right;width:100px;text-align:center;margin:0 0 0 8px;}
#playdl img{width:100px;}
#playdl a{text-decoration:none;color:#fff;}
.delete{border:2px solid #e28f8f;padding:4px;margin:2px 0 3px 276px;background:#fddddd;}

.appdl-bottom{clear:both;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:24px 0;margin:24px 0;}
.appdl-top{clear:both;padding:16px 0 8px 0;margin-top:8px;overflow:hidden;}
.appdl-bottom-title img{float:left;margin:0 8px 0 0;width:64px;height:64px;}
.appdl-bottom-title{font-size:120%;font-weight:bold;width:460px;float:left;}
.appdl-bottom-button{width:215px;float:right;}

.left-ar{float:left;}
.right-ar{float:right;}
.lr-arrow{position:relative;display:inline-block;padding:0 0 0 16px;color:#000;vertical-align:middle;text-decoration:none;font-size:15px;}
.lr-arrow::before,.lr-arrow::after{position:absolute;top:0;bottom:0;left:0;margin:auto;content:"";vertical-align:middle;}
.right-ar::before{top:12px;left:-24px;width:32px;height:32px;border-top:3px solid #252525;border-right:3px solid #252525;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.left-ar::before{top:12px;left:6px;width:32px;height:32px;border-bottom:3px solid #252525;border-left:3px solid #252525;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.navigation{clear:both;}
.commentsp{border-bottom:1px solid #ccc;margin-bottom:32px;}

.sara{width:225px;table-leyout:fixed;border-collapse:collapse;float:left;margin:0 4px 0 0;}
.sara td{border:1px solid #666;text-align:center;padding:2px;font-size:10px;width:56px;height:56px;vertical-align:center;}


.clear{clear:both;width:0px;height:0px;}
.vanish{display:none;}
.nocomments{display:none;}
ul.kome li{list-style-type:none;text-indent:-1em;font-size:90%;}
.hr2{background-color:#fff;border-top:0;border-bottom: 2px dotted #ccc;margin:1.5em 0;}
.mitem{padding:2px 4px;margin:0 2px;border:1px solid #999;background:#f6f6f6;border-radius:3px;font-size:90%;}
.mokuji{border:2px solid #ccc;border-radius:3px;background:#f0f0f0;padding:1em 1em 0 0;display:inline-block;}
.mokujititle{padding:0 0 0 1em;}
.mokuji ul,.mokuji ol{margin-top:0;font-size:90%;}
ul.point{position:relative;padding:2em 1em 0.5em 2em;border:4px solid #333;}
ul.point li{list-style-type:none;}
.point::before{position:absolute;top:0;left:0;content:'この製品の特徴';display:inline-block;background:#333;color:#fff;padding:0.2em 0.5em;}
.point-app::before{content:'このアプリの特徴';}
.point .good::before{content:'\f00c';font-family:orefolder4;color:#2ecc71;margin-right:0.2em;}
.point .bad::before{content:'\f00d';font-family:orefolder4;color:#c0392b;margin-right:0.2em;}
.fukidashi{position:relative;min-height:90px;margin:0 0 1.5em 120px;padding:0.5em;border:2px solid #666;border-radius:0.8em;line-height:1.5;}
.fukidashi img{position:absolute;left:-120px;top:-2px;}
.fukidashi::before{position:absolute;top:20px;left:-30px;content:'';border:12px solid transparent;border-right:17px solid #666;}
.fukidashi::after{position:absolute;top:20px;left:-26px;content:'';border:12px solid transparent;border-right:17px solid #fff;}
.exlink{border:1px solid #ccc;background:#f8f8f8;padding:0.5em;margin:0 0 1.4em 0;line-height:1.7;}

.column32{column-count:3;}
dl.column32 dt{background:#eee;line-height:1.3;}
dl.column32 dd{line-height:1.2;}

.pagebar{clear:both;text-align:center;}
.waku{border-collapse:collapse;}
.waku th{border:1px solid #666;padding:3px;background:#eee;}
.waku td{border:1px solid #666;padding:3px;}

.waku1{border-collapse:collapse;border:4px solid #ccc;margin-bottom:0.5em;}
.waku1 th{border:1px solid #ccc;padding:6px;background:#eee;}
.waku1 td{border:1px solid #ccc;padding:6px;}
.waku1 caption{font-weight:bold;text-align:left;}

.waku2{border-collapse:collapse;border:4px solid #ccc;margin-bottom:1em;min-width:70%;}
.waku2 td{border:1px solid #ccc;padding:8px 3px;}
.waku2 tr:nth-child(odd){background:#f0f0f0;}
.waku2 th{border:1px solid #ccc;padding:8px 3px;background:#808080;color:#fff;}

.waku3{border-collapse:collapse;overflow:hidden;width:50%;margin-bottom:2em;}
.waku3 th,.waku3 td{border-bottom:1px solid #333;vertical-align:bottom;}
.waku3 th{padding:3px 3px 3px 1em;font-style:italic;text-align:left;width:8em;}
.waku3 td{padding:3px 3px 3px 3px;}

.waku4{border-collapse:collapse;overflow:hidden;margin-bottom:2em;border:1px solid #ccc;}
.waku4 th{border:1px solid #ccc;background:#999;padding:8px;color:#fff;}
.waku4 td{border:1px solid #ccc;background:#f0f0f0;padding:8px;}

.waku5{border-collapse:collapse;border:4px solid #ccc;margin-bottom:1em;min-width:70%;}
.waku5 td{border:1px solid #ccc;padding:1em 0.8em;}
.waku5 tr:nth-child(odd){background:#f8f8f8;}
.waku5 th{border:1px solid #ccc;padding:1em 0.8em;background:#666;color:#fff;font-weight:normal;}

.end2{margin-bottom:2em;}
.browser-shot{float:left;margin:0 8px 0 0;}
.browser-shot img{width:128px;height:128px;}


.amazlet-box{overflow:hidden;border:4px solid #333;margin-bottom:1em;padding:12px;}
.amazlet-image{float:left;margin:0 16px 0 0;width:200px;}
.amazlet-image img{max-width:200px;}
.amazlet-name{font-weight:bold;font-size:20px;}
.amazlet-name a{text-decoration:none;color:#252525;}
.amazlet-name a:hover{text-decoration:underline;color:#252525;}
.amazlet-powered-date{font-weight:normal;font-size:80%;}
.amazlet-footer{clear:both;}
.amazlet-detail{font-size:12px;font-weight:normal;}
.amazlet-info{overflow:hidden;}
.amazlet-link a{display:inline-block;background:#16a085;color:#fff;padding:1em 2em;margin:12px 0;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.amazlet-link a:hover{background:#e67e22;color:#fff;text-decoration:none;}

.linkcard{border:4px solid #333;margin:0 0 1em 0;overflow:hidden;}
.linkcard a.no_icon{display:block;overflow:hidden;text-decoration:none;color:#333;padding:12px;}
.linkcard .lkc-thumbnail{float:right;margin:0 0px 8px 12px;}
.linkcard .lkc-thumbnail-img{max-width:128px;max-height:128px;}
.linkcard .lkc-title{color:#252525;font-size:18px;font-weight:bold;}
.linkcard .lkc-internal-wrap .lkc-title:before {content: "関連記事";display:inline-block;font-size:11px;background:#333;color:#fff;margin:0 4px 0 0;padding:2px 6px;position:relative;top:-3px;letter-spacing:2px;}
.linkcard .lkc-external-wrap .lkc-title:before {content: "参考リンク";display:inline-block;font-size:11px;background:#333;color:#fff;margin:0 4px 0 0;padding:2px 6px;position:relative;top:-3px;}
.linkcard .lkc-url cite{font-size:10px;margin:0.5em 0;color:#999;}
.linkcard .lkc-excerpt{font-size:11px;line-height:1.2;margin:0 0 8px 0;}
.linkcard .lkc-info{font-size:10px;line-height:16px;color:#999;}
.linkcard p{display:none;}


.movie, .vine{text-align:center;margin:0 0 8px 0;}

.linkbtn{text-align:center;margin:0 0 1.5em 0;}
.linkbtn a{text-decoration:none;display:inline-block;border-radius:28px;color:#fff;padding:1em 2em;font-size:16px;line-height:16px;background:#e74c3c;border:1px solid rgba(0, 0, 0, .04);box-shadow:-1px 1px 2px rgba(0, 0, 0, .3), -1px 1px 1px rgba(255, 255,255, .35) inset;text-shadow:1px -1px 0 rgba(0,0,0,0.3);font-family:'Montserrat';font-weight:700;background:-moz-linear-gradient(top, #e74c3c, #d14536);background: -webkit-gradient(linear, left top, left bottom, from(#e74c3c), to(#d14536));}
.linkbtn a .icon2-arrow8-right,.linkbtn a .icon2-arrow7-down{font-weight:normal;font-size:22px;margin-right:1px;color:rgba(255,255,255,0.7);}
.linkbtn a .linkbtntext{position:relative;top:-3px;}
.linkbtn a:hover{color:#fff;background:#ef4f3f;background:-moz-linear-gradient(top, #ef4f3f, #dd4838);background: -webkit-gradient(linear, left top, left bottom, from(#ef4f3f), to(#dd4838));box-shadow:-1px 2px 4px rgba(0, 0, 0, .3), -1px 2px 3px rgba(255, 255,255, .35) inset;}

.arrow_box {padding:0 0px;overflow:hidden;margin:0 0 2em 0;}
.arrow_img1 img{width:96px;height:96px;}
.arrow_box1 {position:relative;left:109px;margin-top:-96px;min-height:96px;width:calc(100% - 109px) ;background:#c8e6c9;border-radius:6px;padding:12px;}
.arrow_box1:after {right:100%;top:48px;border:solid transparent;content: " ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-right-color:#c8e6c9;border-width:8px 10px 8px 10px;margin-top:-10px;}

.arrow_img2{position:relative;left:calc(100% - 96px);}
.arrow_img2 img{width:96px;height:96px;}
.arrow_box2 {position:relative;right:0px;margin-top:-96px;min-height:96px;width:calc(100% - 109px) ;background:#b3e5fc;border-radius:6px;padding:12px;}
.arrow_box2:after {left:100%;top:48px;border:solid transparent;content: " ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-left-color:#b3e5fc;border-width:8px 10px 8px 10px;margin-top:-10px;}


.arrow_box3 {position:relative;left:8px;width:calc(100% - 8px);background:#e0e0e0;border-radius:6px;padding:12px;}
.arrow_box3:after {right:100%;top:32px;border:solid transparent;content: " ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-right-color:#e0e0e0;border-width:8px 10px 8px 10px;margin-top:-10px;}


/* ***** 左サイドバー ***** */
.left-sns-box{margin:0 0 24px 0;padding:0 0 0 0;}
.left-sns-box li{margin:0 0 8px 0;padding:0 0 0 0;list-style-type:none;height:42px;line-height:42px;background:#252525;}
.left-sns-box li a.snsbtn3{color:#fff;display:block;overflow:hidden;}
.left-sns-box li a.snsbtn4{color:#fff;}
.left-sns{width:42px;height:42px;display:block;float:left;text-align:center;font-family:orefolder4;margin:0 8px 0 0;}
.left-sns-name{display:block;float:left;width:52px;}
.left-sns-num{display:block;float:right;width:42px;text-align:center;background:#666;position:relative;z-index:2;}
.left-sns-sq{font-size:24px;display:block;float:right;position:relative;left:12px;color:#666;}

.left-tags{margin:0 0 0 0;padding:0 0 0 0;}
.left-tags li{margin:0 0 0.5em 0;padding:0 0 0 0;list-style-type:none;overflow:hidden;}
.left-tags li span.tag3{display:block;float:left;width:158px;font-size:13px;}
.left-tags li span.tag2{display:block;float:left;width:20px;position:relative;top:2px;}

/* ***** アーカイブページ ***** */
.pagetitle{background:#ccc;padding:15px 16px;border-radius:4px;margin:0 0 16px 0;font-size:20px;line-height:30px;}
.taglist{display:block;overflow:hidden;margin:0 14px 32px 0;padding:0 0 8px 0;width:224px;float:left;}
.taglist:nth-of-type(3n){margin:0 0px 16px 0;}
.taglist:nth-of-type(3n+1){clear:both;}
.taglist:hover{background:#f4f4f4;color:#000;}
.taglistimg{background-size:cover;width:224px;height:126px;}
.taglisttitle{line-height:22px;font-size:16px;word-break:break-all;height:66px;overflow:hidden;}
.taglistdate{color:#999;font-size:13px;margin:8px 0 6px 0;}
.pagination{text-align:center;margin:0 0 3em 0;padding:2em 0 0 0;clear:both;}
.pagination .page-numbers{display:inline-block;font-size:16px;line-height:48px;width:48px;text-align:center;text-decoration:none;background:#d0d0d0;font-weight:700;}
.pagination .dots{background:transparent;}
.pagination .prev{float:left;width:96px;}
.pagination .next{float:right;width:96px;}
.pagination a.page-numbers:hover{background:#252525;color:#fff;}
.pagination .current{background:#252525;color:#fff;}

@font-face {
	font-family: 'orefolder4';
	src:url('./font/orefolder4.eot');
	src:url('./font/orefolder4.eot#iefix') format('embedded-opentype'),
		url('./font/orefolder4.ttf') format('truetype'),
		url('./font/orefolder4.woff') format('woff'),
		url('./font/orefolder4.svg#orefolder4') format('svg');
	font-weight: normal;font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'orefolder4';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: "\79";}
.icon-hatebu:before {content: "\48";}
.icon-pocket:before {content: "\50";}
.icon-search:before {content: "\53";}
.icon-tag:before {content: "\f02b";}
.icon-calendar:before {content: "\64";}
.icon-comment:before {content: "\63";}
.icon-folder:before {content: "\62";}
.icon-twitter2:before {content: "\74";}
.icon-facebook:before {content: "\66";}
.icon-rss:before {content: "\61";}
.icon-google-plus:before {content: "\67";}
.icon-angle-up:before {content: "\f106";}
.icon-envelope-o:before {content: "\69";}
.icon-check:before {content: "\f00c";}
.icon-close:before {content: "\f00d";}

@font-face {
    font-family: 'arrows';
    src:url('font/arrows.ttf?mnajvb') format('truetype'),url('font/arrows.woff?mnajvb') format('woff'),url('font/arrows.svg?mnajvb#arrows') format('svg');
    font-weight: normal;font-style: normal;
}

[class^="icon2-"], [class*=" icon2-"] {
font-family: 'arrows' !important;
speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.icon2-arrow1-down:before {content: "\e904";}
.icon2-arrow1-up:before {content: "\e905";}
.icon2-arrow1-right:before {content: "\e906";}
.icon2-arrow1-left:before {content: "\e907";}
.icon2-arrow2-right:before {content: "\e908";}
.icon2-arrow2-left:before {content: "\e909";}
.icon2-arrow2-down:before {content: "\e90a";}
.icon2-arrow2-up:before {content: "\e90b";}
.icon2-arrow3-down:before {content: "\e900";}
.icon2-arrow3-up:before {content: "\e901";}
.icon2-arrow3-left:before {content: "\e902";}
.icon2-arrow3-right:before {content: "\e903";}
.icon2-arrow4-left:before {content: "\f060";}
.icon2-arrow4-right:before {content: "\f061";}
.icon2-arrow4-up:before {content: "\f062";}
.icon2-arrow4-down:before {content: "\f063";}
.icon2-arrow5-down:before {content: "\f01a";}
.icon2-arrow5-up:before {content: "\f01b";}
.icon2-arrow6-left:before {content: "\f053";}
.icon2-arrow6-right:before {content: "\f054";}
.icon2-arrow4-left:before {content: "\f060";}
.icon2-arrow4-right:before {content: "\f061";}
.icon2-arrow4-up:before {content: "\f062";}
.icon2-arrow4-down:before {content: "\f063";}
.icon2-arrow6-up:before {content: "\f077";}
.icon2-arrow6-down:before {content: "\f078";}
.icon2-arrow7-left:before {content: "\f0a8";}
.icon2-arrow7-right:before {content: "\f0a9";}
.icon2-arrow7-up:before {content: "\f0aa";}
.icon2-arrow7-down:before {content: "\f0ab";}
.icon2-arrow8-left:before {content: "\f137";}
.icon2-arrow8-right:before {content: "\f138";}
.icon2-arrow8-up:before {content: "\f139";}
.icon2-arrow8-down:before {content: "\f13a";}
.icon2-arrow5-right:before {content: "\f18e";}
.icon2-arrow5-left:before {content: "\f190";}