@charset "utf-8";
/** 共通CSS **/

html, body {
	background-color: #fff;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.common-sub {
	background-color: #fff;
}
body.common-sub .common-sub_header {
	background-color: #e50110;
	padding: 6px 10px;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}
body.common-sub .common-sub_header h1.header-logo {
	background: url("/images/sub/thread/logo_lovelocal_by_daihatsu.png") no-repeat;
	margin: 0 auto;
	width: 264px;
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: -132px;
}
body.common-sub .common-sub_header ul.menu {
	float: left;
	color: #fff;
	height: 28px;
}
body.common-sub .common-sub_header ul.menu li.menu_bbs a,
body.common-sub .common-sub_header ul.menu li.menu_photo a,
body.common-sub .common-sub_header ul.menu li.menu_love a,
body.common-sub .common-sub_header ul.menu li.menu_howto a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 100%;
	height: 100%;
}
body.common-sub .common-sub_header ul.menu li {
}
body.common-sub .common-sub_header ul.menu li.menu_bbs {
	background: url("/images/sub/thread/menu_icon_bbs.png") no-repeat 5px 7px;
	border-radius: 4px;
	width: 84px;
	height: 28px;
	transition: linear 0.2s;
}
body.common-sub .common-sub_header ul.menu li.menu_photo {
	background: url("/images/sub/thread/menu_icon_photo.png") no-repeat 5px 7px;
	border-radius: 4px;
	width: 77px;
	height: 28px;
	transition: linear 0.2s;
}
body.common-sub .common-sub_header ul.menu li.menu_love {
	background: url("/images/sub/thread/menu_icon_love.png") no-repeat 5px 7px;
	border-radius: 4px;
	width: 129px;
	height: 28px;
	transition: linear 0.2s;
}
body.common-sub .common-sub_header ul.menu li.menu_howto {
	background: url("/images/sub/thread/menu_icon_howto.png") no-repeat 5px 7px;
	border-radius: 4px;
	width: 84px;
	height: 28px;
	transition: linear 0.2s;
}
body.common-sub .common-sub_header ul.menu li.menu_bbs:hover,
body.common-sub .common-sub_header ul.menu li.menu_bbs:active,
body.common-sub .common-sub_header ul.menu li.menu_photo:hover,
body.common-sub .common-sub_header ul.menu li.menu_photo:active,
body.common-sub .common-sub_header ul.menu li.menu_love:hover,
body.common-sub .common-sub_header ul.menu li.menu_love:active,
body.common-sub .common-sub_header ul.menu li.menu_howto:hover,
body.common-sub .common-sub_header ul.menu li.menu_howto:active {
	background-color: #a0000d;
}
body.common-sub .common-sub_header ul.login-menu {
	float: right;
	height: 28px;
}
body.common-sub .common-sub_header ul.login-menu.logoff li {
	background: url("/images/sub/thread/icon_arrow.png") no-repeat 20px 10px;
	background-color: #fff;
	border-radius: 4px;
	width: 100px;
	height: 28px;
}
body.common-sub .common-sub_header ul.login-menu.logoff li:first-of-type {
	margin-right: 5px;
}
body.common-sub .common-sub_header ul.login-menu.logoff li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	line-height: 28px;
	text-indent: 29px;
}
body.common-sub .common-sub_header ul.login-menu.login li a {
	height: 100%;
	width: 100%;
	display: block;
}
body.common-sub .common-sub_header ul li {
	display: inline-block;
	color: #fff;
	height: 28px;
}



/*====================
 *    [Modules]
 *        - Block parts (nav, board)
 *====================*/
