﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);.img-responsive{width:100%}.padding-rl{padding:0 15px}.font-sans{font-family:'Open Sans Condensed', sans-serif}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.nolist{margin:0;padding:0}.nolist li{list-style:none}.fz14{font-size:1.4rem}.with-line{background:transparent url(../img/heading-bg.png) center center repeat-x;font-family:'Open Sans Condensed', sans-serif}.with-line span{display:inline-block;background-color:#FFF;padding:0 15px}.btn,.btn-primary,.btn-info,.btn-success,.btn-warning,.btn-danger,.btn-inverse,.btn-link,.navbar-inner,.navbar .btn-navbar,.navbar-inverse .navbar-inner,.navbar-inverse .btn-navbar,.progress,.progress .bar,.progress-striped .bar,.progress-danger .bar,.progress .bar-danger,.progress-danger.progress-striped .bar,.progress-striped .bar-danger,.progress-success .bar,.progress .bar-success,.progress-success.progress-striped .bar,.progress-striped .bar-success,.progress-info .bar,.progress .bar-info,.progress-info.progress-striped .bar,.progress-striped .bar-info,.progress-warning .bar,.progress .bar-warning,.progress-warning.progress-striped .bar,.progress-striped .bar-warning,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{filter:none;background-image:none}.fz20{line-height:1.5;font-size:1.6rem}@media (min-width: 768px){.fz20{font-size:2rem}}#main .my-col{width:auto;margin:0 auto}#main #toggletag{width:20px;display:block;margin:0 auto;transition:all 0.3s ease-out;cursor:pointer}#main #toggletag img{width:100%;height:auto}#main .down{transform:rotate(180deg)}#main .taglist{display:none;text-align:center !important;font-family:'Open Sans Condensed', sans-serif}#main .taglist span{display:inline-block;margin-right:10px}#main .taglist+.item-wrapper,#main .taglist+section{margin-top:15px}@media (min-width: 768px){#main .taglist+.item-wrapper,#main .taglist+section{margin-top:45px}}#main .item-wrapper{-js-display:flex;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-js-flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-js-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}#main .item-wrapper div{width:100%;margin-bottom:15px}@media (min-width: 768px){#main .item-wrapper div{width:50%;padding:0 15px;margin-bottom:30px}}#main .item-wrapper div.inner{width:100%;padding-top:56%;margin:0;background-size:cover;background-position:0 50%;background-repeat:none;cursor:pointer;position:relative}#main .item-wrapper div.back{width:100%;height:100%;position:absolute;top:0;left:0;padding:0;margin:0;background-color:rgba(0,0,0,0.6);display:none}#main .item-wrapper div.back a{display:block;width:100%;height:100%;color:#fff}#main .item-wrapper section{width:100%;position:absolute;margin-bottom:0;bottom:0;left:0;padding:10px;word-wrap:break-word;color:#fff;font-family:'Open Sans Condensed', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif}#main .item-wrapper h3{font-size:2.2rem;text-align:left;color:#fff;margin-bottom:0}#main .item-wrapper h2{width:100%;font-family:'Open Sans Condensed', sans-serif}#main .item-wrapper h2.archive{margin-top:0}@media (min-width: 768px){#main section.entry{padding:0 15px}}#main h1.entry{font-size:1.6rem;text-align:left;margin:0 0 15px;font-weight:normal}@media (min-width: 768px){#main h1.entry{font-size:2.8rem}}#main .author img{width:30px;height:30px;border-radius:50%;margin-right:10px;border:solid 1px #cccccc}#main .author{display:table-cell;vertical-align:middle;margin:0}#main .author a:link,#main .author a:visited{color:#666363;position:relative;transition:.3s all ease-in}#main .author a:hover{color:#b2b0b0;text-decoration:none}#main .category,#main .date{font-family:'Open Sans Condensed', sans-serif;display:inline-block;margin:0 15px 15px 0}#main .category a:link,#main .category a:visited,#main .date a:link,#main .date a:visited{color:#666363;position:relative;transition:.3s all ease-in}#main .category a:hover,#main .date a:hover{color:#b2b0b0;text-decoration:none}#main .tags{text-align:left}#main .tags a:link,#main .tags a:visited{color:#fff;position:relative;transition:.3s all ease-in;text-decoration:none}#main .tags a:hover{color:#b3b3b3}#main .btn-mine{color:#fff;background-color:#999494;font-family:'Open Sans Condensed', sans-serif;font-size:0.8rem;margin:0 3px 3px 0}#main .btn-mine:hover{background-color:#807a7a}#main .entry-body{margin-top:30px}@media (min-width: 768px){#main .entry-body{margin-top:45px}}#main .entry-body .embed-responsive{margin-bottom:30px}#main .entry-body img{width:100%;height:auto;margin:15px auto}#main .entry-more{-js-display:flex;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-js-flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-js-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;border-top:solid 1px #e0dfdf}@media (min-width: 768px){#main .entry-more{padding-top:40px}}#main .entry-more h2{text-align:left;font-family:'Open Sans Condensed', sans-serif;width:100%;margin-bottom:15px}#main .entry-more div{width:100%}@media (min-width: 768px){#main .entry-more div{width:100%}}@media (min-width: 992px){#main .entry-more div{width:50%}}#main .entry-more dl{font-size:1.4rem}#main .entry-more dt{width:100%;font-weight:normal}@media (min-width: 768px){#main .entry-more dt{width:30%;float:left;margin-bottom:5px;clear:both}}@media (min-width: 992px){#main .entry-more dt{width:40%;float:left;margin-bottom:5px;clear:both}}#main .entry-more dd{width:100%;margin-bottom:10px}@media (min-width: 768px){#main .entry-more dd{width:70%;float:left;margin-bottom:5px}}@media (min-width: 992px){#main .entry-more dd{width:60%;float:left;margin-bottom:5px}}#main .carousel{width:100%}#main .carousel img{width:100%;height:auto}#main .menu-entry{position:relative;text-align:center}#main .menu-entry li{width:50px;margin:0 15px}#main .menu-entry li.menu{width:60px}#main .menu-entry li.prev{position:absolute;top:5px;left:40px}@media (min-width: 768px){#main .menu-entry li.prev{top:5px;left:50%;margin-left:-150px}}#main .menu-entry li.next{position:absolute;top:5px;right:40px}@media (min-width: 768px){#main .menu-entry li.next{top:5px;right:50%;margin-right:-150px}}#main .menu-entry a{width:100%;height:100%;display:block}#main .menu-entry img{width:100%;height:auto}@media (min-width: 768px){#main .menu-entry li{width:70px;margin:0 30px}#main .menu-entry li.menu{width:80px}}
