/*
Theme Name: GoodsPress CMS for PC
Description: GoodsPress CMS
Version: 0.0
*/


/**
 * Typography
 */

html {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

body,
button,
input,
select,
textarea {
  color: #333;
  font-size: 15px;
  line-height: 1.6;
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

p {
  margin-bottom: 1.6em;
}

b,
strong {
  font-weight: 700;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  display:block;
  margin:1em 0;
  padding:0 1.5em;
  border:0;

  color: #707070;
  font-size: 16px;
  font-style: italic;
  line-height: 1.6667;
  position:relative;
}
blockquote:before {
  content : '\300C';
  font-size: 30px;
  font-style: normal;
  line-height: 1;
  position:absolute;
  left:0;
  top:0;
}
blockquote:after {
  content : '\300D';
  font-size: 30px;
  font-style: normal;
  line-height: 1;
  position:absolute;
  right:0;
  bottom:0;
}

blockquote p {
  margin-bottom: 1.6667em;
}

blockquote > p:last-child {
  margin-bottom: 0;
}

blockquote cite,
blockquote small {
  color: #333;
  font-size: 15px;
  line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}

code,
kbd,
tt,
var,
samp,
pre {
  font-family: Inconsolata, monospace;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.01);
  border: 1px solid #eaeaea;
  border: 1px solid rgba(51, 51, 51, 0.1);
  line-height: 1.2;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 0.8em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

abbr[title] {
  border-bottom: 1px dotted #eaeaea;
  border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
  cursor: help;
}

mark,
ins {
  /*background-color: #fff9c0;*/
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}


/**
 * Elements
 */

hr {
  background-color: #eaeaea;
  background-color: rgba(51, 51, 51, 0.1);
  border: 0;
  height: 1px;
  margin-bottom: 1.6em;
}

ul {
  font-size:17px;
  margin: 1em 1.5em 1.6em;
  padding-left:2em;
  list-style: disc;
}

ol {
  font-size:1.7em;
  margin: 1rem 1.5em 1.6em;
  padding-left:3em;
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

dl {
  font-size:17px;
  margin: 1em 1.5em 1.6em;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 1.6em;
}

table,
th,
td {
  font-size:15px;
  border: 1px solid #aaaaaa;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 1.5em 1.6em;
  table-layout: fixed; /* Prevents HTML tables from becoming too wide */
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

th {
  font-weight: 700;
}

td {
}

th, td {
  padding: 0.4em;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

figure {
  margin: 0;
}

del {
  opacity: 0.8;
}



button,
input,
select,
textarea {
  margin: 0.8em 0;
}

a {
  color: #333;
  text-decoration: none;
  outline:none;
}

a:hover,
a:focus {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  outline:none;
  opacity:0.8;
}


/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

:-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

::-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
  opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}




/**
 * Forms
 */

fieldset {
  font-size:16px;
  display:block;
  margin:14px 0;
  padding:0;
  border:0;
}

.page-content input[type="text"],
.page-content input[type="number"],
.page-content input[type="password"],
.page-content select {
  margin: 0 0 14px;
}

button,
input,
select,
textarea {
  background-color: #f0f0f0;
  border-radius: 0;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

button,
input {
  line-height: normal;
}

.page-content .buttons {
  width:100%;
  margin: 14px 0;
  font-size:16px;
}


input,
select,
textarea {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
  border: 1px solid #666666;
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
  background-color: #fff;
  border: 1px solid #c1c1c1;
  border: 1px solid rgba(51, 51, 51, 0.3);
  color: #333;
}

input:focus,
select:focus {
  outline: 2px solid #c1c1c1;
  outline: 2px solid rgba(51, 51, 51, 0.3);
  color: #333;
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
  opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  background-color: #333;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 14px;
  text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  background-color: #eeeeee;
  outline: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  padding: 0.375em;
  width: 100%;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  outline: 0;
}

select {
  display:block;
  padding: 0.175em 0.375em;
}
.post-password-form {
  position: relative;
}

.post-password-form label {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
}

.post-password-form input[type="submit"] {
  padding: 0.7917em;
  position: absolute;
  right: 0;
  bottom: 0;
}

.page-content input[type="checkbox"],
.page-content input[type="radio"] {
  width:28px;
  height:28px;
  padding: 0;
  margin:1em 1em 1em 0;
  vertical-align: middle;
  color:#666;
}




.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
  padding: 0;
}

input[type="submit"],
button,
.normal-button {
  display:block;
  border:1px solid #666666;
  border-radius:2px;

  color:#000;
  font-weight:normal;
  text-align:center;

  background: #ffffff /* Old browsers */

  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));*/ /* Chrome,Safari4+ */
  /* background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);*/ /* Chrome10+,Safari5.1+ */
  /* background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);*/ /* IE10+ */
  /* background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);*/ /* W3C */
}
input[type="reset"] {
  display:none;
}

input#birthday_year {
  width:5em;
}
.birthday_year,
.birthday_month,
.birthday_day {
  margin:0 14px 0 0;
  display:inline-block;
  vertical-align: top;
}

.wpmem_msg {
  display:block;
  margin:0;
  padding:14px;
  border:0;
  text-align:left;
  background:#fdd;
}

/**
 * content frame
 */

/*10 324 14 324 14 324 10 */
/*10 141 14 531 14 300 10 */

body {
  width:100%;
  margin:0 auto;
  padding:0;
  border:0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.site-content {
  display:block;
  width:1000px;
  margin:0 auto;
  padding:0 14px;
  border:0;
  position:relative;
}

.content-area:after { content:" ";clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0;overflow:hidden; }
.content-area { display:inline-block;min-height: 1%; }
/*\*/
* html .content-area { height:1%; }
.content-area { display:block; }
/**/

#main {
  float:left;
  /*141 14 531 14 300*/
  display:block;
  width:531px;
  margin:0;
  padding:0 14px 14px 155px;
  border:0;
  position: relative;
}

body.single #main {
  width:686px;
  padding:0 14px 14px 0;
}
body.special #main,
body.series #main {
  width:100%;
  padding:0;
}

.content-side {
  float:left;
  width:300px;
  margin:0;
  border:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.home .content-side {
  padding-top:793px;  /* super-top-articles-carousel shift */
}
body.error .content-side {
  padding-top:0;
}

#gotop {
  display:none;
  position: fixed;
  bottom: 14px;
  right: 14px;
  z-index:999998;
}
#gotop a {
  display:block;
  margin:0 auto;
  padding:14px 28px;
  border:0;
  color:#000;
  font-size:16px;
  line-height: 1;
  background:#eeeeee;
  opacity:0.8;
  vertical-align: bottom;
  border-radius:2px;
}
#gotop a:hover {
  opacity:0.5;
}
#gotop a span {
  display:inline-block;
  font-size:13px;
  padding:0 4px 1px 0;
}

/**
 * Navigations & Header
 */


#header {
  display:block;
  width:100%;
  height:150px;
  margin:0 0 14px;
  padding:0;
  border:0;
  background:#333333;
  position:relative;
}

body.home #header {
  height:110px;
}
body.special #header,
body.series #header {
  height:110px;
  margin:0 0 14px;
}
#header .site-branding-container {
  display:block;
  width:100%;
  height:70px;
  margin:0;
  padding:0;
  border:0;
  position:relative;
  background:#fff;

}
#header .site-branding {
  display:block;
  width:1000px;
  height:60px;
  margin:0 auto;
  padding:0 14px;
  border:0;
  line-height: 60px;
  text-align:center;
  position:relative;
}
#header .site-title {
  display:inline-block;
  height:46px;
  margin:13px auto 11px;
  padding:0;
  border:0;
  vertical-align: middle;
}
#header .site-title a {
  display:block;
  height:46px;
  margin:auto;
  padding:0;
  border:0;
}
#header .site-title img {
  display:block;
  width:auto;
  height:44px;
  margin:0;
  padding:0;
  border:0;
}

#header .sns-status {
  display:inline-block;
  height:20px;
  margin:0 0 0 auto;
  padding:0;
  border:0;
  position:absolute;
  right:23px;
  top:29px;
}
#header .sns-status .share_button_container {
  display:inline-block;
  margin:0;
  padding:0;
  border:0;
  vertical-align: top;
}
#header .sns-status .share_button {
  float:left;
  display:block;
  margin:0 0 0 5px;
  padding:0;
  border:0;
}
#header .sns-status .share_button a {
  display:block;
  width: 28px;
  height: 28px;
  margin:0;
  padding:0;
  border:0;
  -webkit-filter: grayscale(1); /* Webkit */
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* W3C */
}
#header .sns-status .share_button.tw_share a {
  opacity: 0.65;
}
#header .sns-status .share_button a:hover {
  -webkit-filter: grayscale(0); /* Webkit */
  filter: none; /* IE6-9 */
  filter: grayscale(0); /* W3C */
}
#header .sns-status .share_button.tw_share a:hover {
  opacity: 1;
}

#header .sns-status .share_button img {
  display:block;
  width: 28px;
  height: 28px;
  margin:0;
  padding:0;
  border:0;
  border-radius:14px;
}





#header .site-nav-container {
  display:block;
  width:1000px;
  height:40px;
  margin:0 auto;
  padding:0 14px;
  border:0;
  color:#ffffff;
  position:relative;
}
#header .additional-nav-container .search-toggle {
  float: right;
  display:block;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  border:0;
  background:url(/assets/images/icon_search_w.png) no-repeat center center;
  background-size:50% 50%;
  overflow: hidden;
  border-radius:0;
}
#header .additional-nav-container .search-toggle span {
  display:block;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  border:0;
  text-indent:-9999px;
}
#header .additional-nav-container .search-toggle:hover span {
  color:#000;
  background-color:rgba(255,255,255,0.8);
}
#header .additional-nav-container .login-toggle,
#header .additional-nav-container .mypage-href {
  float: right;
  display:block;
  width:auto;
  height:40px;
  margin:0;
  padding:0;
  border:0;
  color:#ffffff;
  overflow: hidden;
  border-radius:0;
  background:none;
}

