@charset "utf-8";
/*
blog
______________________*/

body { background:#f2f2f2; padding-top:90px; font-size:13px; font-size:1.3rem;}

#mt {width:1002px; overflow:hidden;}
/* brandVisal */
#mt .brandVisual {position:relative; height:294px; overflow:hidden;}
#mt .brandVisual h1{position:absolute; left:0; top:0; background-position:-9999px -9999px; background-size:0 0; background-repeat:no-repeat; background-color:#fff;}
#mt .brandVisual h1 a:hover img{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#mt .brandVisual p.visual{height:294px; background-position:right top; background-repeat:no-repeat;}
#mt .brandVisual p.brandSite {position:absolute; width:120px; left:94px; top:225px;}

#mt .brandVisual p.brandSite a{display:block; height:30px; width:120px; position:relative; background:#222; border:1px solid #222; color:#fff; text-align:center; line-height:28px; font-size:13px; font-size:1.3rem;}
#mt .brandVisual p.brandSite a span {display:inline-block; padding-left:10px; position:relative;}
#mt .brandVisual p.brandSite a span:before{content:'';width:0; height:0; border-style:solid; border-width:3px 0 3px 4px; border-color:transparent transparent transparent #fff; position:absolute; left:0; top:50%; margin:-3px 0 0 0;}
#mt .brandVisual p.brandSite a:hover {-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#mt .brandVisual p.brandSite a:hover span:before{-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}

/* searchArea */
#mt .searchArea {height:50px; margin-bottom:10px;}
#mt .searchArea h2 {float:left; width:120px; height:50px; line-height:50px; color:#fff; text-align:center; position:relative; margin-right:24px;font-size:13px; font-size:1.3rem;}
#mt .searchArea h2 span.icon {display:inline-block; position:relative; padding-left:26px;}
#mt .searchArea h2 span.arr {width:0; height:0; border-style:solid; border-width:25px 0 25px 10px; border-color:transparent transparent transparent #222; position:absolute; right:-10px; top:0;}
#mt .searchArea .select {/*float:left;*/ padding:12px 0 0; margin:0 8px 0 0; position:absolute; left:144px; top:0;}
#mt .searchArea .area {width:310px; float:left; position:relative;}
#mt .searchArea .details {position:relative; width:692px; float:left;}
#mt .searchArea .details .select + .select {left:322px;}
#mt .searchArea .area    h2 span.icon:before{content:''; background:url(/common/images/sprite.png) 0 -500px no-repeat; height:21px; width:21px; position:absolute; left:0; top:50%; margin:-11px 0 0 0;}
#mt .searchArea .details h2 span.icon:before{content:''; background:url(/common/images/sprite.png) 0 -550px no-repeat; height:21px; width:18px; position:absolute; left:0; top:50%; margin:-11px 0 0 0;}
#mt .searchArea .word {position:relative; width:170px; height:26px; border-radius:13px; float:right; position:relative; top:12px; right:23px; overflow:hidden;
-webkit-box-shadow:0 1px 2px rgba(4,0,0,.2), inset 0 -1px rgba(17,17,17,.1); -moz-box-shadow:0 1px 2px rgba(4,0,0,.2), inset 0 -1px rgba(17,17,17,.1); box-shadow:0 1px 2px rgba(4,0,0,.2), inset 0 -1px rgba(17,17,17,.1);
-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.17) inset; -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.17) inset; -o-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.17) inset; -ms-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.17) inset;}
#mt .searchArea .word input {width:170px; height:26px; padding:2px 30px 1px 12px; line-height:18px; font-size:12px; font-size:1.2rem;}
.ie8 #mt .searchArea .word input{border:1px solid #ddd;}
#mt .searchArea .word input:focus {outline:none; background:#fff;}
#mt .searchArea .word button{position:absolute; right:0; top:0; border:none; padding:0; margin:0; background:url(/common/images/pcLens.png) center center no-repeat; height:26px; line-height:26px; width:30px; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer;}

/* bottom SearchArea */
#searchArea2 {position:absolute; left:-9999px; top:-9999px;}

