/* <system section="theme" selected="10328749687231782664"> */
/*
  Theme: CARTA-YEL
  Author: orefolder
  Responsive: yes
*/
html{box-sizing:border-box;font-size:100%;}
*,:after,:before{box-sizing:inherit}
body {font-size:100%;margin:0 0 0 0;padding:0 0 0 0;color:#33403d;}

::selection {background:#b2dfdb;color:#252525;}
::-moz-selection {background:#b2dfdb;color:#252525;}
a{outline:none;color:#1a0dab;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:visited{color:#660099;}
a img,img{border:0px;vertical-align:bottom;}
p{line-height:1.8;}
h1,h2,h3,h4,h5,h6{margin:0 0 0 0;padding:0 0 0 0;font-size:100%;}

/* フォント */



/* はてなグローバルヘッダー */
#globalheader-container{background:#fff;}


/* タイトル */
#blog-title{background:#fff;margin:0 0 2rem 0;}
#blog-title #blog-title-inner{max-width:1900px;margin:0 auto;padding:1rem 0.5rem 0 0.5rem;}
#blog-title #title a{font-size:7vw;color:#33403d;}

/* ヘッダー */
#top-editarea{}


/* レイアウト */
#container{}
#container-inner{}
#content{}
#content-inner{position:relative;}
#wrapper{margin:0 0 2rem 0;}
.page-index #wrapper{}
#box2{margin:0 0 2rem 0;background:#fff;border-top:1px solid #ccc;padding:1rem 0;}
.page-index #main-inner{display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;}



/* エントリー */

.entry{}
.entry-content p{}
.entry-content p a {color:#009688;text-decoration:underline;}
.entry-content p a:hover {background:#e0f2f1;}
.entry-date{color:#666;font-weight:700;margin:0 0 0.5em 0;}
.entry-date a{display:inline-block;color:#666;}
.entry-date .hyphen{display:none;}
.date-year::after{content:'年';}
.date-month::after{content:'月';}
.date-day::after{content:'日';}
.entry-inner{padding:0 1em;}


.page-index .entry{width:92vw;height:calc(51.8vw + 84px);background:#fff;margin:0 1vw 1rem 1vw;padding:0 0 0 0;position:relative;box-shadow:0px 1px 3px rgba(0,0,0,0.4);}
.page-index .entry-inner{padding:0 0 0 0;}
.page-index .entry-content{width:92vw;height:51.8vw;overflow:hidden;background:url(https://cdn-ak.f.st-hatena.com/images/fotolife/c/c-miya/20170207/20170207100452.png) no-repeat;background-size:100%;}
.page-index .entry-content p{position:relative;padding:0 0 0 0;margin:0 0 0 0;color:transparent;font-size:0;}
.page-index .entry-content img:nth-of-type(1){position:absolute;top:0;width:92vw;height:auto;z-index:1;}
.page-index .entry-content p:nth-of-type(n+2){display:none;}
.page-index .entry-content h2{display:none;}

.entry-header{position:relative;}
.page-index .entry-header{position:absolute;top:51.8vw;padding:0 0 0 0;width:100%;z-index:3;}
.page-index .entry-title{position:absolute;top:0;font-size:13px;line-height:18px;word-break:break-all;width:100%;height:64px;overflow:hidden;padding:6px;background:#ffeb3b;overflow:hidden;}
.page-index .entry-title .entry-title-link{display:block;max-height:52px;overflow:hidden;position:relative;top:50%;-webkit-transform:translateY(-50%);transform: translateY(-50%);color:#33403d;}
.page-index .entry-date{font-size:10px;margin:64px 0 0 0;line-height:2;padding:0 0.2em;}

.entry-categories{font-size:10px;}
.entry-categories a:not(:last-child)::after{content:', ';}
.page-index .entry-categories{position:absolute;top:64px;right:0;z-index:2;height:2em;overflow:hidden;max-width:calc(100% - 8em);text-align:right;}
.page-index .entry-categories a{color:#333;line-height:2;}


a.entry-see-more{position:absolute;top:0;width:100%;height:100%;color:transparent;z-index:2;}


.social-buttons{margin:0 0 1rem 0;}
.ad-01{text-align:center;margin:0 0 2rem 0;}

.page-index .comment-box,
.page-index .author,
.page-index .entry-footer-time{display:none;}
.page-index .hatena-bookmark-comment-iframe{background:#0ff;position:absolute;top:-9999px;left:-9999px;}
.page-index .hatena-star-container{display:none;}
.page-index .entry-footer{position:absolute;top:0;background:transparent;z-index:4;}
.page-index .google-afc-image{background:transparent;position:absolute;}


/* 記事編集ボタン */
.entry-header-menu{position:absolute;top:0;display:block;background:#333;z-index:20;}
.entry-header-menu a{display:block;color:#fff;line-height:2;padding:0.5rem;}


/* 記事内 */
.page-entry .entry-date,.page-preview .entry-date{font-size:0.8rem;font-weight:normal;}
.page-entry .entry-title, .page-preview .entry-title{font-size:1.2rem;font-weight:bold;line-height:1.2;margin:0 0 0.5rem 0;padding:0.5rem;background:#ffeb3b;}
.page-entry .entry-title a, .page-preview .entry-title a{color:#333;}
.page-entry .entry-categories{margin:0 0 1rem 0;}

.page-entry .author{}
.page-entry .entry-footer-time a{}
.social-buttons{display:none;}
.page-entry .social-buttons{display:block;padding:0 0 0 0;}
.page-entry .entry-footer-html{padding:0 0 0 0;}

.entry-content a:hover{text-decoration:underline;}
.entry-content h2{}
.entry-content h3{}
.entry-content h4{}
.entry-content h5{}
.entry-content h6{}

.entry-content .flexbox{display:flex;-webkit-justify-content:center;justify-content:center;}
.entry-content .flexbox span:nth-of-type(n+2){margin-left:1%;}


/* パンくずリスト */
#top-box{margin:0 auto;padding:0 1em;}
.breadcrumb{font-size:0.8rem;margin-top:2rem;}

/* コメント */
.comment-box{position:relative;margin:0 0 2em 0;}
.comment{margin:0 0 0 0;padding:1.5em 0 0 0;}
.comment li{list-style-type:none;overflow:hidden;border-bottom:1px dotted #ccc;margin:0 0 1em 0;}
.comment li .hatena-id-icon{width:64px;height:64px;float:left;border:1px solid #ccc;padding:2px;margin:0 8px 1em 0;}
.comment li .comment-user-name{font-weight:bold;margin:0 0 0 0;}
.comment li .comment-content p{overflow:hidden;padding:0 0 0 0;margin:0 0 1em 0;font-size:0.9rem;}
.comment li .comment-metadata{position:absolute;top:0;right:0;margin:0 0 0 0;padding:0 0 0 0;font-size:0.8rem;font-style:italic;}
.leave-comment-title{display:inline-block;border:1px solid #d6d6d6;border-radius:3px;padding:0em 1em 0.5em 1em;line-height:1;background:#f5f5f5;font-size:0.8rem;color:#484848;box-shadow:0 1px 1px rgba(255,255,255,1) inset;}
.leave-comment-title:hover{border:1px solid #bbb;background:#eee;}
.leave-comment-title::before{content:"\f01d";font-family:blogicon;font-size:1.2rem;margin:0 0.2em 0 0;position:relative;top:0.3rem;}


.entry-footer-section{text-align:right;font-size:80%;margin:2.5em 0;}

.permalink{position:relative;margin:0 0 2em 0;width:100%;overflow:hidden;}


/* ページャー */
.page-index .pager{width:100%;padding:1em 0;text-align:center;}
.page-index .pager a{display:block;margin:0 auto;padding:0.5em 1em;background:#ffeb3b;border-radius:6px;width:90%;box-shadow:0px 1px 3px rgba(0,0,0,0.4);}
.page-index .pager a:hover{background:#fdd835;}

.page-entry .pager{display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.page-entry .pager span{font-size:0.8rem;font-weight:bold;display:block;width:100%;margin:0 0.5em;}
.page-entry .pager .pager-next{text-align:right;}
.page-entry .pager span a{background:#ffeb3b;display:block;color:#333;padding:0.5em;}
.page-entry .pager span a:hover{}
.page-entry .pager .pager-prev::before{content:'\003c\003c 次の投稿';}
.page-entry .pager .pager-next::before{content:'前の投稿 \003e\003e';}

.page-entry .pager .pager-arrow{display:none;}


/* サイドバー */
.hatena-module{overflow:hidden;margin:0 0 3em 0;font-size:12px;}
.hatena-module-title{background:#fff176;color:#333;padding:0.3em 0.5em;margin:0 0 1em 0;font-size:1.2rem;line-height:1;}
.hatena-module-title a{color:#333;}


.search-form{border:3px solid #e0e0e0;position:relative;overflow:hidden;line-height:3rem;}
.search-form:after{content:"\f01a";font-family:blogicon;position:absolute;right:0;height:2rem;width:3rem;text-align:center;font-size:1.5rem;line-height:3rem;}
.search-module-input{border:0px;width:calc(100% - 3rem);height:2rem;font-size:0.9rem;line-height:2rem;padding:0 0.5em;}
.search-module-button{background:rgba(255,255,255,0.1);border:0px;color:transparent;position:absolute;right:0;height:2rem;width:3rem;z-index:2;}
.search-module-button:hover{cursor:pointer;}
.search-result-form{height:2.3em;}
.search-result-input{height:2.3em!important;}

.hatena-urllist{margin:0 0 0 0;padding:0 0 0 0;}
.hatena-urllist li{list-style-type:none;word-break:break-all;}
.hatena-urllist li a{}
.hatena-urllist li:first-child{}
.hatena-urllist li:last-child{}

.urllist-item{position:relative;padding:0 2em 0 0;}
.urllist-item:hover::before{right:0.4em;transition:0.3s;}
.urllist-item-inner{line-height:1.5;}
.urllist-image{margin-bottom:0.8rem!important;}
.urllist-date-link{}
.urllist-date-link a{font-weight:bold;color:#999;}
.urllist-title{}
.recent-entries-item{overflow:hidden;margin:0 0 0.8rem 0;border-bottom:1px dotted #e0e0e0;}
.recent-entries-item:last-of-type{margin:0 0 0 0;border-bottom:0px;}

.hatena-module-category .hatena-urllist{margin:-1em 0 0 0;}
.hatena-module-category .hatena-urllist li{border-bottom:1px dotted #e0e0e0;position:relative;padding:0 0 0 1em;}
.hatena-module-category .hatena-urllist li a{display:block;padding:1em 0;}
.hatena-module-category .hatena-urllist li a::before{content:'\25CF';font-family:blogicon;font-size:1.2rem;line-height:1;position:relative;top:2px;}
.hatena-module-category .hatena-urllist li:nth-child(1) a::before{color:#f44336;}
.hatena-module-category .hatena-urllist li:nth-child(2) a::before{color:#673ab7;}
.hatena-module-category .hatena-urllist li:nth-child(3) a::before{color:#03a9f4;}
.hatena-module-category .hatena-urllist li:nth-child(4) a::before{color:#4caf50;}
.hatena-module-category .hatena-urllist li:nth-child(5) a::before{color:#ffeb3b;}
.hatena-module-category .hatena-urllist li:nth-child(6) a::before{color:#ff5722;}
.hatena-module-category .hatena-urllist li:nth-child(7) a::before{color:#607d8b;}
.hatena-module-category .hatena-urllist li:nth-child(8) a::before{color:#e91e63;}
.hatena-module-category .hatena-urllist li:nth-child(9) a::before{color:#3f51b5;}
.hatena-module-category .hatena-urllist li:nth-child(10) a::before{color:#00bcd4;}
.hatena-module-category .hatena-urllist li:nth-child(11) a::before{color:#8bc34a;}
.hatena-module-category .hatena-urllist li:nth-child(12) a::before{color:#ffc107;}
.hatena-module-category .hatena-urllist li:nth-child(13) a::before{color:#795548;}
.hatena-module-category .hatena-urllist li:nth-child(14) a::before{color:#000000;}
.hatena-module-category .hatena-urllist li:nth-child(15) a::before{color:#9c27b0;}
.hatena-module-category .hatena-urllist li:nth-child(16) a::before{color:#2196f3;}
.hatena-module-category .hatena-urllist li:nth-child(17) a::before{color:#009688;}
.hatena-module-category .hatena-urllist li:nth-child(18) a::before{color:#cddc39;}
.hatena-module-category .hatena-urllist li:nth-child(19) a::before{color:#ff9800;}
.hatena-module-category .hatena-urllist li:nth-child(20) a::before{color:#9e9e9e;}


/* about */
.page-about h2{margin-top:0;}

/* アーカイブ */
.page-archive #main-inner{max-width:1600px;margin:0 auto;padding:0 1em;}
.archive-heading{background:#ffeb3b;font-weight:700;margin:0 0 0.5rem 0;padding:0.5rem;font-size:1.4rem;line-height:1.5;position:relative;}
.archive-entries{padding:0 0 0 0;}
.archive-entry{position:relative;min-height:calc(120px + 1em);padding:0 0 1em 136px;margin:0 0 1em 0;border-bottom:1px solid #ccc;overflow:hidden;}
.archive-entry:last-of-type{border-bottom:0px;}
.entry-thumb-link{position:absolute;top:0;left:0;}
.page-archive .entry-title{font-size:1.2rem;}
.page-archive .date{font-size:0.8rem;}
.page-archive .categories a{font-size:0.8rem;}
.page-archive .categories:before{content:"\f013";font-family:blogicon;font-size:15px;}
.page-archive .archive-entry-body{font-size:0.9rem;}


/* フッター */
#bottom-editarea{margin:0 auto;background:#ffeb3b;padding:1rem 0;display:flex;-webkit-justify-content:center;justify-content:center;}
#footer{background:#ffeb3b;padding:1rem 0;text-align:center;}
#footer a{}
#footer-inner{}



.three-footer{width:100%;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.three-footer div{width:100%;margin-left:3%;}
.three-footer div:nth-of-type(1){margin-left:0;}
.footer-h{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15rem;border-bottom:2px dotted #fff;}
.three-footer div a{color:#fff;border-bottom:1px dotted #fff;}
.three-footer div a:hover{border-bottom:1px solid #fff;}


/* ********メディアクエリ******** */
@media screen and (min-width: 325px){
.page-index .entry{width:46vw;height:calc(25.9vw + 84px);margin:0 0.8vw 1rem 0.8vw;}
.page-index .entry-content{width:46vw;height:25.9vw;}
.page-index .entry-content img:nth-of-type(1){width:46vw;}
.page-index .entry-header{top:25.9vw;}
.hatena-module-category .hatena-urllist li{display:inline-block;width:49.5%;padding:0 0 0 1em;}
}
@media screen and (min-width: 568px){
.page-index .entry{width:23vw;height:calc(12.95vw + 84px);margin:0 0.5vw 1rem 0.5vw;}
.page-index .entry-content{width:23vw;height:12.95vw;}
.page-index .entry-content img:nth-of-type(1){width:23vw;}
.page-index .entry-header{top:12.95vw;}
.hatena-module-category .hatena-urllist li{display:inline-block;width:32.5%;padding:0 0 0 1em;}
}
@media screen and (min-width: 768px){
.page-index .entry{width:30.5vw;height:calc(17vw + 84px);margin:0 0.6vw 1rem 0.6vw;}
.page-index .entry-content{width:30.5vw;height:17.17vw;}
.page-index .entry-content img:nth-of-type(1){width:30.5vw;}
.page-index .entry-header{top:17.17vw;}
.hatena-module-category .hatena-urllist li{display:inline-block;width:24.5%;padding:0 0 0 1em;}
}
@media screen and (min-width: 978px){
.page-index .entry{width:23.5vw;height:21.63vw;margin:0 0.5vw 1rem 0.5vw;}
.page-index .entry-content{width:23.5vw;height:13.23vw;}
.page-index .entry-content img:nth-of-type(1){width:23.5vw;}
.page-index .entry-header{top:13.2vw;}
.page-index .entry-title{font-size:1.3vw;line-height:1.8vw;height:6.4vw;padding:6px;}
.page-index .entry-title .entry-title-link{max-height:5.2vw;}
.page-index .entry-date{font-size:1vw;margin:6.4vw 0 0 0;padding:0 0.2em;}
.page-index .entry-categories{padding:0 .8em;font-size:1vw;top:6.4vw;height:2em;}

.page-entry #main{width:calc(100% - 205px);margin-left:205px;}
.page-entry .entry-date,.page-preview .entry-date{font-size:1rem;}
.page-entry .entry-title, .page-preview .entry-title{font-size:1.5rem;}
.page-entry .hatena-module-recent-entries{position:absolute;top:0;left:0;width:205px;background:#fff;margin:0 0 0 0;padding:0 0 2em 0;}

#box2-inner{display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;}
.hatena-module{width:31.8%;max-width:480px;margin:0.5%;}
.hatena-module-category .hatena-urllist li{display:inline-block;width:49.5%;padding:0 0 0 0.2em;}
}

@media screen and (min-width: 1250px){
.page-entry #content-inner{display:-webkit-flex;display:flex;}
.page-entry .entry-title, .page-preview .entry-title{font-size:1.8rem;}
.page-entry #box2{width:300px;border-top:0px;padding:0 0 0 0;}
.page-entry #box2-inner{-webkit-flex-direction:column;flex-direction:column;}
.page-entry .hatena-module:not(.hatena-module-recent-entries){width:300px;margin:0 0 2em 0;}
}

@media screen and (min-width: 1350px){
.page-entry #main{width:calc(100% - 300px);margin-left:300px;}
.page-entry .entry-title, .page-preview .entry-title{font-size:2rem;}
.page-entry .hatena-module-recent-entries{width:300px;}
}

@media screen and (min-width: 1600px){
#blog-title #title a{font-size:100px;}
.page-index .entry{width:18.5vw;height:17.4vw;margin:0 0.5vw 1.5vw 0.5vw;}
.page-index .entry-content{width:18.5vw;height:10.42vw;}
.page-index .entry-content img:nth-of-type(1){width:18.5vw;}
.page-index .entry-header{top:10.4vw;}
.page-index .entry-title{font-size:1vw;line-height:1.5vw;height:5vw;padding:0.5em;}
.page-index .entry-title .entry-title-link{max-height:4.5vw;}
.page-index .entry-date{font-size:1vw;margin:5vw 0 0 0;padding:0 0.2em;}
.page-index .entry-categories{padding:0 .8em;font-size:1vw;top:5vw;height:2em;}
.page-entry .entry-title, .page-preview .entry-title{font-size:2.5rem;}
}
@media screen and (min-width: 1900px){
.page-entry #content-inner{width:1840px;margin:0 auto;}
.page-index #wrapper{width:1900px;}
.page-index .entry{width:350px;height:302px;margin:0 10px 30px 10px;}
.page-index .entry-content{width:350px;height:197px;}
.page-index .entry-content img:nth-of-type(1){width:350px;}
.page-index .entry-header{top:197px;}
.page-index .entry-title{font-size:16px;line-height:24px;height:80px;padding:0.5em;}
.page-index .entry-title .entry-title-link{max-height:74px;}
.page-index .entry-date{font-size:13px;margin:80px 0 0 0;padding:0 0.5em;}
.page-index .entry-categories{padding:0 .8em;font-size:13px;top:80px;height:2em;}
}
/* </system> */