#header .additional-nav-container .login-toggle span,
#header .additional-nav-container .mypage-href span {
  display:block;
  width:auto;
  height:40px;
  color:#ffffff;
  margin:0;
  padding:0 12px;
  border:0;
  line-height:42px;
  font-size:12px;
  font-weight: normal;
}
#header .additional-nav-container a {
  float: right;
  display:block;
  width:auto;
  height:40px;
  color:#ffffff;
  margin:0;
  padding:0 12px;
  border:0;
  line-height:42px;
  font-size:12px;
  font-weight: normal;
}
#header .additional-nav-container .login-toggle:hover span,
#header .additional-nav-container .mypage-href:hover span,
#header .additional-nav-container a:hover {
  color:#000!important;
  background-color:rgba(255,255,255,0.8);
  opacity:1;
}

.loggedin,
.loggedout {
  display:none;
}

#header .additional-nav-container .loggedout,
#header .additional-nav-container .loggedin {
  float:right;
  margin:0;
  padding:0;
  border:0;
}
#header .additional-nav-container .loggedout:before,
#header .additional-nav-container .loggedin:before {
  content: ' ';
  float:left;
  display: block;
  width:1px;
  height:24px;
  margin:8px 12px 0 0;
  padding:0;
  border:0;
  background:#ffffff;
}

#header .additional-nav-container .loggedout span {
  color:rgba(255,255,255,0);
}
#header .additional-nav-container .loggedin span {
  color:rgba(255,255,255,0);
}

#global-search {
  display:none;
  width:490px;
  margin:0;
  padding:14px 14px 12px;
  border:0;
  background: rgba(255,255,255, 1);
  position:absolute;
  right:0;
  top:40px;
  z-index:999999;
}
#global-search input.search-field {
  height:32px;
  width:490px;
  margin:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#global-search input.search-submit {
  display:block;
  width:20px;
  height:20px;
  margin:0;
  padding:6px 14px 6px 6px;
  border:0;
  position:absolute;
  right:10px;
  top:14px;
  background:none;
}
#header .additional-nav-container #global-search .recent-searches {
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  list-style-type:none;
}
#header .additional-nav-container #global-search .recent-word {
  display:inline-block;
  height:1.6em;
  margin:0;
  padding:0;
  border:0;
}
#header .additional-nav-container #global-search .recent-word a {
  display:block;
  max-width:476px;
  height:1em;
  line-height:1;
  margin:6px 0;
  padding:6px;
  border:0;
  font-size:14px;
  background:#999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


#login-form {
  display:none;
  width:490px;
  margin:0;
  padding:14px;
  border:0;
  background: rgba(255,255,255, 1);
  color:#000000;
  position:absolute;
  right:0;
  top:40px;
  z-index:9999999;
}

#login-form form,
#login-form fieldset {
  display:block;
  margin:0;
  padding:0;
  border:0;
  font-size:14px;
}

#login-form input {
  display:block;
  width:490px;
  height:32px;
  margin:8px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#login-form input[type="submit"] {
  margin:16px 0 0;
  width:490px;
  height:40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#login-form .associated {
  display:block;
  margin:8px 0 0;
  padding:0;
  border:0;
}

#login-form .associated a {
  float:left;
  display:inline-block;
  width:238px;
  height:40px;
  margin:8px 0 0;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
  border: 1px solid #666666;
  color: #000000;
  line-height:40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#login-form .associated a:hover,
#login-form .associated a:focus,
#login-form .associated a:active {
  color:#000;
  background:#eeeeee;
}
#login-form .associated a:last-child {
  float:right;
}


#global-nav {
  display:block;
}
#global-nav .home-link{
  float:left;
  display:block;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  border:0;
}
#global-nav .home-link a {
  display:block;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  border0;
  font-size:12px;
  text-indent:-200px;
  background:url(/assets/images/icon_home_w.png) no-repeat center center;
  background-size:40% 40%;
}
#global-nav .home-link a:hover {
  color:#000;
  background-color:rgba(255,255,255,0.8);
  opacity:1;
}

#global-nav .type-list {
  display:block;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
#global-nav .type-list li {
  display:inline-block;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
#global-nav .type-list li a {
  display:inline-block;
  height:40px;
  margin:0;
  padding:0 20px;
  border:0;
  color:#ffffff;
  font-size:12px;
  line-height:40px;
}
#global-nav .type-list li a:hover,
#global-nav .type-list li.current-cat a {
  color:#000;
  background-color:rgba(255,255,255,0.8);
  opacity:1;
}


#global-nav .cat-list {
  display:block;
  width:141px;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
#global-nav .cat-list li {
  display:block;
  width:141px;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
#global-nav .cat-list li a {
  display:block;
  margin:0;
  padding:6px 8px;
  border-bottom:1px solid #fff;
  color:#fff;
  background:#6a6a6a;
}
#global-nav .cat-list li.current-cat a {
  color:#fff;
  background:#000000;
}

#topicpath {
  display:block;
  width:100%;
  height:39px;
  margin:0;
  padding:0;
  border-bottom:1px solid #cccccc;
  overflow:hidden;
  background:#ffffff;
}

#topicpath ul {
  display:block;
  width:1000px;
  height:39px;
  margin:0 auto;
  padding:0 14px;
  list-style-type: none;
  font-size:12px;
  line-height:39px;
}

#topicpath li {
  float:left;
  display:block;
  height:39px;
  margin:0 auto;
  padding:0;
  border:0;
  list-style-type: none;
  background:url(/assets/images/topicpath_sep.png) no-repeat 0 center;
  background-size:auto 100%;
}
#topicpath li.home {
  background:none;
}
#topicpath li a {
  display:block;
  height:39px;
  margin:0;
  padding:0 7px 0 14px;
  border:0;
  color:#999999;
}
#topicpath li.home a {
  padding:0 7px 0 0;
}
#topicpath li a:hover {
  color:#000;
}












#side-nav {
  display:block;
  width:141px;
  margin:0;
  padding:0;
  border:0;
  position:absolute;
  left:14px;
  top:0;
  background:#ffffff;
  z-index:999998;
}
body.home #side-nav {
  top:793px;  /* super-top-articles-carousel shift */
}
body.error #side-nav {
  top:0;
}
body.archive #side-nav {
  /*top:-14px;*/
}
#side-nav .cat-list {
  display:block;
  width:141px;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
#side-nav .cat-list li {
  display:block;
  width:141px;
  margin:0;
  padding:0;
  border:0;
  font-size:14px;
}
#side-nav .cat-list li a {
  display:table-cell;
  width:97px;
  height:46px;
  margin:0;
  padding:0 10px 0 34px;
  border:0;
  font-size:14px;
  line-height: 1.3;
  vertical-align: middle;
  background:url(/assets/images/icon_home.png) no-repeat 12px center;
  background-size:16px 16px;
}
#side-nav .cat-list li.current-cat a,
#side-nav .cat-list li a:hover {
  color:#000;
  background-color:rgba(0,0,0,0.1);
  opacity:1;
}
#side-nav .cat-list li.home a { background-image:url(/assets/images/icon_home.png) }
#side-nav .cat-list li.specials a { background-image:url(/assets/images/icon_specials.png) }
#side-nav .cat-list li.digital a { background-image:url(/assets/images/icon_digital.png) }
#side-nav .cat-list li.it_mobile a { background-image:url(/assets/images/icon_it_mobile.png) }
#side-nav .cat-list li.interior_home a { background-image:url(/assets/images/icon_interior_home.png) }
#side-nav .cat-list li.car_vehicle a { background-image:url(/assets/images/icon_car_vehicle.png) }
#side-nav .cat-list li.sports_outdoor a { background-image:url(/assets/images/icon_sports_outdoor.png) }
#side-nav .cat-list li.hobby a { background-image:url(/assets/images/icon_hobby.png) }
#side-nav .cat-list li.apparel_shoes_bag a { background-image:url(/assets/images/icon_apparel_shoes_bag.png) }
#side-nav .cat-list li.watch_glasses a { background-image:url(/assets/images/icon_watch_glasses.png) }
#side-nav .cat-list li.culture_foods a { background-image:url(/assets/images/icon_culture_foods.png) }
#side-nav .cat-list li.others a { background-image:url(/assets/images/icon_culture_others.png) }

#side-nav .cat-list li.audio_visual a { background-image:url(/assets/images/icon_audio_visual.png) }
#side-nav .cat-list li.outdoor_sports a { background-image:url(/assets/images/icon_outdoor_sports.png) }
#side-nav .cat-list li.fashion a { background-image:url(/assets/images/icon_fashion.png) }


#sidebar .ttl {
  display:none;
}
#sidebar p {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
#sidebar .widget_sp_image-image-link,
#sidebar .attachment-full {
  display:block;
  width:100%;
  height:auto;
  margin:14px auto 0;
  padding:0;
  border:0;
}
#sidebar .widget_sp_image-image-link img {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
#sidebar .widget_sp_image-description {
  display:block;
  margin:7px 0;
  padding:0;
  border:0;
  font-size:12px;
  text-align:center;
}
#sidebar .textwidget {
  display:block;
  margin:7px 0 14px;
  padding:0;
  border:0;
}
#sidebar .textwidget a {
  display:block;
  margin:0;
  padding:0;
  border:0;
  color:#ffffff;
  font-size:14px;
  text-align:center;
  background:#333333;
}