/* custom select */
.easy-select-box{display:inline-block;position:relative;}
.easy-select-box .esb-dropdown{position:absolute; top:100%; left:0; z-index:99; display:none;}
.easy-select-box{width:152px; min-width:152px;  max-width:152px; text-align:left; font-size:12px; color:#222;}
.easy-select-box .esb-displayer{padding:5px 8px 0; line-height:18px; height:26px; cursor:default; border-radius:3px; -webkit-box-shadow:0 1px 2px rgba(4,0,0,.2), inset 0 -1px rgba(17,17,17,.1); -moz-box-shadow:0 1px 2px rgba(4,0,0,.2), inset 0 -1px rgba(17,17,17,.1); box-shadow:0 1px 2px rgba(4,0,0,.2), inset 0 -1px rgba(17,17,17,.1);background:#f7f7f7; color:#222; overflow:hidden; cursor:pointer;}
.ie8 .easy-select-box .esb-displayer{border:1px solid #ddd;}
.easy-select-box .esb-displayer:before{content:''; width:0; height:0; border-style:solid; border-width:5px 4px 0 4px; position:absolute; right:9px; top:50%; margin:-2px 0 0 0;border-color:#222 transparent transparent transparent;}
.easy-select-box:before{content:''; width:1px; height:26px; background:#fff; position:absolute; right:24px; top:0; border-left:1px solid #cdcdcd;}
.easy-select-box:hover .esb-displayer{text-decoration:none;}
.easy-select-box:hover .esb-displayer,
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{background-color:#ddd;}
.easy-select-box .esb-dropdown{width:152px; min-width:152px; max-height:200px; overflow:auto; top:29px;background:#f7f7f7;}
.easy-select-box .esb-dropdown .esb-item{padding:5px 10px; cursor:default;background:#f7f7f7;color:#222; cursor:pointer;}
.easy-select-box .esb-dropdown .esb-item:hover{text-decoration:none;background:#222;color:#FFF;}
.focused {outline:none !important;}

#mt .searchArea .details .easy-select-box .esb-displayer{padding:5px 28px 0 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#mt .searchArea .details .easy-select-box{width:170px !important; min-width:170px;  max-width:170px;}

/* brum */
#brum {background:#fff; clear:both; zoom:1; margin-bottom:10px; padding:5px 13px 3px; min-height:28px;}
#brum:after{content:''; clear:both; display:block;}
#brum ul{clear:both; zoom:1;}
#brum ul:after{content:''; clear:both; zoom:1;}
#brum ul li {float:left; font-size:11px; font-size:1.1rem; line-height:18px; color:#999; position:relative; padding-left:1.75em;}
#brum ul li:nth-child(1) {position:relative; padding-left:18px; padding-left:18px;}
#brum ul li:before{content:'>'; position:absolute; left:0.75em; top:0;}
#brum ul li:nth-child(1):before{content:''; background:url(/common/images/home.png) left top no-repeat; width:12px; height:12px; position:absolute; left:0; top:50%; margin:-7px 0 0 0;}


/* archives */
#archives {clear:both; zoom:1; padding-bottom:20px; margin:0 -5px; min-height:120px; position:relative;}
#archives:after{content:''; clear:both; display:block;}
#archives #pageloading {position:absolute; left:50%; top:50%; margin:-14px 0 0 -14px; z-index:100;}
#archives .item {width:25%; float:left; padding:0 5px 10px;}
#archives .item a {background:url(/common/images/loading.gif) center 70px no-repeat #fff; display:block; max-width:243px; padding:0 0 38px; position:relative;}
#archives .item a .image {height:160px; background-repeat:no-repeat; background-position:center top; background-size:cover; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#archives .item a .image img {position:fixed; left:-9999px; top:-9999px; width:1px; height:1px;}

.ie8 #archives .item a .image {overflow:hidden;}
.ie8 #archives .item a .image img {position:static; width:243px; height:auto;}

#archives .item a h2 {line-height:18px; padding:0 10px 3px; font-weight:bold; font-size:13px; font-size:1.3rem; line-height:1.8rem;}
#archives .item a p.date {font-size:11px; line-height:23px; font-size:1.1rem; color:#999; padding:10px 10px 0;}
#archives .item a time {font-size:11px; line-height:23px; font-size:1.1rem; color:#999; padding:10px 10px 0; display:block;}
#archives .item a p.category {font-size:11px; line-height:14px; font-size:1.1rem; color:#999; padding:5px 10px 4px 27px; position:relative;}
#archives .item a p.category:before{content:''; background:url(/common/images/tab.png) left top no-repeat; width:12px; height:12px; position:absolute; left:10px; top:6px; margin:0 0 0;}
#archives .item a p.shop {position:absolute; left:0; bottom:0; width:100%; background:#222; height:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:28px; color:#fff; padding:0 10px; font-size:10px; font-size:1rem;}

#archives .item.loadcomp a:hover .image {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#archives .item a:hover {text-decoration:none !important; background-color:#ddd; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#archives .item a:hover p.shop {background-color:#444; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}

.ie11 #archives .item.loadcomp a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
.ie11 #archives .item.loadcomp a .image{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}


/* archive -> area archive */
#archives.areaArchives .item {width:20%;}
#archives.areaArchives .item a{background:url(/common/images/loading.gif) center 40px no-repeat #fff; display:table; max-width:194px; padding:0; position:relative; width:100%;}
#archives.areaArchives .item a .image {height:112px; background-position:left top;}
#archives.areaArchives .item a h2 {line-height:12px; line-height:16px; font-size:1.2rem; padding:10px; display:table-cell; vertical-align:middle;}

#archives .item.loadcomp a {background:#fff; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#archives .item.loadcomp a .image { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#archives.areaArchives .item.loadcomp a{background:#fff;}


/* detail */
#detail article {width:732px; float:left; background:#fff;}
#detail article header{padding:18px 20px 18px 110px; position:relative; min-height:115px; border-bottom:2px solid #f2f2f2;}
#detail article header p.date{position:absolute; left:20px; top:18px; text-align:center; width:60px; min-height:80px; padding-bottom:20px;}
#detail article header p.date .year {position:absolute; left:0; bottom:0; width:100%; font-size:11px; font-size:1.1rem;}
#detail article header p.date .manth{font-size:12px; line-height:20px; height:20px; overflow:hidden; color:#fff; display:block; text-transform:uppercase;}
#detail article header p.date .day  {font-size:12px; line-height:20px; height:20px; overflow:hidden; color:#fff; display:block; height:45px; line-height:45px; font-weight:bold; font-size:25px; font-size:2.5rem;}
#detail article h1 {display:table-cell; vertical-align:middle; height:79px; font-size:19px; font-size:1.9rem; line-height:25px; font-weight:bold;}
#detail article #entryBody{padding:20px 20px; font-size:13px; font-size:1.3rem; line-height:31px;}
#detail article #entryBody p{margin-bottom:25px;}
#detail article #entryBody img {opacity:0;}
#detail article #entryBody img.mt-image-center {margin:0 auto !important; display:block !important;}
#detail article #entryBody img.mt-image-right {float:right !important; margin:0 0 20px 20px !important;}
#detail article #entryBody img.mt-image-left  {float:left !important; margin:0 20px 20px 0 !important;}
#detail article #entryBody img.finish {opacity:1; -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; transition:opacity 0.3s ease;}
.ie8 #detail article #entryBody img {max-width:692px;}



#detail article footer{padding:0 20px 0 0;}
#detail article .snsLinks {font-size:0; padding:0 0 20px 9px; float:left;}
#detail article .snsLinks:after{content:''; clear:both; display:block;}
#detail article .snsLinks ul li {float:left; padding:0 0 0 11px;}
#detail article .snsLinks ul li.tw {width:98px; overflow:hidden;}
#detail article .snsLinks ul li.gp {width:98px; overflow:hidden;}
#detail article footer ul.category {float:right;}
#detail article footer ul.category li{font-size:11px; line-height:23px; font-size:1.1rem; color:#999; padding:0 10px 0 28px; position:relative;}
#detail article footer ul.category li:before{content:''; background:url(/common/images/tab.png) left top no-repeat; width:12px; height:12px; position:absolute; left:10px; top:50%; margin:-6px 0 0 0;}

#detail article nav {clear:both; zoom:1; padding:20px 20px 20px;  border-top:2px solid #f2f2f2;}
#detail article nav:after{content:''; clear:both; display:block;}
#detail article nav ul {text-align:center; position:relative; font-size:0;}
#detail article nav ul li {display:inline-block; font-size:14px; font-size:1.4rem; width:110px; height:40px; line-height:40px; border:1px solid #222; vertical-align:top; overflow:hidden;}
#detail article nav ul li.prev{position:absolute; left:0; top:0;}
#detail article nav ul li.next{position:absolute; right:0; top:0;}
#detail article nav ul li a {text-decoration:none; display:block; position:relative; background:#222; color:#fff;}
#detail article nav ul li a:hover {background:#fff; border-color:#e4e4e4; color:#222; text-decoration:none; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#detail article nav ul li.prev,
#detail article nav ul li.next {display:none;}
#detail article nav ul li.prev a span.inner {display:inline-block; padding:0 0 0 12px; position:relative;}
#detail article nav ul li.next a span.inner {display:inline-block; padding:0 12px 0 0; position:relative;}
#detail article nav ul li.prev a span.inner:before{content:''; width:0; height:0; border-style:solid; border-width:3px 6px 3px 0; border-color:transparent #fff transparent transparent ; position:absolute; left:0; top:50%; margin:-3px 0 0 0;}
#detail article nav ul li.next a span.inner:before{content:''; width:0; height:0; border-style:solid; border-width:3px 0 3px 6px; border-color:transparent transparent transparent #fff; position:absolute; right:0; top:50%; margin:-3px 0 0 0;}
#detail article nav ul li.non {border:none !important;}
#detail article nav ul li a:hover:before {-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#detail #detailnavmyid{display:none;}

#detail aside {width:260px; float:right; }
#detail aside section {padding:0; margin:0 0 10px; background:#fff; min-width:inherit;}
#detail aside section p.image{padding:8px 10px 12px; font-size:0; background-position:-9999px -9999px; background-repeat:no-repeat;}
#detail aside section p.image img {max-width:240px; height:auto;}
#detail aside section h1{margin:0 15px 12px; padding-bottom:13px; line-height:18px; font-weight:bold; border-bottom:1px solid #f6f2e4; padding-top:20px;}
#detail aside section h2{height:54px; line-height:54px; font-size:16px; font-size:1.6rem; padding:0 15px; font-weight:bold; border-bottom:2px solid #f6f2e4; font-size:13px; font-size:1.3rem;}
#detail aside section ul {padding:20px 15px 15px;}
#detail aside section ul li {font-size:12px; font-size:1.2rem; line-height:16px; margin-bottom:11px;}
#detail aside section.shopinfo {padding-bottom:16px;}
#detail aside section.shopinfo .freeWord {padding:0 15px; display:block; font-size:12px; font-size:1.2rem; line-height:19px;}
#detail aside section.shopinfo .freeWord a{text-decoration:underline;}
#detail aside section.shopinfo .freeWord a:hover{text-decoration:none;}
#detail aside section.shopinfo address {padding:0 15px; display:block; font-size:12px; font-size:1.2rem; line-height:19px;}
#detail aside section.shopinfo p.time {padding:0 15px; font-size:12px; font-size:1.2rem; line-height:19px;}
#detail aside section.shopinfo p.tel  {padding:0px 15px 0px 27px; font-size:17px; font-size:1.7rem; font-weight:bold; position:relative; top:4px;}
#detail aside section.shopinfo p.tel:before{content:''; background:url(/common/images/sprite.png) -600px -300px no-repeat; width:8px; height:14px; position:absolute; left:15px; top:8px;}
#detail aside p.link {padding:0; margin:0 0 10px; background:#fff; font-size:0;}
#detail aside p.link a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}

/* pager */
#pager {background:#fff; padding:10px; position:relative; height:54px;}
#pager p{position:absolute;}
#pager p.prev{left:10px; top:10px;}
#pager p.next{right:10px; top:10px;}
#pager p a{display:block; color:#fff; text-align:center; width:84px; position:relative; padding:0; border:1px solid #222; line-height:34px; height:34px; overflow:hidden; font-size:13px; font-size:1.3rem;}
#pager p a:hover{text-decoration:none; color:#222; background-color:#fff; border-color:#e4e4e4; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#pager p.next a:before{content:''; width:0; height:0; border-style:solid; border-width:4px 0 4px 6px; border-color:transparent transparent transparent #fff; position:absolute; right:10px; top:50%; margin:-4px 0 0 0;}
#pager p.prev a:before{content:''; width:0; height:0; border-style:solid; border-width:4px 6px 4px 0; border-color:transparent #fff transparent transparent; position:absolute; left:10px; top:50%; margin:-4px 0 0 0;}
#pager p a:hover:before{-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#pager div {text-align:center; padding:5px 90px; font-size:0;}
#pager div a{display:inline-block; height:24px; line-height:24px; min-width:24px; padding:0 4px 0; text-decoration:none; font-size:13px; font-size:1.3rem; text-align:center; margin:0 5px;}
#pager div a:hover{-webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#pager div span{display:inline-block; height:24px; line-height:24px; min-width:24px; padding:0 4px 0; text-decoration:none; font-size:13px; font-size:1.3rem; text-align:center; margin:0 5px;}


@media screen and (min-width:781px){
#archives .item:nth-child(4n+1) {clear:both; zoom:1;}
}


@media screen and (min-width:641px) and (max-width:780px){
/* archives */
#archives {clear:both; zoom:1; padding-bottom:20px; margin:0 -5px;}
#archives:after{content:''; clear:both; display:block;}
#archives .item {width:33.33%; float:left; padding:0 5px 10px;}
#archives .item:nth-child(3n+1) {clear:both; zoom:1;}
#archives .item a{ display:block; max-width:243px; padding:0 0 38px; position:relative;}
#archives .item a .image {height:160px; background-repeat:no-repeat; background-position:center top; background-size:cover;}
#archives .item a h2 {line-height:18px; padding:0 10px 3px; font-weight:bold;}
#archives .item a p.date {font-size:11px; line-height:23px; font-size:1.1rem; color:#999; padding:10px 10px 0;}
#archives .item a time {font-size:11px; line-height:23px; font-size:1.1rem; color:#999; padding:10px 10px 0;}
#archives .item a p.category {font-size:11px; line-height:23px; font-size:1.1rem; color:#999; padding:0 10px 0 28px; position:relative;}
#archives .item a p.category:before{content:''; background:url(/common/images/tab.png) left top no-repeat; width:12px; height:12px; position:absolute; left:10px; top:50%; margin:-6px 0 0 0;}
#archives .item a p.shop {position:absolute; left:0; bottom:0; width:100%; background:#222; height:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:28px; color:#fff; padding:0 10px; font-size:10px; font-size:1rem;}
#archives .item.loadcomp a:hover .image {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#archives .item a:hover {text-decoration:none !important; background-color:#ddd; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
#archives .item a:hover h2 {color:#222 !important;}
#archives .item a:hover p.shop {background-color:#444; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}
/* archive -> area archive */
#archives.areaArchives .item {width:25%;}
#archives .item:nth-child(3n+1){clear:both; zoom:1;}
}
@media screen and (max-width:780px){
body {/*padding-top:100px;*/}
/* brandVisal */
#mt {min-width:inherit; width:inherit; overflow:inherit;}

#mt .brandVisual {position:relative; height:155px; overflow:hidden; margin-bottom:20px; min-width:inherit;}
#mt .brandVisual h1{float:none; background-position:center center; background-repeat:no-repeat; background-size:auto 155px; width:100%; height:155px; background-color:#fff;}
#mt .brandVisual h1 a{display:block;}
#mt .brandVisual h1 img {filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#mt .brandVisual h1 a:hover img{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#mt .brandVisual p.visual{display:none;}
#mt .brandVisual p.brandSite {width:115px; left:50%; top:117px; margin:0 0 0 -58px;}
#mt .brandVisual p.brandSite a span:before {margin-top:-4px;}
#mt .brandVisual p.brandSite a{height:22px; width:115px; line-height:20px; font-size:12px; font-size:1.2rem;}


/* searchArea */
#mt .searchArea {height:auto; margin-bottom:20px;}
#mt .searchArea h2 {float:none; width:100%; height:40px; line-height:40px; text-align:left; margin:0; cursor:pointer; padding:0 15px; font-size:16px; position:relative;}
#mt .searchArea h2:before{content:''; background-image:url(/common/images/sprite.png); background-position:-125px -75px; background-repeat:no-repeat; background-size:500px auto; width:19px; height:12px; position:absolute; right:10px; top:50%; margin:-6px 0 0 -10px;
-webkit-transform:rotate(0deg); transform:rotate(0deg);
-webkit-transition:transform 0.15s ease; -moz-transition:transform 0.15s ease; -ms-transition:transform 0.15s ease; -o-transition:transform 0.15s ease; transition:transform 0.15s ease;}
#mt .searchArea h2 span.icon {display:inline-block; position:relative; padding-left:36px;}
#mt .searchArea h2 span.arr {display:none;}
#mt .searchArea .area    h2 span.icon:before{content:''; background:url(/common/images/sprite.png) -25px -250px no-repeat; background-size:500px auto; height:21px; width:21px; position:absolute; left:0; top:50%; margin:-11px 0 0 0;}
#mt .searchArea .details h2 span.icon:before{content:''; background:url(/common/images/sprite.png) -25px -275px no-repeat; background-size:500px auto; height:25px; width:21px; position:absolute; left:0; top:50%; margin:-13px 0 0 0;}
#mt .searchArea .details {border-top:10px solid #f2f2f2;}
#mt .searchArea .details .select + .select {left:0;}
#mt .searchArea .area {width:100%; float:none;}
#mt .searchArea .details {width:100%; float:none;}

#mt .searchArea .select {float:none; padding:0 10px 0; margin:15px 0 0; position:absolute; left:-9999px; top:-9999px;}
#mt .searchArea .select + .select {padding-top:10px; margin:0;}
#mt .searchArea .area {width:auto; float:none;}
#mt .searchArea .area .select {padding-bottom:15px;}
#mt .searchArea .word {width:auto; height:34px; margin:10px 10px 0; float:none; right:inherit; border-radius:17px; position:absolute; left:-9999px; top:-9999px;}
#mt .searchArea .word input {width:100%; height:34px; padding:3px 50px 0 17px; font-size:14px; font-size:1.4rem;}
#mt .searchArea .word button{background:url(/common/images/spLens.png) center center no-repeat; background-size:19px 19px; height:19px; line-height:34px; width:34px; height:34px; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer;}
#mt .searchArea .open h2:before{content:''; /*background-image:url(/common/images/sprite.png); background-position:-100px -75px; background-repeat:no-repeat; background-size:500px auto;*/ width:19px; height:12px; position:absolute; right:10px; top:50%; margin:-6px 0 0 -10px;
-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
#mt .searchArea .open .select {position:relative; left:0; top:0;}
#mt .searchArea .open .word {position:relative; left:0; top:0;}
#mt .searchArea .details.open {padding-bottom:15px;}

/* custom select */
.easy-select-box{width:100%; font-size:14px; max-width:inherit; min-width:inherit;}
.easy-select-box .esb-displayer{padding:5px 8px 0; line-height:24px; height:34px; cursor:default; border-radius:5px;}
.easy-select-box .esb-displayer:before{content:''; width:0; height:0; border-style:solid; border-width:7px 5px 0 5px; position:absolute; right:12px; top:50%; margin:-2px 0 0 0;}
.easy-select-box:before{content:''; width:1px; height:34px; background:#fff; position:absolute; right:30px; top:0; border-left:1px solid #cdcdcd;}
.easy-select-box .esb-dropdown{width:100% !important; top:37px;}
#mt .searchArea .easy-select-box{width:100% !important;}
#mt .searchArea .details .easy-select-box{width:100% !important; max-width:inherit; min-width:inherit;}
/* brum */
#brum {display:none;}

/* detail */
#detail article {width:100%; float:none;}
#detail article header{padding:10px 10px 10px 85px; position:relative; min-height:95px; border-bottom:2px solid #f2f2f2;}
#detail article header p.date{position:absolute; left:10px; top:10px; text-align:center; width:55px; min-height:75px; padding-bottom:20px;}
#detail article header p.date .year {position:absolute; left:0; bottom:0; width:100%; font-size:10px; font-size:1rem;}
#detail article header p.date .manth{font-size:12px; line-height:19px; height:19px;}
#detail article header p.date .day  {font-size:12px; line-height:42px; height:42px; font-size:24px; font-size:2.4rem;}
#detail article h1 {height:70px; font-size:16px; font-size:1.6rem; line-height:26px; font-weight:normal;}

#detail article #entryBody{padding:20px 10px; font-size:15px; line-height:24px; font-size:1.5rem;}
#detail article footer{padding:0;}
#detail article .snsLinks {font-size:0; padding:0 0 0 10px; float:left;}
#detail article .snsLinks:after{content:''; clear:both; display:block;}
#detail article .snsLinks ul li {float:left; padding:0 0 0 11px;}
#detail article .snsLinks ul li.tw {width:98px; overflow:hidden;}
#detail article .snsLinks ul li.gp {width:98px; overflow:hidden;}
#detail article footer ul.category {float:none; padding-bottom:15px; border-bottom:1px solid #f2f2f2; width:100%; margin-bottom:10px;}
#detail article .snsLinks ul li {float:left; padding:0 10px 10px 0;}

#detail article nav {padding:20px 10px; width:auto; margin:0 0 10px; background:#fff; border-bottom:1px solid #f2f2f2;}
#detail article nav:after{content:''; clear:both; display:block;}
#detail article nav ul {display:table; width:100%; table-layout:fixed;}
#detail article nav ul li {display:table-cell; font-size:13px; font-size:1.3rem; vertical-align:top; min-width:inherit; border:none; width:auto; padding:0 5px;}
#detail article nav ul li.prev{float:none; position:static; padding-left:0;}
#detail article nav ul li.next{float:none; position:static; padding-right:0;}
#detail article nav ul li a {text-decoration:none; display:block; position:relative; background:#000; color:#fff; height:40px; line-height:40px; width:auto;}
#detail article nav ul li a span span{display:none;}
#detail article nav ul li a span:before{display:none;}
#detail article nav ul li.prev a:before{content:''; clear:both; display:block; background:url(/common/images/sprite.png) -110px -50px no-repeat; background-size:500px auto; width:8px; height:13px; position:absolute; left:7px; top:50%; margin:-7px 0 0;}
#detail article nav ul li.next a:before{content:''; clear:both; display:block; background:url(/common/images/sprite.png) -100px -50px no-repeat; background-size:500px auto; width:8px; height:13px; position:absolute; right:7px; top:50%; margin:-7px 0 0;}
#detail article nav ul li.hover {border:none;}

#detail aside {width:auto; float:none;}
#detail aside section {padding:10px;}
#detail aside section p.image{padding:0; display:table-cell; width:75px; height:75px; overflow:hidden; background-size:auto 75px; background-position:center center;}
#detail aside section p.image img{display:none;}
#detail aside section h1{margin:0; padding-bottom:0; line-height:18px; border:none; zoom:1; overflow:hidden; display:table-cell; vertical-align:middle; padding:0 0 0 0;}
#detail aside section.shopinfo {padding-bottom:12px;}
#detail aside section.shopinfo address {padding:15px 0 0; font-size:14px; font-size:1.4rem;}
#detail aside section.shopinfo p.time {padding:0 0 10px; font-size:14px; font-size:1.4rem;}
#detail aside section.shopinfo p.tel  {padding:0 0 0 13px; font-size:21px; font-size:2.1rem; line-height:31px;}
#detail aside section.shopinfo p.tel:before{content:''; background:url(/common/images/sprite.png) -325px -150px no-repeat; background-size:500px auto; width:9px; height:17px; position:absolute; left:0; top:50%; margin:-9px 0 0 0;}
#detail aside section.shopinfo .freeWord {padding:15px 0 0; display:block; font-size:14px; font-size:1.4rem; line-height:19px;}

#detail aside section h2 {height:40px; line-height:40px; padding:0 10px; font-weight:normal; border-bottom:none; background:#b1b0b0; color:#fff; margin:-10px -10px -10px; cursor:pointer; position:relative;}
#detail aside section h2:before{content:''; background-image:url(/common/images/sprite.png); background-position:-125px -75px; background-repeat:no-repeat; background-size:500px auto; width:19px; height:12px; position:absolute; right:10px; top:50%; margin:-6px 0 0 -10px;
-webkit-transform:rotate(0deg); transform:rotate(0deg);
-webkit-transition:transform 0.15s ease; -moz-transition:transform 0.15s ease; -ms-transition:transform 0.15s ease; -o-transition:transform 0.15s ease; transition:transform 0.15s ease;}
#detail aside section.open h2:before{content:''; /*background-image:url(/common/images/sprite.png); background-position:-100px -75px; background-repeat:no-repeat; background-size:500px auto; */width:19px; height:12px; position:absolute; right:10px; top:50%; margin:-6px 0 0 -10px;
-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}

#detail aside section ul {margin:0 -10px -10px; padding:0; display:none;}
#detail aside section ul li {font-size:14px; font-size:1.4rem; line-height:19px; margin-bottom:0; border-bottom:1px solid #f2f2f2;}
#detail aside section ul li a{display:block; height:40px; padding:10px 10px 10px 20px; position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;	}
#detail aside section ul li a:before{content:''; width:0; height:0; border-style:solid; border-width:4px 0 4px 6px; border-color:transparent transparent transparent #222; position:absolute; left:10px; top:50%; margin:-4px 0 0 0;}
#detail aside section.open h2 {margin-bottom:0;}
#detail aside section.open ul {display:block;}

#detail aside p.link {padding:0; margin:0 0 10px; background:#fff; font-size:0;}
#detail aside p.link a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease;}

/* searchArea2 */
#mt.detailLayout #searchArea{display:none !important;}
.detailLayout #searchArea2 {clear:both; zoom:1;}
.detailLayout #searchArea2 {position:relative; left:0; top:0;}

/* pager */
#pager {background:#fff; padding:20px 48px; position:relative; height:73px;}
#pager p.prev{left:10px; top:20px;}
#pager p.next{right:10px; top:20px;}
#pager p a{line-height:33px; width:33px; text-indent:100%; overflow:hidden; white-space:nowrap; text-align:left;}
#pager p.next a:before{content:''; background:url(/common/images/sprite.png) -100px -50px no-repeat; background-size:500px auto; width:8px; height:13px; position:absolute; left:50%; top:50%; margin:-7px 0 0 -3px; border:none;}
#pager p.prev a:before{content:''; background:url(/common/images/sprite.png) -110px -50px no-repeat; background-size:500px auto; width:8px; height:13px; position:absolute; left:50%; top:50%; margin:-7px 0 0 -4px; border:none;}
#pager div {text-align:center; padding:0; font-size:0;}
#pager div a{display:inline-block; height:33px; line-height:33px; width:33px; padding:0 4px; text-decoration:none; font-size:14px; font-size:1.4rem; margin:0 4.5px;}
#pager div span{display:inline-block; height:33px; line-height:33px; width:33px; padding:0 4px; text-decoration:none; font-size:14px; font-size:1.4rem; margin:0 4.5px;}


}


@media screen and (max-width:640px){
#archives {clear:both; zoom:1; padding-bottom:20px; margin:0; min-height:inherit;}
#archives:after{content:''; clear:both; display:block;}
#archives .item {width:100%; float:none; padding:0; margin-bottom:1px;}
#archives .item a{display:block; max-width:inherit; padding:15px 10px 10px 110px; min-height:90px; background:#fff;}
#archives .item a .image {height:60px; width:84px; margin:0 15px 0 0; position:absolute; left:10px; top:15px;}
#archives .item a h2 {line-height:14px; font-size:1.4rem; line-height:19px; padding:0 0 1px; font-weight:normal; zoom:1; overflow:hidden;}
#archives .item a p.date {font-size:12px; line-height:13px; font-size:1.2rem; padding:0 0 3px; zoom:1; overflow:hidden;}
#archives .item a time {font-size:12px; line-height:13px; font-size:1.2rem; padding:0 0 3px; zoom:1; overflow:hidden;}
#archives .item a p.category {display:none;}
#archives .item a p.shop {position:static; background:none !important; height:inherit; line-height:18px; color:#b8b8b8; padding:0; zoom:1; overflow:hidden;}
/* archive -> area archive */
#archives.areaArchives .item {width:100%;}
#archives.areaArchives .item a{max-width:inherit; padding:15px 10px 13px 10px; background:#fff; min-height:48px;}
#archives.areaArchives .item a .image {height:60px; background-position:left top;}
#archives.areaArchives .item a h2 {line-height:14px; font-size:1.4rem; line-height:19px; padding:0 0 1px; font-weight:normal; zoom:1; overflow:hidden;}

/* detail */
#detail article {width:100%; float:none;}
#detail article header{padding:10px 10px 10px 85px; position:relative; min-height:95px; border-bottom:2px solid #f2f2f2;}
#detail article header p.date{position:absolute; left:10px; top:10px; text-align:center; width:55px; min-height:75px; padding-bottom:20px;}
#detail article header p.date .year {position:absolute; left:0; bottom:0; width:100%; font-size:10px; font-size:1rem;}
#detail article header p.date .manth{font-size:12px; line-height:19px; height:19px;}
#detail article header p.date .day  {font-size:12px; line-height:42px; height:42px; font-size:24px; font-size:2.4rem;}
#detail article h1 {height:70px; font-size:18px; font-size:1.8rem; line-height:26px; font-weight:bold;}

}