#history{margin:0;padding:0;font-family:"Noto Sans JP", sans-serif;font-weight:300}#main{text-align:center}#main h2.title{position:relative;text-align:center;height:65px;font-size:2.1rem;font-family:'Noto Serif JP', serif;font-weight:300}#main .subtitle{font-size:14px;margin:0 auto 45px}#histories{padding:0;margin:0;font-family:"Noto Sans JP", sans-serif;font-weight:300;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}#histories li .caption .title{background-repeat:no-repeat;min-height:15px}#histories li.yado .caption .title{background-image:url(/images/common/icn_yado_pink.png)}#histories li.yado .title{padding-left:20px}#histories li.leisure .caption .title{background-image:url(/images/common/icn_spot_pink.png)}#histories li.leisure .title{padding-left:23px}#histories li.gourmet .caption .title{background-image:url(/images/common/icn_gourmet_pink.png)}#histories li.gourmet .title{padding-left:28px}#histories li.otoriyose .caption .title{background-image:url(/images/common/icn_otoriyose_pink.png)}#histories li.otoriyose .title{padding-left:28px}#histories li.spinning,#histories li.message{width:100% !important}#banner img{max-width:649px;max-height:94px;width:94%}#annotation{display:block;text-align:left;font-size:12px;margin:0 auto}#annotation p{margin-bottom:25px}#annotation p:last-child{margin-bottom:40px}@media screen and (min-width: 960px){#main{margin:50px auto 0}#main h2.title{margin:0 auto 35px}#form_wrap{height:65px;margin:0 auto 20px}#form{width:100%;height:auto !important;margin:0 -500%;padding:15px 500%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}#form.fixed{position:fixed;top:0;left:0;z-index:9998;background:#ffffff}#form #modal{display:none !important}#form span{margin-right:15px}#form select{margin-right:15px;width:250px;height:35px;font-size:14px;padding-left:10px;border:solid #e5e5e5 1px;background:url(/images/common/select_down_arrow_gray.png) no-repeat;background-position:right 0 bottom 0;background-color:#f2f2f2;color:#000000;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none}#form select::-ms-expand{display:none}#form button.btn-search{top:-3px}#form button.btn-search img{margin-left:5px}#histories{width:1024px;margin-bottom:50px}#histories li{display:block;width:188.8px;margin:0 10px 10px}#histories li .wrap img{width:188.8px;min-height:102px}#histories li:nth-child(5n){margin-right:0}#histories li:nth-child(5n+1){margin-left:0}#histories li.yado .caption .title,#histories li.leisure .caption .title,#histories li.gourmet .caption .title,#histories li.otoriyose .caption .title{background-size:auto 15px}#histories a{display:block;cursor:pointer}#histories a .wrap{margin-bottom:10px}#histories a .wrap img{display:block}#histories .title{font-size:11px;margin-bottom:3px;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#histories .caption{text-align:left;font-size:14px;margin-top:3px;width:100%}#banner{margin:0 auto 40px}}@media screen and (max-width: 959px){#fixed-navi{bottom:70px}#main{width:100%;margin:0 auto}#main h2.title{margin:0 auto 30px}#form{position:fixed;bottom:0 !important;left:0 !important;top:auto !important;width:100%;height:54px;z-index:9998}#form:before{content:'';position:absolute;left:0;bottom:0;z-index:9998;width:100%;height:100%;background:#000000;opacity:0.8}#form span{display:none}#form select{display:none}#form button.btn-search{position:relative;top:0;z-index:9999;margin:10px auto}#form button.btn-search img{position:relative;top:-2px;margin-left:5px}#modal{position:absolute;top:50%;margin-top:-220px;z-index:9999;width:100%;text-align:center}#modal ul.tabs{width:272px;margin:0 auto;display:block;padding:0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}#modal ul.tabs li{list-style:none;background:#cccccc;color:#000000;width:87px;font-size:11px;font-weight:bold;padding:3px 0;margin-right:1px;height:25px;line-height:25px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}#modal ul.tabs li.active{background:#fcfcfc}#modal ul.tabs li a{display:block}#modal div.content{width:252px;margin:0 auto;background:#fcfcfc;padding:20px 10px 15px;display:none;-webkit-border-radius:0 10px 10px 10px;-moz-border-radius:0 10px 10px 10px;-ms-border-radius:0 10px 10px 10px;-o-border-radius:0 10px 10px 10px;border-radius:0 10px 10px 10px}#modal div.content.active{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}#modal div.content .caption{width:100%;font-size:11px;color:#808080;margin-bottom:10px}#modal div.content button{display:block;background:#fcfcfc;font-size:14px;font-weight:normal;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;width:112px;height:28px;line-height:24px;font-size:11px;border:solid #808080 1px;color:#808080;cursor:pointer;margin:5px 7px}#modal div.content button:hover{opacity:0.7}#modal div.content button.active{background:#f30043;border:solid #f30043 1px;color:#ffffff;cursor:default;font-weight:bold}#modal div.content button.active:hover{opacity:1}#modal div.content.pref{max-height:50vh;overflow:scroll;padding:20px 10px 20px}#btn-search{margin:20px auto}#histories{width:100%;margin:0 auto 25px}#histories li{margin:0 8px 17px;width:156px}#histories li.message{width:100%}#histories li a .wrap img{display:block;width:156px;height:106.84px}#histories li.yado .caption .title,#histories li.leisure .caption .title,#histories li.gourmet .caption .title,#histories li.otoriyose .caption .title{background-size:auto 14px}#histories .title{font-size:11px;margin-bottom:3px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:14px}#histories .caption{font-size:14px;margin-top:5px;width:100%;text-align:left}#banner{margin:0 auto 25px}#annotation{width:94%;margin:0 auto 25px}#footer{padding-bottom:55px}}@media screen and (max-width: 599px){#histories li .caption{font-size:13px}}@media screen and (min-width: 860px) and (max-width: 958px){#histories{width:860px}#histories .title{width:125px}}@media screen and (min-width: 688px) and (max-width: 859px){#histories{width:688px}#histories .title{width:125px}}@media screen and (min-width: 516px) and (max-width: 687px){#histories{width:516px}#histories .title{width:125px}}@media screen and (max-width: 515px){#histories{width:94%}#histories .title{width:80%}#histories li{width:48.5%;margin-left:0;margin-right:0}#histories li a .wrap img{width:100%;height:auto}#histories li:nth-child(2n+1){margin-right:1.5%}#histories li:nth-child(2n){margin-left:1.5%}}@media all{#header{width:100%;left:auto}}