/**
 * content Toppage
 */



.adbox {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.adbox ins {
  background:#fff;
}
.adbox:first-child {
  margin:-14px 0 0;
}
.adbox2 {
  display:block;
  margin:14px 0;
  padding:0;
  border:0;
  font-size:0;
  text-align: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.adbox2 > div,
.adbox2 > ins {
  display: inline-block;
  margin:0 0 0 14px;
  background:#fff;
}
.adbox,
.adbox2 iframe {
  background:#fff;
}
.banner {
  margin:14px 0;
}
.banner img {
  display:block;
  margin:auto;
  padding:0;
  border:0;
}
.banner a {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.banner a:hover {
  opacity:0.8;
}

.adbox3 {
  display:block;
  margin:0 0 28px;
  padding:0;
  border:0;
  text-align: center;
}

.super-top-articles {
  display:block;
  width:1000px;
  height:324px;
  margin:0;
  padding:0;
  border:0;
  position:absolute;
  left:0px;
  top:0px;
}
.super-top-articles li {
  float:left;
  display:block;
  width:493px;
  height:324px;
  margin:0 14px 0 0;
  padding:0;
  border:0;
  overflow:hidden;
  position:relative;
}
.super-top-articles li:last-child {
  margin:0;
}
.super-top-articles li.banner {
  clear:both;
  float:none;
  width:100%;
  padding:0.8em;
}
.super-top-articles li.pt_pr {
  border:7px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
.super-top-articles li.pt_features {
  border:7px solid #aa0000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/
.super-top-articles li a {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.super-top-articles li a figure {
  display:block;
  width:493px;
  height:auto;
  margin:0;
  padding:66% 0 0 0;
  border:0;
  z-index:0;
  position:relative;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
}/*
.super-top-articles li a figure img {
  display:block;
  width:493px;
  height:auto;
  margin:auto;
  padding:0;
  border:0;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
*/
.super-top-articles li a .title-container {
  display:block;
  width:100%;
  height:120px;
  margin:auto;
  padding:0;
  border:0;
  position:absolute;
  bottom:0;
  z-index:0;

  background:url(/assets/images/mask_fade.png) no-repeat center bottom;
  background-size:100% 100%;
}

.super-top-articles li a .title {
  display:table-cell;
  height:110px;
  margin:0;
  padding:12px 7px 0;
  border:0;

  color:#ffffff;
  font-size:17px;
  font-weight:bold;
  line-height:1.4;
  z-index:10;
  vertical-align: middle;
}

.super-top-articles li a .title span {
  display:block;
  max-height:45px;
  max-width: 479px;
  margin:0;
  padding:0;
  border:0;
  overflow:hidden;
  word-wrap: break-word;
}

.super-top-articles li a .status {
  display:block;
  height:14px;
  margin:0;
  padding:0;
  border:0;

  font-size:10px;
  line-height:1.4;

  position:absolute;
  left: 8px;
  bottom: 8px;
  z-index:10;
}

.super-top-articles li a .category {
  float:left;
  display:block;
  min-width:3.0em;
  height:1.4em;
  margin:0 7px 0 0;
  padding:0 4px;
  border:0;
  color:#000;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:#ffffff;
  border-radius:2px;
}
.super-top-articles li a .category.narrow {
  letter-spacing: -1.1px;
}
.super-top-articles li a .category.specials {
  color:#fff;
  background:#f330ba;
}
.super-top-articles li a .favorite {
  float:left;
  display:block;
  width:1.8em;
  height:1.4em;
  margin:0;
  padding:0 4px;
  border:0;
  color:#000;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:url(/assets/images/icon_favorite.png) no-repeat center center;
  background-size:auto 100%;
}
.super-top-articles li a .favorite.checked {
  background-image:url(/assets/images/icon_favorited.png);
}


.super-top-articles-carousel {
  display:block;
  width:1000px;
  height:414px;
  margin:0;
  padding:0;
  border:0;
  position:absolute;
  left:0px;
  top:338px;
  /*overflow: hidden;*/
}
.super-top-articles-carousel .top_position_carousel {
  opacity:0;
  transition: opacity 300ms 0s ease;
}
.super-top-articles-carousel a {
  float: left;
  display:block;
  width:493px;
  margin:0 14px 0 0;
  padding:0;
  border:0;
  position:relative;
}
.super-top-articles-carousel a figure {
  display:block;
  width:486px;
  height:auto;
  margin:0;
  padding:66% 0 0 0;
  border:0;
  z-index:0;
  position:relative;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
}
.super-top-articles-carousel a .title-container {
  display:block;
  /*max-height:90px;*/
  margin:10px 0 7px;
  padding:0;
  border:0;
}
.super-top-articles-carousel a .title {
  display:block;
  margin:0;
  padding:0;
  border:0;
  color:#000;
  font-size:17px;
  font-weight:normal;
  line-height:1.4;
  word-wrap: break-word;
}
.super-top-articles-carousel a .status {
  display:block;
  height:14px;
  margin:0;
  padding:0;
  border:0;

  font-size:10px;
  line-height:1.4;
/*
  position:absolute;
  left: 14px;
  bottom: 114px;
  z-index:10;*/
}
.super-top-articles-carousel a .category {
  float:left;
  display:block;
  min-width:3.0em;
  height:1.4em;
  margin:0 7px 0 0;
  padding:0 4px;
  border:0;
  color:#fff;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:#999999;
  border-radius:2px;
}
.super-top-articles-carousel a .category.narrow {
  letter-spacing: -1.1px;
}
.super-top-articles-carousel a .category.specials {
  color:#fff;
  background:#f330ba;
}

.super-top-articles-carousel .slick-prev {
  left: 14px;
  top: 160px;
  z-index: 100;
}
.super-top-articles-carousel .slick-next {
  right: 32px;
  top: 160px;
  z-index: 100;
}
.slick-prev:before, .slick-next:before {
  font-size: 36px;
}
.super-top-articles-carousel .slick-dots {
  bottom: -15px;
}


.after-article-carousel {
  display:block;
  width:686px;
  height:360px;
  margin:0;
  padding:0;
  border:0;
}
.after-article-carousel .top_position_carousel {
  opacity:0;
  transition: opacity 300ms 0s ease;
}
.after-article-carousel a {
  float: left;
  display:block;
  width:397px;
  margin:0 14px 0 0;
  padding:0;
  border:0;
  position:relative;
}
.after-article-carousel a figure {
  display:block;
  width:397px;
  height:auto;
  margin:0;
  padding:66% 0 0 0;
  border:0;
  z-index:0;
  position:relative;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
}
.after-article-carousel a .title-container {
  display:block;
  /*max-height:90px;*/
  margin:10px 0 7px;
  padding:0;
  border:0;
}
.after-article-carousel a .title {
  display:block;
  margin:0;
  padding:0;
  border:0;
  color:#000;
  font-size:15px;
  font-weight:normal;
  line-height:1.4;
  word-wrap: break-word;
}
.after-article-carousel a .status {
  display:block;
  height:14px;
  margin:0;
  padding:0;
  border:0;

  font-size:10px;
  line-height:1.4;
}
.after-article-carousel a .category {
  float:left;
  display:block;
  min-width:3.0em;
  height:1.4em;
  margin:0 7px 0 0;
  padding:0 4px;
  border:0;
  color:#fff;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:#999999;
  border-radius:2px;
}
.after-article-carousel a .category.narrow {
  letter-spacing: -1.1px;
}
.after-article-carousel a .category.specials {
  color:#fff;
  background:#f330ba;
}

.after-article-carousel .slick-prev {
  left: 14px;
  top: 128px;
  z-index: 100;
}
.after-article-carousel .slick-next {
  right: 32px;
  top: 128px;
  z-index: 100;
}
.slick-prev:before, .slick-next:before {
  font-size: 36px;
}
.after-article-carousel .slick-dots {
  bottom: -15px;
}





.top-articles {
  display:block;
  width:531px;
  margin:0;
  padding:793px 0 0 0;  /* super-top-articles-carousel shift */
  border:0;
  list-style-type: none;
}
.top-articles li {
  float:left;
  display:block;
  width:177px;
  height:177px;
  margin:0;
  padding:0;
  border:0;
  overflow:hidden;
  position: relative;
}
.top-articles li.double {
  width:354px;
  height:354px;
}
.top-articles li.right {
  float:right;
}
.top-articles li.pt_pr {
  border:7px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.top-articles li a {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.top-articles li a figure {
  display:block;
  width:177px;
  height:auto;
  margin:0;
  padding:100% 0 0 0;
  border:0;
  z-index:0;
  position:relative;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
}
.top-articles li.double a figure {
  width:354px;
}/*
.top-articles li a figure img {
  display:block;
  width:177px;
  height:auto;
  margin:auto;
  padding:0;
  border:0;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.top-articles li.double a figure img {
  display:block;
  width:354px;
  height:auto;
  margin:auto;
  padding:0;
  border:0;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
*/
.top-articles li a .title-container {
  display:block;
  width:100%;
  height:90px;
  margin:auto;
  padding:0;
  border:0;
  position:absolute;
  bottom:0;
  z-index:0;

  background:url(/assets/images/mask_fade.png) no-repeat center bottom;
  background-size:100% 100%;
}

.top-articles li a .title {
  display:table-cell;
  height:90px;
  margin:0;
  padding:3px 7px 0;
  border:0;

  color:#ffffff;
  font-size:14px;
  font-weight:normal;
  line-height:1.2;
  z-index:10;
  vertical-align: middle;
}
.top-articles li a .title span {
  display:block;
  max-height:33px;
  margin:0;
  padding:0;
  border:0;
  overflow:hidden;
}

.top-articles li a .status {
  display:block;
  height:1.4em;
  margin:0;
  padding:0;
  border:0;

  font-size:10px;
  line-height:1.4em;

  position:absolute;
  left: 8px;
  bottom: 8px;
  z-index:10;
}

.top-articles li a .category {
  float:left;
  display:block;
  min-width:3.0em;
  height:1.4em;
  margin:0 0.8em 0 0;
  padding:0 4px;
  border:0;
  color:#000;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:#ffffff;
  border-radius:2px;
}
.top-articles li a .category.narrow {
  letter-spacing: -1.1px;
}
.top-articles li a .category.specials {
  color:#fff;
  background:#f330ba;
}
.top-articles li a .favorite {
  float:left;
  display:block;
  width:1.8em;
  height:1.4em;
  margin:0;
  padding:0 4px;
  border:0;
  color:#000;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:url(/assets/images/icon_favorite.png) no-repeat center center;
  background-size:auto 100%;
}
.top-articles li a .favorite.checked {
  background-image:url(/assets/images/icon_favorited.png);
}

@-webkit-keyframes nowloading {
  0%   { opacity:0; }
  50%  { opacity:0.5; }
  100% { opacity:0; }
}
@keyframes nowloading {
  50%   { opacity:0; }
}
#nowloading img {
  display:block;
  width:25%;
  height:auto;
  margin:auto;
  padding:0;
  border:0;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}


/**
 * list content
 */

.site-content .page-header  {
  display:block;
  margin:0 0 28px;
  padding:0 0 0 21px;
  border:0;
  background:url(/assets/images/icon_ttl.gif) no-repeat left center;
  background-size:5px 100%;
}
.site-content .list-title,
.site-content .page-title {
  display:block;
  min-height:46px;
  margin:0;
  padding:0;
  border:0;
  font-size:24px;
  line-height:46px;
  font-weight:bold;
}
.site-content .list-title2 {
  display:block;
  margin:0 0 1rem;
  padding:0.4rem 0;
  border:0;
  background:#666666;
  color:#ffffff;
  font-size:2.4rem;
  font-weight:normal;
  text-align: center;
}
.site-content .list-cotitle {
  display:block;
  margin:1rem 0;
  padding:0.3rem 0;
  border:0;
  background:#999999;
  color:#ffffff;
  font-weight:normal;
  text-align: center;
}


.ranking {
  display:block;
  margin:0;
  padding:0;
  border:0;
  position:relative;
}
.ranking a {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.ranking .headerset {
  display:block;
  margin:14px 0;
  padding:0 0 0 14px;
  border:0;
  background:url(/assets/images/icon_ttl.gif) no-repeat left center;
  background-size:5px 100%;
}
.ranking .ttl {
  display:block;
  margin:7px 0;
  padding:0;
  border:0;
  color:#000;
  font-size:18px;
  font-weight:bold;
  line-height:1.1;
}
.ranking .caption {
  display:block;
  margin:0;
  padding:0;
  border:0;
  color:#000;
  font-size:13px;
  line-height:1.1;
}
.pickup {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.pickup .headerset {
  display:block;
  margin:14px 0;
  padding:0 0 0 14px;
  border:0;
  background:url(/assets/images/icon_ttl.gif) no-repeat left center;
  background-size:5px 100%;
}
.pickup .ttl {
  display:block;
  margin:7px 0;
  padding:0;
  border:0;
  color:#000;
  font-size:18px;
  font-weight:bold;
  line-height:1.1;
}
.pickup .caption {
  display:block;
  margin:0;
  padding:0;
  border:0;
  color:#000;
  font-size:13px;
  line-height:1.1;
}
.recommend {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.recommend .headerset {
  display:block;
  margin:14px 0;
  padding:0 0 0 14px;
  border:0;
  background:url(/assets/images/icon_ttl.gif) no-repeat left center;
  background-size:5px 100%;
}
.recommend .ttl {
  display:block;
  margin:7px 0;
  padding:0;
  border:0;
  color:#000;
  font-size:18px;
  font-weight:bold;
  line-height:1.1;
}
.recommend .caption {
  display:block;
  margin:0;
  padding:0;
  border:0;
  color:#000;
  font-size:13px;
  line-height:1.1;
}

.recommend .list-banners {
  display:block;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
.recommend .list-banners li {
  display:block;
  margin:0;
  padding:0 0 14px;
  border:0;
  list-style-type: none;
}
.recommend .list-banners li a {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.recommend .list-banners li a,
.recommend .list-banners li img {
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  padding:0;
  border:0;
}



.related-posts {
  display:block;
  margin:24px 0;
  padding:0;
  border:0;
}
.related-posts .ttl {
  display:block;
  margin:14px 0;
  padding:14px 0;
  border-bottom:1px solid #cccccc;

  color:#000;
  line-height:1.1;
  font-size:24px;
  font-weight:normal;
}

.adframe-posts {
  display:block;
  margin:24px 0;
  padding:0;
  border:0;
  border-top:1px solid #cccccc;
}


.list-articles {
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
.list-articles-top-paged {
  padding:779px 0 0 0; /* super-top-articles-carousel shift */
}
.list-articles li {
  display:block;
  width:100%;
  margin:14px 0;
  padding:0 0 14px;
  border-bottom:1px solid #cccccc;
  position:relative;
  background:#ffffff;
  overflow:hidden;
}
.list-articles-information li {
  padding:0 0 10px 14px;
}
.list-articles li.special_content {
  min-height: 415px;
  background:rgba(255,255,255,0.9);
}
.list-articles li.banner {
  margin:0;
  padding:14px;
}
.list-articles li a {
  display:block;
  margin:0;
  padding:0;
  border:0;
  word-wrap:break-word;
}
.list-articles li.pt_pr a .title {
  font-size:18px;
  font-weight: bold;
}
/*
.list-articles li.pt_features a .title {
  font-size:18px;
  font-weight: bold;
}
*/
.list-articles li a figure {
  float:left;
  display:block;
  width:88px;
  height:88px;
  margin:0 14px 0 0;
  padding:0;
  border:0;
  position: relative;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
}/*
.list-articles li a figure img {
  display:block;
  width:88px;
  height:auto;
  margin:auto;
  padding:0;
  border:0;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}*/
.list-articles li .ranking {
  display:block;
  width:25%;
  height:1.6rem;
  margin:0;
  padding:0;
  border:0;
  background:#8e6010;

  color:#ffffff;
  font-size:1.0rem;
  text-align:center;
  line-height:1.6rem;
  position:absolute;
  left:-20px;
  top:35px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.list-articles li a .title-container {
  display:block;
  margin:auto;
  padding:0;
  border:0;
}

.list-articles li a .title {
  display:block;
  margin:0 0 8px;
  padding:0 0 0 104px;
  border:0;

  font-size:14px;
  font-weight:normal;
  line-height:1.2;
}

.list-articles-information li a .title {
  padding:0;
}

.list-articles-information li a .date {
  font-size:13px;
  font-weight:normal;
  line-height:2;
}
.list-articles li a .description p {
  display:block;
  margin:0 0 8px;
  padding:0 0 0 104px;
  border:0;
  color:#666666;
  font-size:14px;
  font-weight:normal;
  line-height:1.3;
}
.list-articles li a .status {
  display:block;
  margin:0;
  padding:0 0 0 104px;
  border:0;

  font-size:10px;
  line-height:1;
}

.main-list-articles.list-articles li {
  margin:0;
  padding:14px 0;
}
.main-list-articles.list-articles li a figure,
.main-list-articles.list-articles li a figure img {
  width:177px;
  height:177px;
}
.main-list-articles.list-articles li a .title {
  padding:0 0 0 191px;
  font-size:18px;
  font-weight:bold;
  line-height:1.4;
}
.main-list-articles.list-articles li a .description p {
  padding:0 0 0 191px;
  line-height:1.6;
}
.main-list-articles.list-articles li a .status {
  padding:0 0 0 191px;
}

.main-list-articles.list-articles-information li a .title {
  padding:0;
}
.main-list-articles.list-articles-information li a .description p {
  padding:0;
}
.main-list-articles.list-articles-information li a .status {
  padding:0;
}

.main-list-articles.list-articles li.pt_pr {
  background:#000;

}
.main-list-articles.list-articles li.pt_pr a figure {
  width:163px!important;
  height:177px!important;
  left:14px;
}
.main-list-articles.list-articles li.pt_pr a .description p {
  padding:0 14px 0 191px;
  color: #ffffff;
}
.main-list-articles.list-articles li.pt_pr a .title {
  color: #ffffff;
}


.main-list-articles.list-special-articles {
  display:block;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
.main-list-articles.list-special-articles li {
  margin:0;
  padding:0 0 14px;
}

.adframe-posts .main-list-articles.list-articles li a figure,
.adframe-posts .main-list-articles.list-articles li a figure img {
  width:130px;
  height:130px;
}
.adframe-posts .main-list-articles.list-articles li.pt_pr a figure {
  width:116px!important;
  height:130px!important;
  left:14px;
}
.adframe-posts .main-list-articles.list-articles li a .title {
  padding:0 0 0 144px;
  font-size:18px;
  font-weight:bold;
  line-height:1.4;
}
.adframe-posts .main-list-articles.list-articles li a .description p {
  padding:0 0 0 144px;
  line-height:1.6;
}
.adframe-posts .main-list-articles.list-articles li a .status {
  padding:0 0 0 144px;
}
.adframe-posts .main-list-articles.list-articles li.pt_pr a .title {
  padding:0 14px 0 144px;
  color: #ffffff;
}
.adframe-posts .main-list-articles.list-articles li.pt_pr a .description p {
  padding:0 14px 0 144px;
  color: #ffffff;
}


.main-list-articles.list-articles li.pt_pr a .category {
  float:left;
  display:block;
  min-width:3.0em;
  height:1.4em;
  margin:0 0.8em 0 0;
  padding:0 4px;
  border:0;
  color:#000;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:#ffffff;
  border-radius:2px;
}
.main-list-articles.list-articles li.pt_pr a .category.narrow {
  letter-spacing: -1.1px;
}
.main-list-articles.list-articles li.pt_pr a .category.specials {
  color:#fff;
  background:#f330ba;
}
.main-list-articles.list-articles li.pt_pr a .favorite {
  float:left;
  display:block;
  width:1.8em;
  height:1.4em;
  margin:0;
  padding:0 4px;
  border:0;
  color:#000;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:url(/assets/images/icon_favorite.png) no-repeat center center;
  background-size:auto 100%;
}
.main-list-articles.list-articles li.pt_pr a .favorite.checked {
  background-image:url(/assets/images/icon_favorited.png);
}
/*
.main-list-articles.list-articles li.pt_features a {
  padding:0;
  border:7px solid #aa0000;
}
.main-list-articles.list-articles li.pt_features a figure {
  width:177px;
  height:177px;
  margin:0 7px 0 0;
  left:0;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.main-list-articles.list-articles li.pt_features a figure img {
  width:177px!important;
  height:177px!important;
  margin:0 auto;
  left:-14px;
}
.main-list-articles.list-articles li.pt_features a .title {
  padding:14px 14px 0 0;
}
.main-list-articles.list-articles li.pt_features a .description p {
  padding:0 14px 0 0;
}
.main-list-articles.list-articles li.pt_features a .status {
  padding:0 14px 0 0;
} 
*/

.list-articles li a .category {
  float:left;
  display:block;
  min-width:3.0em;
  height:1.4em;
  margin:0 0.8em 0 0;
  padding:0 4px;
  border:0;
  color:#ffffff;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:#999999;
  border-radius:2px;
}
.list-articles li a .category.narrow {
  letter-spacing: -1.1px;
}
.list-articles li a .category.specials {
  color:#fff;
  background:#f330ba;
}

.list-articles li a .favorite {
  float:left;
  display:block;
  width:1.8em;
  height:1.4em;
  margin:0;
  padding:0 4px;
  border:0;
  color:#000;
  font-size:10px;
  font-weight:normal;
  line-height:1.5;
  text-align: center;
  background:url(/assets/images/icon_favorite2.png) no-repeat center center;
  background-size:auto 100%;
}
.list-articles li a .favorite.checked {
  background-image:url(/assets/images/icon_favorited.png);
}



.tag-ranking {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.tag-ranking .headerset {
  display:block;
  margin:14px 0;
  padding:0 0 0 14px;
  border:0;
  background:url(/assets/images/icon_ttl.gif) no-repeat left center;
  background-size:5px 100%;
}
.tag-ranking .ttl {
  display:block;
  margin:7px 0;
  padding:0;
  border:0;
  color:#000;
  font-size:18px;
  font-weight:bold;
  line-height:1.1;
}
.tag-ranking .caption {
  display:block;
  margin:0;
  padding:0;
  border:0;
  color:#000;
  font-size:13px;
  line-height:1.1;
}

.site-main .tag-ranking {
  margin:24px 0;
}
.site-main .tag-ranking .ttl {
  display:block
  margin:14px 0;
  padding:14px 0;
  border-bottom:1px solid #cccccc;
  font-size:24px;
  font-weight:normal;
}


.list-tags {
  display:block;
  margin:0;
  padding:7px 0 0;
  border:0;
  list-style-type: none;
  line-height:1;
}
.list-tags li {
  float:left;
  display:block;
  margin:0 7px 7px 0;
  padding:0;
  border:0;
}
.list-tags li a {
  display:block;
  margin:0;
  padding:0.4em 2em;
  border:1px solid #999999;
  font-size:12px;
  line-height:1.4;
  background:#ffffff;0;
  border-radius:2px;
}
.cat-list {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.cat-list .ttl {
  display:block;
  margin:0;
  padding:7px 0;
  border-top:1px solid #999999;
  font-weight:normal;
  text-align: center;
}
.cat-list .list-cats {
  display:block;
  margin:0;
  padding:0;
  border-bottom:1px solid #999999;
  list-style-type: none;
  font-size:1.2rem;
  line-height: 1;
}
.cat-list .list-cats li {
  float:left;
  display:block;
  width:50%;
  margin:0 0 -1px 0;
  padding:0;
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
  list-style-type: none;
  font-size:1.2rem;
  line-height: 3.2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow:hidden;
}
.cat-list .list-cats li:nth-child(odd) {
  border-right:1px solid #999999;
}
.cat-list .list-cats li a {
  display:block;
  margin:0;
  padding:0 0 0 7px;
  border:0;
}
.cat-list .list-cats li a:hover,
.cat-list .list-cats li a:focus,
.cat-list .list-cats li a:active {
  color:#000;
  background:#eeeeee;
}

.type-list {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.type-list a {
  display:block;
  margin:7px;
  padding:0;
  border:0;
}
.type-list a img {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
}

.ad {
  display:block;
  margin:1.6rem 0;
  padding:0;
  border:0;
  text-align:center;
}

.login-container {
  display:block;
  margin:0;
  padding:0;
  border:0;
}

.login-container a {
  display:block;
  margin:24px 8px;
  padding:0;
  border:1px solid #666666;
  border-radius:2px;

  font-size:1.8rem;
  line-height:2em;
  text-align:center;
}

.sns {
  display:block;
  margin:7px 0;
  padding:7px 0;
  border:0;
}
.sns .ttl {
  display:block;
  margin:0;
  padding:0.3rem 0;
  border:0;
  font-size:1.3rem;
  font-weight:normal;
  text-align: center;
}
.sns a {
  float:left;
  display:block;
  width:50%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sns a:nth-child(even) {
  padding-right:1px;
}
.sns a:nth-child(odd) {
  padding-left:1px;
}
.sns a img {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
}

.cat-more-read {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.cat-more-read-button {
  display:block;
  min-height:7px;
  margin:0;
  padding:0;
  border:0;
}
.cat-more-read-button a {
  display:block;
  margin:24px 8px;
  padding:0;
  border:1px solid #666666;
  border-radius:2px;

  font-size:1.8rem;
  line-height:2em;
  text-align:center;
}

/**
 * Posts and pages
 */

.pagination {
  display:block;
  width:100%;
  margin:14px auto 0;
  padding:0;
  border:0;
  text-align:center;
}
.pagination .page-numbers {
  display:inline-block;
  width:44px;
  height:44px;
  margin:0;
  padding:0;
  border:1px solid #cccccc;
  font-size:14px;
  line-height:44px;
  border-radius:2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  color:#000000;
  border:1px solid #666666;
}
.pagination .page-numbers.dots {
  margin:0 7px;
  border:0;
}
.pagination .next,
.pagination .prev {
  text-indent: -9999px;
  position:relative;
}
.pagination .next:after,
.pagination .prev:after {
  content:'>';
  display:block;
  width:44px;
  height:44px;
  margin:0;
  padding:0;
  border:0;
  text-indent:0;
  font-size:20px;
  color:#999999;
  position:absolute;
  left:0;
  top:0;
}
.pagination .prev:after {
  content:'<';
}


.favorite-status {
  display:block;
  width:450px;
  margin:42px auto 14px;
  padding:0;
  border:0;
  text-align:center;
  
}
.favorite-status .favorite {
  display:block;
  height:36px;
  margin:0;
  padding:0;
  border:0;
  text-align:center;
  
  font-size:1.6rem;
  line-height:1;
}
.favorite-status .favorite a {
  display:block;
  margin:0;
  padding:10px 0;
  border:0;
  
  font-size:16px;
  line-height:1;
  text-align:center;
  background:#dddddd;
  border-radius:2px;
}
.favorite-status .favorite a span {
  display:inline-block;
  margin:0;
  padding:0 0 0 24px;
  border:0;
  
  background:url(/assets/images/icon_favorite2.png) no-repeat left center;
  background-size:auto 100%;
}
.favorite-status .favorite.checked a span {
  background-image:url(/assets/images/icon_favorited.png);
}
.favorite-status .favorite a.remove         { display:none; }
.favorite-status .favorite a.add            { display:block; }
.favorite-status .favorite.checked a.remove { display:block; }
.favorite-status .favorite.checked a.add    { display:none; }


.entry-content,
.entry-summary,
.page-content,
.comment-content {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
  display: block;
  margin: 28px 0 56px;
  padding: 0;
  border: 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
}

.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
  font-size: 20px;
  line-height: 1.3;
  margin: 28px 0;
  padding:0;
  font-weight:bold;
}

.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
  font-size: 17px;
  line-height: 1.3;
  margin: 28px 0;
  padding:0;
  font-weight:bold;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
  font-size: 17px;
  line-height: 1.3;
  margin: 28px 0;
  padding:0;
  font-weight:bold;
}

.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
  text-transform: uppercase;
}

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child,
.entry-summary > h1:first-child,
.entry-summary > h2:first-child,
.entry-summary > h3:first-child,
.entry-summary > h4:first-child,
.entry-summary > h5:first-child,
.entry-summary > h6:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child,
.page-content > h4:first-child,
.page-content > h5:first-child,
.page-content > h6:first-child,
.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
  margin-top: 0;
}
.entry-content p,
.entry-summary p,
.page-content p,
.comment-content p {
  font-size:17px;
  display:block;
  margin:14px 0;
  padding:0 14px;
  border:0;
}
.entry-content p.wide,
.entry-summary p.wide,
.page-content p.wide,
.comment-content p.wide {
  padding:0;
}

.entry-content .note,
.entry-summary .note,
.page-content .note,
.comment-content .note {
  text-indent: -1em;
  padding-left:1em;
}

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a {
  border-bottom: 1px solid #333;
}

/*
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus {
  border-bottom: 0;
}
*/
.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
  display: block;
}

.entry-content .wrapper-more-link {
  clear:both;
  display:block;
  margin:1em auto 0;
  padding:0;
  border:0;
  text-align:center;
}

.entry-content .more-link,
.entry-content .more-link:hover {
  display:inline-block;
  margin:1.0rem auto 2.0rem;
  padding:0.4em 2em;
  border:1px solid #999999;
  border-radius:2px;
}
.entry-content .wrapper-more-link .arrow {
  font-size:10px;
  color:#666666;
  margin-left:4px;
  position: relative;
  top:-3px;
}
.entry-content iframe {
  display:block;
  margin:0.4em auto 1.6em;
  padding:0;
  border:0;
}
.single {
  display:block;
  margin:0;
  padding:0;
  border:0;
}

.entry-header {
  display:block;
  margin:0;
  padding:0;
}

.entry-title {
  display:block;
  margin:28px 0 56px;
  padding:0;
  border:0;
  font-size: 24px;
  line-height: 1.4;
  font-weight:bold;
  word-wrap: break-word;
}
.entry-title-wide {
  margin:28px 0;
}
.entry-header  time {
  display:block;
  margin:0;
  padding:0;
  border:0;
  font-size:14px;
}
.entry-header .status {
  display:block;
  height:20px;
  margin:0 0 42px;
  padding:0;
  border:0;
  font-size:12px;
}

.entry-header .status .category {
  float:left;
  display:block;
  min-width:3em;
  height:20px;
  margin:0 14px 0 0;
  padding:0 4px;
  border:0;
  color:#ffffff;
  font-size:12px;
  font-weight:normal;
  line-height:1.6;
  text-align: center;
  background:#999999;
  border-radius:2px;
}
.entry-header .status .category.narrow {
}
.entry-header .status .category.specials {
  color:#fff;
  background:#f330ba;
}
.entry-header .status .category a,
.entry-header .status .category a:hover,
.entry-header .status .category a:focus {
  color:#ffffff;
}
.entry-header .status .favorite-status {
  float:right;
  width:300px;
  display:block;
  margin:0;
  padding:0;
  border:0;

}
.entry-header .status .favorite-status .favorite {
  margin:-16px 0 0 0;
}
.eye-catch {
  display:block;
  width:px;
  height:px;
  margin:0 0 2rem;
  padding:0;
  border:0;
}

.eye-catch img {
  display:block;
  width:auto;
  height:auto;
  margin:0 auto;
  padding:0;
  border:0;
}

.entry-content,
.entry-summary {
  font-size:1.0rem;
  padding:0;
}

.search-summary {
  display:block;
  width:px;
  height:px;
  margin:7px 0 0;
  padding:0 7px 1.6rem;
  border-bottom:1px solid #eeeeee;
  text-align: center;
}

.sns-status {
  display:block;
  margin: 14px 0;
  padding:0;
  border:0;
  text-align:center;
}
.sns-status .share_button_container {
  display:inline-block;
  margin:0;
  padding:0;
  border:0;
  vertical-align: top;
}

.sns-status .share_button {
  float:left;
  display:block;
  margin:0 7px;
  padding:0;
  border:0;
}
.sns-status .share_button a:hover {
  display:block;
  margin:0;
  padding:0;
  border:0;
  opacity: 0.8;
}
.sns-status .share_button img {
  display:block;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  border:0;
  border-radius: 20px;
}
.sns-status .share_button iframe {
  display:block;
  margin:0;
  padding:0;
  border:0;
}



/**
 * Mypage
 */
.mypage-header {
  display:block;
  margin:0;
  padding:0;
  border:0;
  position: relative;
}

.mypage-header .search-form form {
  float:left;
  display:block;
  width:75%;
  margin:0 0 12px;
  padding:0;
  border:0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mypage-header input.search-field {
  width:100%;
  margin:0 0 14px;
}
.mypage-header input.search-submit {
  display:block;
  width:1.2em;
  height:1.2em;
  margin:0;
  padding:0;
  border:0;
  position:absolute;
  right:0.4em;
  top:0.4em;
  background:none;
}
.mypage-header .category-select-toggle {
  float:left;
  display:block;
  min-width:33px;
  width:9%;
  height:1px;
  margin:0 0 0 2%;
  padding:32px 0 0;
  border:0;
  line-height: 2;
  cursor:pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background:url(/assets/images/icon_category_select.gif) no-repeat center center;
  background-size:auto 100%;
  overflow:hidden;
}
.mypage-header .setting {
  float:right;
  display:block;
  min-width:33px;
  width:9%;
  height:33px;
  margin:0;
  padding:0;
  border:0;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow:hidden;
}
.mypage-header .setting a {
  display:block;
  min-width:33px;
  width:100%;
  height:1px;
  margin:0;
  padding:32px 0 0;
  border:0;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background:url(/assets/images/icon_setting.gif) no-repeat center center;
  background-size:auto 100%;
  overflow:hidden;
}
.mypage-header .category-select-nav {
  display:none;
  width:100%;
  margin:7px 0 0;
  padding:0 7px 7px;
  border:0;
  background:#6a6a6a;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:absolute;
  left:0;
  top:110px;
  z-index:999998;
}
.mypage-header .category-select-nav .cat-list {
  display:block;
  margin:8px 0;
  padding:0;
  border:0;
  list-style-type: none;
  font-size:1.4rem;
}
.mypage-header .category-select-nav .type-list {
  display:block;
  margin:8px 0 2px;
  padding:0;
  border:0;
  list-style-type: none;
  font-size:1.4rem;
}
.mypage-header .category-select-nav .cat-list li,
.mypage-header .category-select-nav .type-list li {
  display:block;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
.mypage-header .category-select-nav .cat-list li a,
.mypage-header .category-select-nav .type-list li a {
  display:block;
  margin:0;
  padding:6px 8px;
  border-bottom:1px solid #6a6a6a;
  color:#000000;
  background:#ffffff;
}
.mypage-header .category-select-nav .cat-list li.current-cat a,
.mypage-header .category-select-nav .type-list li.current-cat a {
  color:#000000;
  background:#6a6a6a;
}


.page-header .return-mypage-nav {
  float:right;
  display:block;
  height:33px;
  margin:7px 0;
  padding:0;
  border:0;
  line-height: 2;
  overflow:hidden;
}
.page-header .return-mypage-nav a {
  float:right;
  display:block;
  min-width:33px;
  width:9%;
  height:1px;
  margin:0;
  padding:32px 0 0;
  border:0;
  line-height: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background:url(/assets/images/icon_close.gif) no-repeat center center;
  background-size:auto 100%;
  overflow:hidden;
}

/**
 * Footer
 */

#footer {
  display:block;
  margin:14px 0 0;
  padding:0;
  border:0;
  color: #ffffff;
  background:#333333;
}

#footer .site-info {
  display:block;
  width:1000px;
  margin:28px auto 0;
  padding:0 10px 28px ;
  border:0;

  font-size: 12px;
  line-height: 1.5;
  text-align: left;
}

#footer .site-info p {
  display:inline-block;
  margin:0 auto 14px;
  padding:0;
  border:0;
  color:#ffffff;
}
#footer .site-info a {
  display:block;
  margin:0;
  padding:0;
  border:0;
  color:#ffffff;
}
#footer .footer-contents {
  display:block;
  width:1000px;
  margin:0 auto;
  padding:14px 10px;
  border:0;
}
#footer .footer-contents .page-list {
  float:left;
  display:block;
  width:25%;
  margin:0;
  padding:0;
  border:0;
  list-style-type: none;
}
#footer .footer-contents .page-list li {
  display:block;
  margin:0;
  padding:0;
  border:0;
  font-size:15px;
  line-height:2;
}
#footer .footer-contents .page-list li a {
  display:inline-block;
  margin:0;
  padding:0;
  borde:0;
  color:#ffffff;
}
#footer .footer-contents .cat-list {
  float:none;
  display:block;
  width:90%;
  margin:14px 0 0;
  padding:0 0 0 14px;
  border:0;
  list-style-type: none;
  font-size:13px;
  line-height:1.6;
}
#footer .footer-contents .cat-list li {
  display:block;
  margin:0;
  padding:0;
  border:0;
  font-size:13px;
  line-height:1.6;
}
#footer .footer-contents .cat-list li a {
  display:inline-block;
  margin:0;
  padding:0;
  borde:0;
  color:#ffffff;
}


/*
Plugin Name: EL-Gallery
*/

figure.el_gallery {
  overflow:hidden;
  width:100%;
  margin:3rem 0;
}
figure.el_gallery .el_gallery-slideshow_wrapper .el_nav {
  display:none;
}
figure.el_gallery .el_gallery-slideshow_wrapper .el_nav a {
  position:absolute;
  top:0;
  height:100%;
  width:16.66%;
  transition:opacity .6s, filter .6s;
  opacity:0;
  filter:alpha(opacity=0);
  overflow:hidden;
  cursor:pointer;
  text-indent:-9999px;
  z-index:7;
  border:0;
  text-decoration:none;
}
figure.el_gallery .el_gallery-slideshow_wrapper .el_nav a:hover, figure.el_gallery .el_gallery-slideshow_wrapper .el_nav a:active {
  opacity:1;
  filter:alpha(opacity=100);
  border:0;
  text-decoration:none;
}
figure.el_gallery .el_gallery-slideshow_wrapper .el_nav a.el_nav-left {
  left:0;
  background:linear-gradient(to left, rgba(255,255,255,0), #fff);
}
figure.el_gallery .el_gallery-slideshow_wrapper .el_nav a.el_nav-left span {
  position:absolute;
  top:50%;
  left:10px;
  height:0;
  width:0;
  margin-top:-40px;
  border-top:40px solid transparent;
  border-bottom:40px solid transparent;
  border-right:40px solid rgba(0,0,0,.5);
}
figure.el_gallery .el_gallery-slideshow_wrapper.el_gallery_light .el_nav a.el_nav-left span {
  border-right:40px solid rgba(255,255,255,.6);
}
figure.el_gallery .el_gallery-slideshow_wrapper .el_nav a.el_nav-right {
  right:0;
  background:linear-gradient(to right, rgba(255,255,255,0), #fff);
}
figure.el_gallery .el_gallery-slideshow_wrapper .el_nav a.el_nav-right span {
  position:absolute;
  top:50%;
  right:10px;
  height:0;
  width:0;
  margin-top:-40px;
  border-top:40px solid transparent;
  border-bottom:40px solid transparent;
  border-left:40px solid rgba(0,0,0,.5);
}
figure.el_gallery .el_gallery-slideshow_wrapper.el_gallery_light .el_nav a.el_nav-right span {
  border-left:40px solid rgba(255,255,255,.6);
}
figure.el_gallery .el_gallery-slideshow_wrapper {
  display:block;
  position:relative;
  width:100%;
  height:250px;
  margin:0 0 7px;
}
figure.el_gallery .el_gallery-slideshow_wrapper .el_loading {
  position:absolute;
  top:50%;
  left:50%;
  font-size:117px;
  margin:-85px 0 0 -50px;
}
figure.el_gallery .el_gallery-slideshow_wrapper a.el_pause {
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  margin:-25px 0 0 -25px;
    height:50px;
    width:50px;
    cursor:pointer;
    opacity:.2;
  filter:alpha(opacity=20);
  color:rgba(0,0,0,.8);
  font-size:30px;
  text-indent:0;
  text-align:center;
  line-height:50px;
  text-shadow:0 0 4px rgba(255,255,255,.5),  0 0 20px #FFF;
    z-index:7;
  overflow:visible;
}
figure.el_gallery .el_gallery-slideshow_wrapper.el_gallery_light a.el_pause {
  color:rgba(255,255,255,.8);
  text-shadow:0 0 4px rgba(0,0,0,.5), 0 0 20px #000;
}
figure.el_gallery .el_gallery-slideshow_wrapper:hover a.el_pause {
  display:block;
    opacity:.6;
  filter:alpha(opacity=60);
}
figure.el_gallery .el_gallery-slideshow_wrapper a.el_pause:hover, figure.el_gallery .el_gallery-slideshow_wrapper a.el_pause:focus {
    opacity:1;
  filter:alpha(opacity=100);
}
figure.el_gallery .el_gallery-slideshow_wrapper a.el_pause:active {
  transition:opacity .2s, filter .2s;
    opacity:.8;
  filter:alpha(opacity=80);
}
figure.el_gallery .el_gallery-slideshow_wrapper .el_nav.loading a {
  display:none;
}
figure.el_gallery .el_gallery-slideshow_wrapper img {
  display:none;
  position:absolute;
  top:3rem;
  left:0;
  width:100%;
}

figure.el_gallery .el_gallery-slideshow_wrapper .caption {
  display:none;
  width:100%;
  height:auto;
  margin:0;
  padding:7px;
  border:0;
  font-size:1.6rem;
  line-height:1;

  position:absolute;
  top:0;
  left:0;
  z-index:10;
}

figure.el_gallery .el_gallery-slideshow_wrapper .el-stack {
  font-size:50%;
}
figure.el_gallery .el_gallery-slideshow_wrapper .el-stack .el-icons-stack-1x {
  font-size:60%;
  color:#fff;
  line-height:4.6em;
}

figure.el_gallery figcaption.el_gallery-thumbnails_wrapper {
  display:block;
  margin:0 auto;
  padding:7px;
}
figure.el_gallery figcaption.el_gallery-thumbnails_wrapper img {
  float:left;
  display:block;
  width:16.66%;
  height:auto;
  margin:0;
  padding:0;
  border:0;

  transition:opacity .6s, filter .6s;
  opacity:1;
  filter:alpha(opacity=100);
  overflow:hidden;
  cursor:pointer;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
figure.el_gallery figcaption.el_gallery-thumbnails_wrapper img.current {
  opacity:0.6;
  filter:alpha(opacity=60);
  border:3px solid #333333;
}
figure.el_gallery figcaption.el_gallery-thumbnails_wrapper img:hover, figure.el_gallery figcaption.el_gallery-thumbnails_wrapper img:active {
  opacity:1;
  filter:alpha(opacity=100);
  box-shadow:1px 1px 4px #000;
}
figure.el_gallery figcaption.el_gallery-thumbnails_wrapper.el_gallery_light img:hover, figure.el_gallery figcaption.el_gallery-thumbnails_wrapper.el_gallery_light img:active {
  box-shadow:1px 1px 4px #fff;
}

iframe[name="google_conversion_frame"] {
  position:absolute;
  top:0;
}

.gallery-nav a,
.gallery-nav span {
  font-size:14px;
}


/* special */

.special-header {
  display:block;
  width:100%;
  min-width: 1000px;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  position: relative;
}

.special-header .ttl {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:60px 0;
  border:0;
  font-size:60px;
  font-weight:bold;
  text-align: center;
  line-height: 1.1;
  position: absolute;
  opacity: 0;
}
.special-header .header-lead {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:14px;
  border:0;
  font-size:18px;
  font-weight:500;
  line-height: 1.6;
  position: absolute;
  bottom:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.special-header .header-lead-inner {
  width:1000px;
  margin:0 auto;
  padding:0;
  border:0;
}


.series-header .header-lead {
  margin-top:14px;
  position: relative;
  text-align: center;
}





.special-header .header-img {
  display:block;
  width:100%;
  height:auto;
  max-height: 500px;
  margin:0;
  padding:0;
  border:0;
  overflow:hidden;
}
.special-header-fixed {
  position: relative;
  overflow: hidden;
}
.header-bg-img {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  position: absolute;
  /* 輪郭がぼやけてしまうのでブラー範囲を広げる */
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
  filter: blur(15px);
  background-size: cover;
  z-index: -1;
  opacity:0.6;
}
.special-header.special-header-fixed .header-img {
  display:block;
  width:1000px;
  height:auto;
  max-height: auto;
  margin:0 auto;
  padding:0;
  border:0;
  overflow:hidden;
}

.special-header .header-img {
  display:block;
  width:100%;
  height:auto;
  max-height: 500px;
  margin:0;
  padding:0;
  border:0;
  overflow:hidden;
}
.special-header .header-img img {
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  padding:0;
  border:0;
}




.special_posts {
  display:block;
  width:100%;
  height:auto;
  margin:14px 0 0;
  padding:0;
  border:0;
}
.series_posts {
  display:block;
  width:100%;
  height:auto;
  margin: 0;
  padding:0;
  border:0;
}
.special_posts:before, .special_posts:after {content:' '; display:table;}
.special_posts:after {clear:both;}
.special_posts {*zoom: 1;}

.special_posts a {
  text-decoration: none;
}
.special_posts .special_post {
  float:left;
  display:block;
  width:493px;
  margin:0 14px 14px 0;
  padding:324px 0 0 0;
  border:0;
  border-top:0;
  box-sizing: border-box;
  position:relative;
  overflow:hidden;
  /*background:#fff;*/
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.series_posts .special_post {
  float:left;
  display:block;
  width:324px;
  margin:0 14px 14px 0;
  padding:324px 0 0 0;
  border:0;
  border-top:0;
  box-sizing: border-box;
  position:relative;
  overflow:hidden;
  /*background:#fff;*/
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.series .special_posts .special_post:nth-child(even) {
  margin:0 0 14px;
}
.series .series_posts .special_post:nth-child(even) {
  margin:0 14px 14px 0;
}
.series .series_posts .special_post:nth-child(3n) {
  margin:0 0 14px;
}

.special_posts .special_post_2:nth-child(even),
.special_posts .special_post_2b {
  margin:0 0 14px;
}
.special_posts .special_post_2a {
  margin:0 14px 14px 0!important;
}
.special_posts .special_post_3,
.special_posts .special_post_4 {
  margin:0 14px 14px 0;
  width:324px;
}
.special_posts .special_post_5 {
  width:324px;
  margin:0 0 14px;
}

.special_posts .special_post .special-post-permalink {
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  z-index:0;
  position:absolute;
  left:0;
  top:0;
}
.special_posts .special_post .special-post-permalink:hover {
  /*opacity:0.6;*/
  opacity: 0.95;
}

.special_posts .special_post .special-post-header {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:70px 14px 14px;
  border:0;
  z-index:-1;
  position:absolute;
  left:0;
  bottom:-10px;

  color:#fff;
  /*text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px;*/
  background: url(/assets/images/mask_fade.png) no-repeat center bottom;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .1s ease-in-out;
          transition: all .1s ease-in-out;
}
.special_posts .special_post .special-post-permalink:hover .special-post-header {
  bottom:0;
}
.special_posts .special_post .special-post-header .list-inline ul {
  list-style-type: none;
}
.special_posts .special_post .special-post-header .list-inline li {
  display: inline-block;
}

.special_posts .special_post .special-post-header .date {
  font-size: 14px;
  margin-right:1em;
}

.special_posts .special_post .special-post-header .categories-list {
  font-size: 14px;
}
.special_posts .special_post .special-post-header .categories-list .separator {
  font-size: 12px;
  margin:0 0.5em;
}
.special_posts .special_post .special-post-header {
  /*text-shadow: rgba(0,0,0,0.8) 0 0 3px;*/
}
.special_posts .special_post .special-post-header .special-post-title {
  margin:0 0 10px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2;
  max-height:2.4em;
  text-shadow: rgba(0,0,0,0.8) 0 0 3px;
  overflow: hidden;
}
.special_posts .special_post .special-post-excerpt {
  clear: both;
  display:block;
  height:1px;
  margin:0;
  padding: 10px 0 0;
  border:0;
  color:#fff;
  font-size:12px;
  line-height: 1.4;
  text-shadow: rgba(0,0,0,0.8) 0 0 3px;
  z-index:-1;
  overflow: hidden;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.special_posts .special_post .special-post-permalink:hover .special-post-excerpt {
  height:auto;
}

.special_posts .special_post .special-post-thumbnail {
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  z-index:-2;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  background-position: center center;
  background-size:cover;
}
.special_posts .special_post .special-post-thumbnail .cover {
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  position:absolute;
  left:0;
  top:0;/*
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.4) 85%);
  background:    -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.4) 85%);
  background:     -ms-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.4) 85%);
  background:      -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.4) 85%);
  background:         linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.4) 85%);*/
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color .2s ease-in-out;
          transition: background-color .2s ease-in-out;
}
.special_posts .special_post .special-post-permalink:hover .special-post-thumbnail {
  -webkit-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}
.special_posts .special_post .special-post-permalink:hover .special-post-thumbnail .cover {
  /*background-color: rgba(0, 0, 0, 0.3);*/
}

.special_posts .status {
  display:block;
  margin:0;
  padding:0;
  border:0;
  text-align: right;
}
.special_posts .status .category {
  float:right;
  display:block;
  min-width:3.0em;
  height:1.4em;
  margin:0 7px 0 0;
  padding:0 4px;
  border:0;
  color:#000;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:#ffffff;
  border-radius:2px;
  text-shadow:none;
}
.special_posts .status .category.narrow {
  letter-spacing: -1.1px;
}
.special_posts .status .category.specials {
  color:#fff;
  background:#f330ba;
}
.special_posts .status .favorite {
  float:right;
  display:block;
  width:1.8em;
  height:1.4em;
  margin:0;
  padding:0 4px;
  border:0;
  color:#000;
  font-size:10px;
  font-weight:normal;
  line-height:1.4;
  text-align: center;
  background:url(/assets/images/icon_favorite.png) no-repeat center center;
  background-size:auto 100%;
}
.special_posts .favorite.checked {
  background-image:url(/assets/images/icon_favorited.png);
}



.special-content-list {
  display:block;
  margin:0 0 14px;
  padding:0;
  border:0;
}

.special-content-list .ttl {
  display:block;
  margin:0 0 14px;
  padding:4px 8px;
  border:0;
  color:#fff;
  font-size:20px;
  font-weight:normal;
  background:#333333;
}
.special-content-list .list-articles li {
  float:left;
  display:block;
  width:240px;
  margin:0 13px 14px 0;
  padding:0;
  border:0;
}
.series-content-list .list-articles li {
  width:324px;
  margin:0 14px 14px 0;
}

.special-content-list .list-articles li:nth-child(4n) {
  margin:0 0 14px 0;
}
.special-content-list .list-articles li:nth-child(4n+1) {
  clear:both;
}

.series-content-list .list-articles li:nth-child(4n) {
  margin:0 14px 14px 0;
}
.series-content-list .list-articles li:nth-child(4n+1) {
  clear:none;
}
.series-content-list .list-articles li:nth-child(3n) {
  margin:0 0 14px 0;
}
.series-content-list .list-articles li:nth-child(3n+1) {
  clear:both;
}

.special-content-list .list-articles li a figure {
  float: none;
  display:block;
  width:240px;
  height:240px;
  margin:0;
  padding:0;
  border:0;
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
}
.series-content-list .list-articles li a figure {
  width:324px;
  height:324px;
}
/*
.special-content-list .list-articles li a figure img {
  display:block;
  width:240px;
  height:240px;
  margin:0;
  padding:0;
  border:0;
  position: relative;
}*/
.special-content-list .list-articles li a .title-container {
  display:block;
  margin:10px 0 7px;
  padding:0;
  border:0;
}
.special-content-list .list-articles li a .title-container .title {
  display:block;
  margin:0;
  padding:0;
  border:0;
}

.special-content-list .list-articles li a .description {
  display:block;
  margin:0 0 7px;
  padding:0;
  border:0;
}
.special-content-list .list-articles li a .description p {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.special-content-list .list-articles li a .status {
  display:block;
  margin:0;
  padding:0;
  border:0;
}

.entry-content p.wp-caption-text, .page-content p.wp-caption-text {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  padding: 0.5em 14px;
}


.copy-title-and-url {
  display:block;
  margin: 2.0em auto;
  padding:0;
  border:0;
  text-align: center;
}
.clipurl {
  display: inline-block;
  margin:0 auto;
  padding: 0.4em 2em 0.4em 3em;
  border: 1px solid #999999;
  border-radius: 2px;
  background:url(/assets/images/copy.png) no-repeat 1em center;
  background-size:1.2em auto;
  font-size: 17px;
  cursor: pointer;
}

.clipurl:hover {
  opacity:0.8;
}


.youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sale-item {
  display:flex;
  flex-direction:row;
  width:100%;
  margin:0;
  padding:20px;
  border:1px solid #000000;
  box-sizing: border-box;
}

.sale-item figure.item-photo {
  display:block;
  align-self:center;
  width:50%;
  margin:0;
  padding:0 10px 0 0;
  border:0;
  box-sizing: border-box;
}
.sale-item figure.item-photo img {
  display:block;
  margin:0 auto;
  padding:0;
  border:0;
}
.sale-item .item-data {
  display:block;
  align-self:center;
  width:50%;
  margin:0;
  padding:0 0 0 10px;
  border:0;
  box-sizing: border-box;
}
.sale-item .item-title {
  display:block;
  margin:0;
  padding:0;
  border:0;
  font-size:13px;
  font-weight: bold;
}

.sale-item .item-header {
  display:block;
  margin:10px 0;
  padding:10px 0;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  box-sizing: border-box;
}
.sale-item .item-product-name {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.sale-item .item-product-name-small {
  display:block;
  margin:0;
  padding:0;
  border:0;
  font-weight: bold;
}
.sale-item .item-body {
  display:block;
  margin:0 0 20px;
  padding:0;
  border:0;
  font-size:13px;
  line-height: 1.3;
}

.sale-item .item-links {
  display:block;
  margin:0 0 -12px;
  padding:0;
  border:0;
  list-style-type:none;
}
.sale-item .item-links br {
  display:none;
}
.sale-item .item-links a {
  display:block;
  margin:0 0 12px;
  padding: 12px;
  border:0;
  background: #333333;
  color: #ffffff;
  font-size:11px;
  line-height: 1;
  text-align: center;
}
.sale-item .item-links a.link-amazon{
  background:#ff9933;
}
.sale-item .item-links a.link-rakuten{
  background:#cc3333;
}
.sale-item .item-links a.link-yahoo{
  background:#6699ff;
}
.sale-item .item-links a span {
  display:inline-block;
}
.sale-item .item-links a span:before {
  display:block;
  width:0;
  height:0;
  margin:2px 0 0 -13px;
  padding:2px;
  border:0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  content: " "; 
  position: absolute;
}
.entry-content .sale-item p,
.entry-summary .sale-item p,
.page-content .sale-item p,
.comment-content .sale-item p {
  font-size:13px;
  display:block;
  margin:10px 0;
  padding:0;
  border:0;
}

/* gallary */

.gallery-container {
  display:block;
  margin:0 0 1.6em;
  padding:0;
  border:0;
  line-height: 0;
}
.gallery-nav {
  display:block;
  margin:0 0 1.6em;
  padding:0;
  border:0;
  text-align: center;
}
.gallery-nav a,
.gallery-nav span {
  display:block;
  margin:0;
  padding:10px;
  border:0;
  color:#fff;
  line-height: 1;
  font-size:12px;
}
.gallery-nav a:hover {
  color:#fff;
}
.gallery-nav .return-entry {
  display:inline-block;
  width:33%;
  margin:0;
  padding:0;
  border:0;
  background:#333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-nav .prev-item {
  display:inline-block;
  width:34%;
  min-width: 2em;
  margin:0;
  padding:0;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  background:#333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-nav .next-item {
  display:inline-block;
  width:33%;
  min-width: 2em;
  margin:0;
  padding:0;
  border:0;
  background:#333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-nav .prev-item.nbsp-item,
.gallery-nav .next-item.nbsp-item {
  /*background:none;*/
}
.gallery-item {
  display:inline-block;
  width:16.66%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  text-align:left;
}
.gallery-icon {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.gallery-icon a {
  display:block;
  margin:0;
  padding:0;
  border:0;
}
.gallery-icon a img {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  border:0;
}
.gallery-item.current-item a img{
  opacity:0.6;
  filter:alpha(opacity=60);
  border:3px solid #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-img {
  cursor: pointer;
}