@charset "utf-8";
*{border:0;margin:0;outline:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;font:inherit;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;text-decoration:none;vertical-align:baseline;}
html{width:100%;height:100%;}
body{line-height:1;position:relative;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;}
article,aside,dialog,figure,footer,header,main,menu,nav,section{display:block;}
audio,canvas,video{display:inline-block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
input,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
.clearfix:after{content:"";clear:both;display:block;}
body{font-family:YakuHanJP,'-apple-system','BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'MS Pゴシック','MS PGothic',sans-serif;font-size:14px;color:#4a4a4a;background-color:#ECF0F3;font-weight:400;}
@font-face{font-family:'icomoon';src:url('fonts/icomoon.eot?yu7ju0');src:url('fonts/icomoon.eot?yu7ju0#iefix') format('embedded-opentype'),url('fonts/icomoon.ttf?yu7ju0') format('truetype'),url('fonts/icomoon.woff?yu7ju0') format('woff'),url('fonts/icomoon.svg?yu7ju0#icomoon') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"],
[class*=" icon-"]{ /* use !important to prevent issues with browser extensions that change font */
font-family:'icomoon'!important;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:"\e007";}
.icon-pocket:before{content:"\e008";}
.icon-hatebu:before{content:"\e00a";}
.icon-twitter:before{content:"\e611";}
.icon-comment:before{content:"\e900";}
.icon-facebook:before{content:"\e901";}
.icon-search:before{content:"\e903";}
.icon-quotes-left:before{content:"\e977";}
.icon-quotes-right:before{content:"\e978";}
.icon-rss:before{content:"\ea9b";}
.icon-arrow_up:before{content:"\e902";}
.icon-arrow_right:before{content:"\e904";}
.icon-arrow_left:before{content:"\e905";}
.icon-arrow_down:before{content:"\e906";}
.flex-sb{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
/*---------------------------------
common
---------------------------------*/
.wrap{width:1100px;margin:0 auto;}
/*---------------------------------
siteHeader
---------------------------------*/
.siteHeader a{color:#FFF;text-decoration:none;}
.siteHeader a:hover{background-color:#CC3969;}
.siteHeader-bar{background-color:#CC3969;}
.siteHeader-bar-inner{padding:8px 0;}
.siteHeader-description{display:inline-block;font-size:13px;color:#FFF;}
.siteHeader-info{float:right;font-size:13px;}
.siteHeader-info-list{display:inline-block;margin-left:16px;}
.siteHeader-info-list a{display:block;}
.siteHeader-info-list a:hover{text-decoration:underline;}
.siteHeader-brand{background-color:#DC7094;height:68px;}
.siteHeader-brand-inner{position:relative;}
.siteHeader-logo{overflow:hidden;float:left;margin-top:10px;}
.siteHeader-logo-link{display:block;padding:4px;}
.siteHeader-logo-img{width:182px;height:auto;}
.siteHeader-category{position:absolute;left:200px;top:16px;}
.siteHeader-category-list{display:inline-block;font-size:15px;font-weight:bold;}
.siteHeader-category-link{display:block;padding:12px;}
.siteHeader-social{float:right;}
.siteHeader-social-list{display:inline-block;vertical-align:top;}
.siteHeader-social-list__search{display:inline-block;margin-left:8px;}
.siteHeader-social-link{font-size:20px;margin-top:14px;display:block;padding:10px;}
.siteHeader-form-inputTxt{height:44px;width:196px;line-height:24px;background-color:#E8A3BA;float:left;margin-top:12px;color:#000;font-size:16px;font-weight:bold;padding-left:6px;}
.siteHeader-form-inputSubmit{height:44px;width:44px;font-size:20px;float:left;border:none;color:#FFF;background-color:#E8A3BA;margin-top:12px;cursor:pointer;font-family:'icomoon'!important;}
.messageBoard .message-board-outer{border:2px solid #DC7094;padding:12px;font-size:16px;background-color:#FFF;line-height:1.3;width:1100px;margin:0 auto;}
.messageBoard .message-board-outer a{color:#004B91;text-decoration:underline;}
/*---------------------------------
siteRanking
---------------------------------*/
.siteRanking-panel-list{display:none;}
.siteRanking-panel-list:first-child{display:block;}
.siteRanking-tab{margin-bottom:20px;}
.siteRanking-tab:after{content:"";border-bottom:2px solid #222;width:100%;display:block;margin-top:-2px;z-index:2;position:relative;}
.siteRanking-tab-list{display:inline-block;background-color:#F6E3E9;color:#222;font-size:15px;font-weight:bold;width:150px;text-align:center;height:40px;line-height:36px;border:2px solid #F6E3E9;border-bottom-width:0px;z-index:1;margin-right:2px;cursor:pointer;}
.siteRanking-tab-list:hover{background-color:#E8A3BA;border:2px solid #E8A3BA;}
.siteRanking-tab-list.active{border:2px solid #222;background-color:#edf1f4;border-bottom-width:0;z-index:3;position:relative;}
.siteRanking-main{margin-bottom:16px;margin-left:310px;}
.commentRanking,.tweetRanking{margin-bottom:12px;flex-wrap: wrap;}
.commentRanking-list,.tweetRanking-list{display:inline-block;width:calc(100% / 5 - 6px);height:120px;background-size:cover;position:relative;vertical-align:top;margin-bottom:12px}
.commentRanking-link,.tweetRanking-link{display:block;padding:32px 8px 8px 8px;height:120px;}
.commentRanking-list:hover .commentRanking-link,.tweetRanking-list:hover .tweetRanking-link{background-color:rgba(0,0,0,0.6);}
.commentRanking-title,.tweetRanking-title{color:#FFF;font-size:13px;font-weight:bold;line-height:1.4;height:75px;text-shadow:black 0 0 5px;overflow:hidden;display:none;}
.commentRanking-list:hover .commentRanking-title,.tweetRanking-list:hover .tweetRanking-title{display:block;}
.commentRanking-count,.tweetRanking-count{position:absolute;top:0;background-color:#edf1f4;width:64px;text-align:center;left:0;padding:6px 0;font-size:14px;font-weight:bold;color:#D76F92;font-family:arial;}
.commentRanking-count span,.tweetRanking-count span{margin-right:4px;font-size:13px;vertical-align:middle;}
.tweetRanking-count{color:#1DA1F2;}
.siteRanking-outer{position:relative;min-height:300px}
.ad-siteRanking{width:300px;height:250px;display:block;position:absolute;z-index:1;bottom:0;}
/*---------------------------------
siteMain
---------------------------------*/
.siteContent{padding-top:20px;}
.siteMain{width:780px;}
.articles{/*background-color:#FFF;padding:20px;border:1px solid rgba(0,0,0,0.15);border-top:2px solid #222;*/margin-bottom:16px;letter-spacing:-.4em;}
.articleTop{width:382px;display:inline-block;position:relative;margin-bottom:13px;overflow:hidden;background-color:#FFF;padding:6px 6px 16px 6px;letter-spacing:normal;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);}
.articleTop:nth-of-type(2n){margin-left:16px;}
.articleTop-link{display:block;}
.articleTop-link:hover .articleTop-img{opacity:0.8;}
.articleTop-img{display:block;width:100%;height:180px;background-size:cover;}
.articleTop-title{margin-top:8px;font-size:17px;font-weight:bold;line-height:1.45;height:70px;overflow:hidden;word-break:break-all;color:#004B91;letter-spacing:0.03em;margin-bottom:20px;padding:0 4px;}
.articleTop-link:hover .articleTop-title{color:#CC3969;}
.articleTop-date{color:#7d7d7d;font-size:12px;font-family:arial;letter-spacing:normal;margin-left:4px;}
.articleTop-category{position:absolute;bottom:16px;letter-spacing:normal;left:107px;}
.articleTop-category-link{color:#777;font-size:11px;font-family:arial;background-color:#EDEDED;padding:4px 12px;border-radius:3px;}
.articleTop-category-link:hover{background-color:#CD5176;color:#FFF;}
.articleTop-count{position:absolute;top:5px;background-color:#FFF;text-align:center;left:5px;}
.articleTop-count-link{color:#D76F92;font-size:14px;font-weight:bold;width:64px;padding:6px 0;display:block;font-family:arial;letter-spacing:normal;}
.articleTop-count:hover .articleTop-count-link{color:#CC3969;}
.articleTop-count-link span{margin-right:4px;font-size:13px;vertical-align:middle;}
.articleBottom{padding:6px;background-color:#FFF;margin-top:6px;letter-spacing:normal;position:relative;}
.articleBottom-img{float:left;}
.articleBottom-img-link{display:block;width:140px;height:90px;background-size:cover;background-color:#efefef;}
.articleBottom-img-link:hover{opacity:0.8;}
.articleBottom-main{margin-left:150px;}
.articleBottom-count{position:absolute;right:8px;bottom:8px;font-family:arial;}
.articleBottom-count-link{color:#D76F92;font-size:18px;font-weight:bold;}
.articleBottom-count-link:hover{color:#CC3969;}
.articleBottom-count-link span{margin-right:4px;font-size:13px;}
.articleBottom-twitterCount-link{color:#1DA1F2;font-size:18px;font-weight:bold;}
.articleBottom-twitterCount-link:hover{color:#0c85d0;}
.articleBottom-twitterCount-link span{margin-right:4px;font-size:13px;}
.articleBottom-date{display:inline-block;font-size:13px;color:#7d7d7d;font-family:arial;}
/*.articleBottom-title{margin-top:16px;}*/
.articleBottom-title-link{display:inline-block;font-size:17px;font-weight:bold;color:#004B91;line-height:24px;letter-spacing:0.018em;height:46px;overflow:hidden;}
.articleBottom-title-link:hover{color:#CC3969;}
.index .articleBottom-main-date{position:absolute;left:160px;bottom:12px;}
.articleBottom-category{display:inline-block;margin-left:6px;}
.articleBottom-category-link{color:#777;font-size:11px;font-family:arial;background-color:#EDEDED;padding:4px 12px;border-radius:3px;}
.articleBottom-category-link:hover{background-color:#CD5176;color:#FFF;}
/*---------------------------------
feature
---------------------------------*/
.feature{border:1px solid rgba(0,0,0,0.15);border-top:2px solid #222;margin-bottom:16px;background-color:#FFF;}
.feature-header{font-size:16px;font-weight:700;color:#222;background-color:#EBEBEB;padding:12px;position:relative;}
.feature-header-link{display:block;position:absolute;right:0;top:0;background-color:#222;color:#FFF;height:40px;line-height:40px;width:120px;text-align:center;}
.feature-header-link:hover{background-color:#CC3969;}
.feature-header-link:before{content:'';width:0;height:0;border:solid 4px transparent;border-left:solid 6px #D76F92;display:inline-block;}
.feature-lists{position:relative;padding-left:12px;}
.feature-list{margin-top:-1px;}
.feature-listText{border-top:1px solid #E6E6E6;width:calc(100% - 124px);}
.feature-listText-link{display:block;position:relative;padding:12px;color:#222;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.feature-listText-link:hover{color:#CC3969;}
.feature-listText-link:before{content:'';width:0;height:0;border:solid 4px transparent;border-left:solid 6px #D76F92;position:absolute;top:50%;left:0;margin-top:-4px;}
.feature-listImg-link{display:block;width:100px;height:100px;position:absolute;right:12px;top:8px;z-index:1;background-size:cover;}
.feature-list:first-child .feature-listImg-link{z-index:2;}
.feature-list:hover .feature-listImg-link{z-index:3;}
/*---------------------------------
siteArticle
---------------------------------*/
.siteArticle{float:left;width:780px;}
.article-header{background-color:#FFF;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-top:2px solid #222;}
.article-header-meta{padding:20px;position:relative;border-bottom:1px solid #EFEFEF;}
.article-category{display:inline-block;}
.article-category-link{background-color:#DC7094;font-size:13px;color:#FFF;padding:8px 10px;display:inline-block;}
.article-category-link:hover{background-color:#CC3969;}
.article-tag{display:inline-block;}
.article-tags dt{display:none!important;}
.article-tags dd a{background-color:#EDEDED;font-size:13px;color:#222;padding:8px 10px;display:inline-block;}
.article-tags dd a:hover{background-color:#CC3969;color:#FFF;}
.article-comment{position:absolute;right:20px;top:22px;}
.article-comment-link{color:#DC7094;}
.article-comment-link:hover{color:#CC3969;}
.article-comment-watch{text-decoration:underline;margin-right:8px;}
.article-comment-icon{vertical-align:top;font-size:15px;}
.article-comment-count{font-size:20px;font-weight:700;}
.article-header-main{padding:20px;}
.article-header-date{color:#7d7d7d;}
.article-title{margin-top:8px;}
.article-title-link{display:block;color:#cc3939;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:16px;}
.article-body{text-align:left;margin:20px;line-height:1.4;}
.article-body-more{text-align:left;margin:48px;line-height:1.4;}
.preview-firstImage{text-align:center;margin-bottom:16px;height:270px;overflow:hidden;}
.preview-firstImage img{height:100%;width:auto;}
/*---------------------------------
article-body(default)
---------------------------------*/
.article-body-more> h2{font-size:24px;font-weight:bold;border-bottom:2px solid #D76F92;padding-bottom:4px;margin-bottom:24px;}
.article-body-more> h3{font-size:22px;font-weight:bold;border-bottom:1px solid #D5D5D5;padding-bottom:4px;margin-bottom:24px;}
.article-body-more> h4{font-size:22px;font-weight:bold;padding-bottom:4px;margin-bottom:24px;}
.article-body-more> blockquote{border:1px dashed #CCC;padding:24px 16px;}
.article-body-more> p{font-size:16px;margin-bottom:16px;}
.article-body-more> p.h2{font-size:20px;margin-bottom:16px;border-bottom:1px solid #660033;color:#660033;padding-bottom:4px;}
.article-body-more b{font-weight: bold;}
.article-main{background-color:#FFF;border:1px solid #FFF;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);}
.article-firstImage{display:block;height:270px;width:100%;background-size:auto;background-repeat:no-repeat;background-position:center;margin-bottom:16px;}
/*---------------------------------
article-body
---------------------------------*/
.htm{font-size:18px;text-align:center;}
.htm [class^="capture"]{text-align:center;margin:32px 0;}
.htm [class^="capture"] a{color:#004B91;text-decoration:underline;font-size:14px;display:inline-block;word-break:break-all;}
.htm [class^="capture"] p{font-weight:normal;color:#CC3969;border:none;margin:0 0 8px;padding:0;}
.htm [class^="capture"] img{border:1px solid #004B91;display:block;margin-top:8px;}
.htm [class^="capture"] a:hover img{border-color:#CC3969;}
.htm [class^="capture"] img{border:1px solid rgba(0,0,0,0.1);max-width:100%;height:auto;display:block;margin:8px auto 0;}
.htm .capture-gray{border:1px solid #ECECEC;padding:24px;background-color:#FCFCFC;}
.htm .capture-small{width:100%;display:table;border-collapse:separate;border:1px solid #ECECEC;margin-bottom:40px;}
.htm .capture-small> div{display:table-cell;vertical-align:middle;text-align:left;}
.htm .capture-small .capture-img img{padding:8px;max-width:200px;height:auto;margin:auto;display:block;border:none;}
.htm .capture-small .capture-text{max-width:100%;height:auto;}
.htm .capture-small br{display:none;}
.htm .capture-text{padding:12px;}
.htm .h2{text-align: left;font-size:26px;font-weight:bold;border-bottom:2px solid #D76F92;padding:8px 0;margin-bottom:16px;}
.htm .h3{text-align: left;font-size:22px;font-weight:bold;border-bottom:1px solid #D5D5D5;padding:8px 0;margin-bottom:16px;}
.htm .h4{text-align: left;font-size:20px;font-weight:bold;border:none;padding:0;margin-bottom:16px;}
.htm .reaction{margin:32px 0;}
.htm ul,.htm ol{margin:32px 0;text-align: left;}
.htm ul li{text-align: left;position:relative;line-height:1.4;margin-bottom:24px;}
.htm ul.dot li:before{counter-increment:list;content:"";display:block;position:absolute;left:0px;height:5px;width:5px;border-radius:50%;background:#545454;top:12px;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.htm ul.dot{padding:0;}
.htm ul.dot li{padding: 0 0 0 16px;position:relative;padding:0 0 0 16px;line-height:1.4;margin:32px 0;}
.htm ol.number{padding:0;}
.htm ol.number li{padding:0;margin:0 0 16px 0;line-height:1.4;list-style-type:none;list-style-position:inside;counter-increment:cnt;}
.htm ol.number li:before{display:marker;content:"("counter(cnt) ") ";margin-right:4px;}
.htm ol.ranking{padding:0;}
.htm ol.ranking li{padding:0;margin:0 0 16px 0;line-height:1.4;list-style-type:none;list-style-position:inside;counter-increment:rank;}
.htm ol.ranking li:before{display:marker;content:counter(rank) "位 ";margin-right:4px;color:#CC3969;}
.htm .reaction li{font-weight: bold;}
.htm .reaction li:nth-child(6n+1){color:#CC0000;}
.htm .reaction li:nth-child(6n+2){color:#0000ff;}
.htm .reaction li:nth-child(6n+3){color:#006633;}
.htm .reaction li:nth-child(6n+4){color:#FF0033;}
.htm .reaction li:nth-child(6n+5){color:#800080;}
.htm .reaction li:nth-child(6n+6){color:#FF00FF;}
.htm twitterwidget,.htm iframe,.htm .twitter-tweet-rendered{margin: 16px auto!important;}
.htm [class^="related"]{margin:32px 0;text-align: left;}
.htm .related-strong{margin-bottom:40px;border:2px solid #D76F92;background-color:#fdfaf3;}
.htm .related-strong .h4{display:inline-block;background-color:#D76F92;color:#FFF;padding:4px 8px;font-weight:normal;font-size:16px;}
.htm .related-strong .list{padding:16px;}
.htm .list{margin:-8px 0 0 0;}
.htm .list li{padding:0;margin:0 0 12px 0;}
.htm .list li a{color:#004B91;text-decoration:underline;}
.htm .list li:before{display:none;}
.htm .wiki{text-align: left;margin:32px 0;position:relative;margin:2em 0;padding:40px 20px;border:1px dotted #CCC;border-radius:6px;font-size:16px;}
.htm .wiki a{margin:10px 0;display:block;}
.htm .wiki p{margin:8px 0 16px;}
.htm .wiki ul,.htm .wiki li{margin:8px 0!important;}
.htm .wiki:before,.htm .wiki:after{position:absolute;font-size:38px;font-family:arial black;line-height:1;}
.htm .wiki:before{top:8px;left:16px;content:'"';}
.htm .wiki:after{bottom:0;right:16px;content:'"';}
.htm .overview{border:1px dashed #CCC;padding:24px 16px;margin:32px 0;text-align: left;}
.htm .overview ul,.htm .overview li{margin-top:0!important;}
.htm .overview cite a{color:#004B91;font-size:16px;}
.htm> img.pict{display:block;margin:32px auto;}
.htm #timakibox{margin: 0px 0px 15px;}
.htm .amazlet-box{margin:32px 0!important;border:1px dotted #CCC;padding:16px;font-size:14px;text-align: left;}
.htm p{margin:32px auto 32px;line-height:1.8;}
.htm b{font-weight: bold}
.htm .small{font-size:70%;}
.htm .big{font-size:150%;}
.htm .left{text-align: left;}
.article-body b{font-weight:bold;}
.article-body-more a,
.article-body a{color:#004B91;text-decoration:underline;}
.article-body-more a:hover,
.article-body a:hover{color:#CC3969;}
.page-article .articleBottom{padding:20px 0;margin:0;border-bottom:1px solid #EFEFEF;}
.page-article .articleBottom-main-date{position:absolute;left:160px;bottom:18px;width:calc(100% - 160px);}
.page-article .articleBottom-count{position:absolute;right:6px;bottom:0px;font-family:arial;}
/*---------------------------------
siteArticle
---------------------------------*/
.index-navigator{color:#FFF;}
.paging-last,.paging-first{display:none!important;}
.paging-number li a,.paging-next a,.paging-prev a{letter-spacing:normal;display:inline-block;border:1px solid #D76F92;color:#D76F92;padding:12px 16px!important;border-radius:3px;margin:0 4px!important;font-size:16px;}
.paging-number li a,.paging-next a,.paging-prev a{letter-spacing:normal;display:inline-block;border:1px solid #D76F92;color:#D76F92;padding:12px 16px!important;border-radius:3px;margin:0 4px!important;font-size:16px;}
.paging-number li.current,.paging-number li a:hover,.paging-number li a:hover,.paging-next a:hover,.paging-prev a:hover{letter-spacing:normal;display:inline-block;border:1px solid #D76F92;color:#FFF;padding:12px 16px!important;border-radius:3px;margin:0 4px!important;background-color:#D76F92;font-size:16px;}
.pager{margin-top:6px;background-color:#FFF;padding:16px 0;}
/*---------------------------------
article
---------------------------------*/
.article-related{padding:0 16px;}
.article-latest{padding:0 16px;margin-bottom:32px;}
.article-latest h3{border-left:none;border-top:none;background-color:#F3F3F3;font-size:18px;font-weight:bold;margin:0 0 16px 0;padding:16px;position:relative;color:#2A2A2A;text-align:left;}
.article-latest ul{}
.article-latest li{border-bottom:1px dashed #E6E6E6;}
.article-latest a{display:block;color:#333;font-size:14px;padding:16px;position:relative;font-weight:bold;line-height:1.4}
.article-latest a:hover{color:#CC3969;text-decoration:underline;}
.article-latest a:before{content:'';width:0;height:0;border:solid 3px transparent;border-left:solid 4px #CC3969;position:absolute;top:50%;left:2px;margin-top:-3px;}
.blogroll-category-name{display:none;}
.rss{border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;height:380px;overflow:auto;margin-bottom:24px;}
.rss-inner{width:50%;float:left;}
.blogroll-list-wrap{padding:8px;}
.blogroll-link{display:block;color:#333;border-bottom:1px dashed #E6E6E6;padding:8px 0 8px 24px;position:relative;}
.blogroll-link:hover{color:#CC3969;text-decoration:underline;}
.blogroll-icon{display:none;}
.blogroll-link:before{content:'';width:0;height:0;border:solid 3px transparent;border-left:solid 4px #CC3969;position:absolute;top:50%;left:10px;margin-top:-3px;}
.article-nav{padding:0 16px;margin-bottom:24px;}
.article-nav-link{border:1px solid rgba(0,0,0,0.15);padding:16px;display:block;font-size:16px;color:#333;margin-bottom:16px;position:relative;line-height:1.4;height:78px;}
.article-nav-link.prev{padding-right:60px;}
.article-nav-link.next{padding-left:60px;}
.article-nav-link:before{content:"";background-color:#D66F91;width:50px;height:78px;display:block;position:absolute;}
.article-nav-link:hover{background-color:rgba(214,111,145,0.1);border-color:#D66F91;}
.article-nav-link.prev:before{top:-1px;right:-1px;}
.article-nav-link.next:before{top:-1px;left:-1px;}
.article-nav-link.prev:after{content:'';width:0;height:0;border:solid 11px transparent;border-left:solid 12px #FFF;position:absolute;top:50%;right:6px;margin-top:-10px;}
.article-nav-link.next:after{content:'';width:0;height:0;border:solid 11px transparent;border-right:solid 12px #FFF;position:absolute;top:50%;left:6px;margin-top:-10px;}
.article-share-list{width:calc(100% / 2 - 8px);text-align:center;}
.article-share-link{display:block;color:#FFF;font-size:15px;padding:16px 0;}
.article-share-link span{margin-right:8px;}
.article-share-link.twitter{background-color:#1DA1F2;}
.article-share-link.twitter:hover{background-color:#0c85d0;}
.article-share-link.facebook{background-color:#3B5998;}
.article-share-link.facebook:hover{background-color:#2d4373;}
.article-verticalNav{position:fixed;bottom:104px;right:4px;z-index:0;}
.article-verticalNav-list{margin-top:6px;}
.article-verticalNav-link{position:relative;display:block;text-align:center;padding:4px;color:#FFF;background-color:#1f1f1f;min-height:32px;}
.article-verticalNav-link:hover{background-color: #CC3969;}
.article-verticalNav-link .icon-arrow_up{font-size:24px;}
.article-verticalNav-link .icon-comment{font-size:16px;display:inline-block;margin-top:4px;}
.article-verticalNav-link .icon-arrow_right{font-size:24px;}
.article-verticalNav-link .icon-arrow_left{font-size:24px;}
/*---------------------------------
comment
---------------------------------*/
.comment{padding:16px;}
.comment-bar{border-left:none;border-top:none;background-color:#F3F3F3;font-size:18px;font-weight:bold;margin:0 0 16px 0;padding:16px;position:relative;color:#2A2A2A;text-align:left;}
.comment-form-label{display:block;font-size:16px;margin-bottom:16px;}
.commentForm-checkbox{display:block;}
.comment-form-textarea{border:1px solid #CCC;background:#fff;margin-bottom:8px;padding:16px;border-radius:4px;width:100%;height:120px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
.comment-form-author{border:1px solid #CCC;background:#fff;margin-bottom:8px;padding:16px;border-radius:4px;width:50%;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
.comment-form-button{display:block;background-color:#DC7094;width:300px;color:#FFF;height:48px;font-size:20px;cursor:pointer;margin:0 auto 24px;}
.comment-form-button:hover{background-color:#CC3969;}
.comment-form-inner_name{display:none;}
.commentForm-checkbox{margin-bottom:12px;}
.commentForm-checkbox-input{margin-right:2px;vertical-align:initial;}
.commentForm-checkbox-label{font-size:16px;}
.comment-lists{margin:40px 0;}
.comment-list{margin-bottom:40px;}
.comment-list-header{margin-bottom:16px;font-size:12px;color:#555555;}
.comment-list-number{margin-right:4px;}
.comment-list-name{color:#498B86;font-weight:bold;margin-right:4px;}
.comment-list-body{margin-left:16px;font-size:15px;color:#341a23;line-height:1.4;font-weight:bold;overflow:hidden;}
.comment-list-body span{color:#004B91;border:1px solid #dadada;font-weight:bold;display:inline-block;background-color:#f8f7f7;font-family:arial;font-size:13px;border-radius:3px;padding:4px 8px;margin-bottom:8px;cursor:pointer;}
.comment-list-res{color:rgba(0,75,145,0.7);margin-left:14px;}
.popup{position:absolute;background:#FFF;border:1px solid #dadada;z-index:100;padding:16px 16px 0 16px;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);display:none;}
.popup .comment-list-res{display:none;}
/*---------------------------------
singleRanking
---------------------------------*/
.singleRanking{padding:0 16px;margin-bottom:24px;}
.singleRanking-bar{border-left:none;border-top:none;background-color:#F3F3F3;font-size:18px;font-weight:bold;padding:16px;position:relative;color:#2A2A2A;text-align:left;}
/*---------------------------------
siteAside
---------------------------------*/
.siteAside{width:300px;}
.sidewrapper{margin-bottom:16px;}
.sidetitle{font-size:16px;padding:12px;background-color:#CD5176;color:#FFF;text-align:center;font-weight:bold;}
.side .recent-article-image,.popularArticlesWithImage ul{margin-top:-1px!important;}
.side .recent-article-image li a,.popularArticleWithImage a{color:#004B91;line-height:1.3;font-size:13px;font-weight:700;letter-spacing:0.1em;display:block;}
.side .recent-article-image li a:hover,.popularArticleWithImage a:hover .title{color:#CC3969;}
.side .recent-article-image li a:first-child,.popularArticleWithImage a .image{float:left}
.side .recent-article-image li a + a,.popularArticleWithImage .title{overflow:hidden;}
.side .recent-article-image li a img,.popularArticleWithImage a .image img{margin-right:8px;border:1px solid rgba(0,0,0,0.05);float:none;}
.side ul.recent-article-image li,div.popularArticlesWithImage.B ul li{padding:6px;margin-bottom:0;background-color:#FFF;margin-top:6px;}
div.popularArticlesWithImage.B div.title{margin-bottom:0;font-size:14px;line-height:1.3;}
.plugin-monthly select{width: 100%;padding: 10px;font-size: 15px;}
/*---------------------------------
ad
---------------------------------*/
.ad{display:block;text-align:center;margin-bottom:16px;}
.ads-articleTop{padding:16px 0;}
.ads-articleTop-inner{}
.ads-articleTop-list{float:left;width:50%;text-align:center;}
.ad-aside{margin-bottom:16px;}
.ads{margin-bottom:24px;}
.ads-list{float:left;width:50%;text-align:center;}
.ajaRecommend_pc__dJkDKqAzR__container{background:#FFF!important;border:none!important;padding:0!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;margin:0!important;width:100%!important;}
.ajaRecommend_pc__dJkDKqAzR__container h2{border-left:none!important;border-top:none!important;background-color:#F3F3F3!important;font-size:18px!important;font-weight:bold!important;margin:0 0 16px 0!important;padding:16px!important;position:relative!important;color:#2A2A2A!important;text-align:left!important;}
.bokuken-code{display:none;}
.google-user-ad-side { margin:0px; height:600px; }
/*---------------------------------
ちまきちゃん
---------------------------------*/
#timakibox{width:100%;height:auto;}
#timakibox:after{content:"";display:block;clear:both;}
.timakicome{width:490px;height:auto;float:right;margin-top:30px;border-radius:10px;display:table-cell;text-align:center;vertical-align:middle;padding:24px;background:#fff;border:3px solid #dc7094;position:relative;font-size: 20px;}
.timakicome:after{border:10px solid transparent;border-right:10px solid #dc7094;content:'';position:absolute;top:20px;left:-20px;}
.timaki{width:100px;height:auto;float:left;margin-right:30px;padding:5px;}
.timaki [class^="timaki"]{width:180px;height:180px;background-size:contain;background-position:0 0;}
.timaki01{background-image:url("images/timaki/timaki001.png");}
.timaki02{background-image:url("images/timaki/timaki002.png");}
.timaki03{background-image:url("images/timaki/timaki003.png");}
.timaki04{background-image:url("images/timaki/timaki004.png");}
.timaki05{background-image:url("images/timaki/timaki005.png");}
.timaki06{background-image:url("images/timaki/timaki006.png");}
.timaki07{background-image:url("images/timaki/timaki007.png");}
.timaki08{background-image:url("images/timaki/timaki008.png");}
.timaki09{background-image:url("images/timaki/timaki009.png");}
.timaki10{background-image:url("images/timaki/timaki010.png");}
.timaki11{background-image:url("images/timaki/timaki011.png");}
.timaki12{background-image:url("images/timaki/timaki012.png");}
.timaki13{background-image:url("images/timaki/timaki013.png");}
.timaki14{background-image:url("images/timaki/timaki014.png");}
.timaki15{background-image:url("images/timaki/timaki015.png");}
.timaki16{background-image:url("images/timaki/timaki016.png");}
.timaki17{background-image:url("images/timaki/timaki017.png");}
.timaki18{background-image:url("images/timaki/timaki018.png");}
.timaki19{background-image:url("images/timaki/timaki019.png");}
.timaki20{background-image:url("images/timaki/timaki020.png");}
.timaki21{background-image:url("images/timaki/timaki021.png");}
.timaki22{background-image:url("images/timaki/timaki022.png");}
.timaki23{background-image:url("images/timaki/timaki023.png");}
.timaki24{background-image:url("images/timaki/timaki024.png");}
.timaki25{background-image:url("images/timaki/timaki025.png");}
.timaki26{background-image:url("images/timaki/timaki026.png");}
.timaki27{background-image:url("images/timaki/timaki027.png");}
.timaki28{background-image:url("images/timaki/timaki028.png");}
.timaki29{background-image:url("images/timaki/timaki029.png");}
.timaki30{background-image:url("images/timaki/timaki030.png");}
.timaki31{background-image:url("images/timaki/timaki031.png");}
.timaki32{background-image:url("images/timaki/timaki032.png");}
/*---------------------------------
category・monthly
---------------------------------*/
.categoryName,.monthLabel{background-color:#222;color:#FFF;text-align:center;font-size:18px;font-weight:bold;padding:16px 0;margin-bottom:16px;}
/*---------------------------------
siteFooter
---------------------------------*/
.siteFooter{background-color:#CC3969;}
.siteFooter-menu{background-color:#DC7094;margin-top:24px;}
.siteFooter-category{float:left;}
.siteFooter-category-list{display:inline-block;}
.siteFooter-category-link{color:#FFF;font-size:14px;font-weight:bold;display:block;padding:16px 0;margin-right:24px;}
.siteFooter-category-link:hover,.siteFooter-info-link:hover{text-decoration:underline;}
.siteFooter-info{float:right;}
.siteFooter-info-list{display:inline-block;}
.siteFooter-info-link{color:#FFF;font-size:14px;display:block;padding:16px 0;margin-left:24px;}
.siteFooter-social{text-align:center;margin:24px 0 16px;}
.siteFooter-social-list{display:inline-block;}
.siteFooter-social-link{color:#FFF;font-size:24px;display:block;margin:0 12px;}
.siteFooter-copyright{text-align:center;padding-bottom:24px;display:block;}
.siteFooter-copyright-link{color:#FFF;}
.siteFooter-rss{background-color:#F2D1DC;padding:16px 0;}
.siteFooter-rss-inner{background-color:#F4ECF1;width:49%;height:290px;overflow:auto;}
.blogroll-list-wrap{padding:8px;}
.blogroll-link{display:block;color:#333;border-bottom:1px dashed #E6E6E6;padding:8px 0 8px 24px;position:relative;}
.blogroll-link:hover{color:#CC3969;text-decoration:underline;}
.blogroll-icon{display:none;}
.blogroll-link:before{content:'';width:0;height:0;border:solid 3px transparent;border-left:solid 4px #CC3969;position:absolute;top:50%;left:10px;margin-top:-3px;}
.otkm-articles {
 background-color: #FFF;
 border: 2px solid #1e94dc;
 margin-top: 20px;
}
.otkm-logo {
 text-align: center;
 background-color: #1e94dc;
}
.otkm-logo img {
 width: 250px;
 height: auto;
}
.otkm-articles .articleBottom-title-link{
 color: #004B91;
}
.otkm-articles .articleBottom-title-link:hover{
 color: #197db9;
}
.otkm-articles .articleBottom-main-date{
 width: 614px;
}
.otkm-articles .articleBottom-count-link{
 color: #e9792d;
}
.otkm-articles .articleBottom-count-link:hover {
 color: #d86517;
}
.otkm-articles-top{margin-bottom:12px;position:relative;border:3px solid #1e94dc;background-color:#FFF;padding:4px;margin-top:-6px;}
.otkm-articles-top .otkm-logo{position:absolute;background:#1e94dc;width:142px;height:130px;text-align:center;padding:15px 0;left:0px;top:0;}
.otkm-articles-top .otkm-logo img{width:100px;}
.otkm-articles-top .articleList{padding-left:145px;}
.otkm-articles-top .articleList-item{display:inline-block;width:calc(100% / 6 - 6px);height:120px;background-size:cover;position:relative;vertical-align:top;}
.otkm-articles-top .articleList-link{display:block;padding:32px 8px 8px 8px;height:120px;}
.otkm-articles-top .articleList-title{color:#FFF;font-size:13px;font-weight:bold;line-height:1.4;height:75px;text-shadow:black 0 0 5px;overflow:hidden;display:none;}
.otkm-articles-top .articleList-count{position:absolute;top:0;background-color:#FFF;width:64px;text-align:center;left:0;padding:6px 0;font-size:14px;font-weight:bold;color:#e9792d;font-family:arial;display:none;}
.otkm-articles-top .articleList-count span{margin-right:4px;font-size:13px;vertical-align:middle;}
.otkm-articles-top .articleList-item:hover .articleList-title{display:block;}
.otkm-articles-top .articleList-item:hover .articleList-link{background-color:rgba(0,0,0,0.6);}
/*
.siteAside .plugin-popular_articles_with_image .side div.popularArticlesWithImage[id*="1780855"] {min-height:1000px;}
.siteAside .plugin-popular_articles_with_image .side div.popularArticlesWithImage[id*="1780856"] {min-height:500px;}
.siteAside .plugin-popular_articles_with_image .side div.popularArticlesWithImage[id*="1780198"] {min-height:500px;}
.siteAside .plugin-popular_articles_with_image .side div.popularArticlesWithImage[id*="1780199"] {min-height:1000px;}
.siteAside .plugin-popular_articles_with_image .side div.popularArticlesWithImage[id*="11780428"] {min-height:1000px;}
*/
.supaboards {
 margin-top: 16px
 margin-bottom: 16px;
 text-align: center;
 position:relative
}
</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://blog.esuteru.com/site.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://blog.esuteru.com/site.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>