.m-gheader {
  z-index: 999;
  font-size:14px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1104px;
  height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

  .m-gheader:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

.m-gheader__logo {
  background-color:#fff;
  z-index: 10;
  position: absolute;
  top: 18px;
  left: 16px;
  margin: 0;
  padding: 0;
  line-height: 0; }

.m-gheader__logo img {
  margin-top: 2px;
}

.m-gheader__gnav {
  position: relative;
  max-width:1280px;
  padding:0 20px;
  margin:0 auto;
  }
  .m-gheader__gnav ul {
    display: table;
    /* width:100%; */
    list-style: none;
    /* margin: 0 10px; */
    padding: 11px 0 0;
    line-height: 0; }
    .m-gheader__gnav ul li {
      display:table-cell;
      border-radius: 0px;
      text-align:center;
    }
      .m-gheader__gnav ul li a {
        display: inline-block;
        margin:0 14px;
        padding: 0 25px;
        line-height: 28px;
        padding-bottom:8px;
        font-size:15px;
        font-weight: 500;
        white-space: nowrap;
      }

        .m-gheader__gnav ul li a:link,
        .m-gheader__gnav ul li a:visited {
          color: #000;
          text-decoration: none;
        }
        .m-gheader__gnav ul li a:hover,
        .m-gheader__gnav ul li a:active {
          color: #000;
          text-decoration: none;
          border-bottom: solid 3px #e50110;
        }
        .m-gheader__gnav ul li a.isActive,
        .m-gheader__gnav ul li a:hover {
          border-radius: 0px;
          background-color: #fff;
          border-bottom: solid 3px #e50110;
        }



  .m-gheader__gnav .icon--info {
    top: 2px; }

.m-gheader .icon--info {
    width: 15px;
    height: 15px;
    background-image: url(../images/common/icon_info.png);
}
.m-gheader .icon {
    display: inline-block;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon--login {
    width: 31px;
    height: 31px;
    background-image: url(../images/common/icon_login.png);
}

.m-gheader__account {
  position: absolute;
  top: -35px;
  right: 50px;
}

#store-admin .m-gheader__account {
  top: 0;
}

.m-gheader__accountLogin {
  float: left;
  margin-right: 4px; }
  .m-gheader__accountLogin .icon {
    top: -2px; }
  .m-gheader__accountLogin img {
    border-radius: 18px;
  }
  .m-gheader__accountLogin span.top {
      position: relative;
      top: -10px;
  }
  .m-gheader__accountLogin span.sub {
      position: relative;
      top: -10px;
  }

.m-gheader__accountLogin {
    position: relative;
}
.m-gheader__accountLogin .hint {
    display: none;
    position: absolute;
    top: 44px;
    left: -38px;
    width: 110px;
}
.m-gheader__accountLogin:hover .hint {
    display: block;
    animation-duration: 0.5s;
    animation-name: fadein;
}
.m-gheader__accountLogin .hint span {
    display: block;
    box-sizing: border-box;
    padding: 8px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
}
.m-gheader__accountLogin .hint span:before,
.m-gheader__accountLogin .hint span:after {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    width: 0;
    height: 0;
    border: 12px solid transparent;
}
.m-gheader__accountLogin .hint span:before {
    left: calc(50% - 8px);
    /*border-top-color: #ccc;*/
    border-bottom-color: #ccc;
}
.m-gheader__accountLogin .hint span:after {
    left: calc(50% - 8px);
    top: -23px;
    border-bottom-color: #fff;
}

.m-gheader__accountItem {
  float: left; }
  .m-gheader__accountItem .btn {
    margin-left: 6px;
    padding: 0 20px; }
  .m-gheader__accountItem .icon {
    top: -1px;
    margin-right: 5px; }


.m-gheader__accountItem {
    position: relative;
}
.m-gheader__accountItem .hint {
    display: none;
    position: absolute;
    top: 44px;
    left: -38px;
    width: 110px;
}
.m-gheader__accountItem:hover .hint {
    display: block;
    animation-duration: 0.5s;
    animation-name: fadein;
}
.m-gheader__accountItem .hint span {
    display: block;
    box-sizing: border-box;
    padding: 8px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
}
.m-gheader__accountItem .hint span:before,
.m-gheader__accountItem .hint span:after {
    content: '';
    display: block;
    position: absolute;
    top: -24px;
    width: 0;
    height: 0;
    border: 12px solid transparent;
}
.m-gheader__accountItem .hint span:before {
    left: calc(50% - 8px);
    /*border-top-color: #ccc;*/
    border-bottom-color: #ccc;
}
.m-gheader__accountItem .hint span:after {
    left: calc(50% - 8px);
    top: -23px;
    border-bottom-color: #fff;
}


.m-gfooter {
  margin-top: 80px;
  font-size: 11px; }

.m-gfooter__nav {
  list-style: none;
  margin: 0;
  padding: 0; }
  .m-gfooter__nav:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  .m-gfooter__nav li {
    float: left; }
    .m-gfooter__nav li a {
      display: inline-block;
      margin-right: 20px; }
      .m-gfooter__nav li a:link, .m-gfooter__nav li a:visited {
        color: #000;
        text-decoration: none; }
      .m-gfooter__nav li a:hover, .m-gfooter__nav li a:active {
        color: #262626;
        text-decoration: underline; }

.m-gfooter__bottom {
  position: relative;
  margin-top: 16px;
  padding: 10px 0 15px;
  border-top: 1px solid #dddddd; }
  .m-gfooter__bottom:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

.m-gfooter__logo {
  z-index: 1;
  position: relative;
  float: left; }

.m-gfooter__copyright {
  z-index: 0;
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #666; }

.m-gfooter__sns {
  position: relative;
  float: right; }
  .m-gfooter__sns ul {
    list-style: none;
    margin: 5px 0 0;
    padding: 0; }
    .m-gfooter__sns ul li {
      float: left;
      margin-left: 30px; }


/*====================
 *    [Components]
 *        - parts (btn, title)
 *====================*/
.icon {
  display: inline-block;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain; }

.icon--arrow--r {
  width: 5px;
  height: 7px;
  background-image: url("/images/common/icon_arrow_white.png"); }

.icon--arrow2-r {
  width: 5px;
  height: 4px;
  background-image: url("/images/common/icon_arrow2.png"); }

.icon--board {
  width: 18px;
  height: 12px;
  background-image: url("/images/common/icon_board.png"); }

.icon--photo {
  width: 15px;
  height: 12px;
  background-image: url("/images/common/icon_photo.png"); }

.icon--ll {
  width: 14px;
  height: 12px;
  background-image: url("/images/common/icon_ll.png"); }

.icon--info {
  width: 11px;
  height: 12px;
  background-image: url("/images/common/icon_info.png"); }

.icon--pen {
  width: 20px;
  height: 20px;
  background-image: url("/images/common/icon_pen.png"); }

.icon--like {
  width: 14px;
  height: 14px;
  background-image: url("/images/common/icon_like.png"); }

.icon--like--on {
  width: 14px;
  height: 14px;
  background-image: url("/images/common/icon_like_on.png"); }

.icon--like--white {
  width: 14px;
  height: 14px;
  background-image: url("/images/common/icon_like_white.png"); }

.icon--like--white--on {
  width: 14px;
  height: 14px;
  background-image: url("/images/common/icon_like_white_on.png"); }

.icon--comment {
  width: 15px;
  height: 15px;
  background-image: url("/images/common/icon_comment.png"); }

.icon--comment--white {
  width: 15px;
  height: 15px;
  background-image: url("/images/common/icon_comment_white.png"); }

.btn {
  display: inline-block;
  padding: 0 10px;
  border-radius: 4px;
  line-height: 28px;
  cursor: pointer;
  transition: all .3s;
  color: #000;
  font-size: 12px;
  font-weight: bold; }
  .btn:link, .btn:visited {
    color: #fff;
    text-decoration: none; }
  .btn:hover, .btn:active {
    color: #fff;
    text-decoration: none;
  }
  .btn:hover, .btn:active {
    opacity: 0.8; }

.btn--white {
  background-color: #fff; }

.btn--black {
  background-color: #000; }

.btn--primary {
  background-color: #d60011; }
  .btn--primary:link, .btn--primary:visited {
    color: #fff;
    text-decoration: none; }
  .btn--primary:hover, .btn--primary:active {
    color: white;
    text-decoration: none; }

.btn--secondary {
  background-color: #ffda46;
  font-weight: normal; }

.btn--default {
  border: 2px solid #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background-color: #ffdd58; }

.btn--gotoTop {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: #8e8e8e;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all .3s; }
  .btn--gotoTop:hover {
    opacity: .6; }
  .btn--gotoTop > .icon {
    position: absolute;
    top: 16px;
    left: 18px;
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }

.icon--arrow--white {
  width: 5px;
  height: 7px;
  background-image: url("../images/common/icon_arrow_white.png"); }

.fullimage {
  width: 100%;
  height: auto;
  vertical-align: top; }

.contents {
  margin-top: 40px; }

.block {
  width: 1024px;
  margin: 0 auto;
  padding: 0 40px; }

.box {
  position: relative;
  box-sizing: border-box; }
  .box:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

.m-sideSearch {
	z-index:998;
}

.blog-tags ul.tags {
	margin: 0 0 4px 0;
}

.blog-tags li.tag {
	background-color: #e50110;
    border-radius: 4px;
    line-height: 1;
    padding: 7px;
    font-size: 12px;
     width: auto;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
}
.blog-tags li.tag a {
	color: #fff;
}
.blog-tags li.tag_on {
	background-color: #ffdd58;
}
.blog-tags li.tag_on a {
	color: #000;
}

.blog-tags a:hover,
.cateogry_wrapper label:hover,
.pht-tag:hover,
.thread-tag:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.m-panel .item__tags .btn:hover,
.m-panel .item__tags .btn:active {
	color:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.m-panelFeatured .item {
	height: auto;
}

.m-gheader__accountLogin a {
	text-decoration: none;
}

.event_entry_table td.required-icon-top {
    vertical-align: top;
}

/* @media screen and (max-width: 1160px) {
	.m-gheader__gnav ul {
		margin-left:30px;
	}
} */
@media screen and (max-width:1100px) {
	.m-gheader__gnav {
		max-width:1100px;
		padding:0;
	}
	.m-gheader__gnav ul {
		margin-left:0px;
	}
	.m-gheader__gnav ul li a {
		margin:0;
	}
}