@charset "utf-8";
/*
Theme Name: tanzaku edit 202102
Theme URI: http://www.tripleships.com/sample/
Description: Variable grid layout, easing effect on window resizing.
Version: 1.1.1
Author: TRIPLESHIPS Inc.
Author URI: http://www.tripleships.com/
Tags: silver, light, flexible-width, threaded-comments

Index:
- Basic Elements
- Basic Styling
- Layout
- Grid Items, Single Item and Comments
- Navigation and Sidebar Widget
- Form Elements

*/



/* ---------- Basic Elements ---------- */

body {
  background: #fffdf3;
  margin: 0;
  padding: 0;
  color: #4e4542;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
  font-size: 10px;
  line-height: 1.6;
  letter-spacing:0.1em;
  -webkit-text-size-adjust:140%;
  min-width: 900px;
}

a {
  text-decoration: none;
  color: #4e4542;
}

p a {
  text-decoration: underline;
  color: #67b0b2;
}


#sidebar a{
  text-decoration: none;
  font-weight: bold;
  letter-spacing:0.3em;
}
#sidebar2 a {
  text-decoration: none;
  font-weight: normal;
}
a:hover {
  color:#bdac9a;
  text-decoration: none;
}
#sidebar a:hover,#sidebar2 a:hover{
  text-decoration: underline;
}
a img {
  border: none;
}

h1 {
  font-size: 20px;
}


h2{
  font-size: 2em;
  margin-top: 2em;
  font-weight: normal;
}

h3,
h5,
h6 {
  font-size: 2em;
  margin-top: 2em;
  padding-left: 5px;
  font-weight: bold;
}

h4{
  font-size: 2em;
  margin:3.5em 0 1em;
  padding:3% 0 0;
  height:34px;
  width:100%;
  border-top:1px solid #4e4542;
  font-weight: normal;
}

#post-370  h4{
  background: #f7f5ea url(images/icon04.gif) no-repeat left top;

}

blockquote {
  margin: 0;
  padding: 10px;
  border-left: 5px solid #e9e9e9;
  background-color: #f9f9f9;
  color: #666666;
}

pre {
  overflow: auto;
  margin: 0;
  padding: 10px;
  background-color: #f9f9f9;
  color: #666666;
}

fieldset {
  border: 1px solid #cccccc;
  padding: 10px;
}

table {
  margin: 0 0;
  padding:0;
  border: 1px solid #999999;
}
th, td {
  font-size:px;
  padding: 4px 5px;
  /*border: 1px solid #e9e9e9;*/
}

/* ---------- Basic Styling ---------- */

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
  margin: 0 0 2px 10px;
}

.alignleft {
  float: left;
  margin: 0 10px 2px 0;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright {
  padding: 5px;
  display: inline;
}

img.alignleft {
  padding: 5px;
  display: inline;
}

.caution {
  padding: 10px;
  color: #e9e9e9;
  text-align: center;
  background-color: #cc0000;
}
noscript .caution {
  margin: 0;
}

.wp-caption {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #ffffff;
  text-align: center;
}
.wp-caption img {
  padding-top: 5px;
}

.wp-caption-text {
  margin: 5px 0;
  text-align: center;
  font-size: smaller;
  color: #666666;
}

code strong {
  color: #cc3366;
  font-weight: normal;
}


/* ---------- header ---------- */

#header {
  margin:0;
  padding: 0;
  background:#ece3d0;
}
#header h1 {
  margin: 0;
  padding:0;
}
#header h1 a{
}

#headerimage {
  margin: 0 auto;
  padding-top: 60px;
  position: relative;
  text-align: center;
  max-width: 900px;
}

#header nav.header__nav-sns {
  position: absolute;
  right: 0;
  top: 0;
}

#header nav.header__nav-sns ul {
  margin: 0;
}

#header nav.header__nav-sns ul li {
  border: none;
  padding: 0;
  margin-left: 1rem;
}

#header nav.header__nav-sns ul li a {
  font-size: 1.6rem;
}

#headerimage ul{
  list-style: none;
  padding:18px 0;
  margin:30px 0 0;
}

#headerimage ul li {
  display: inline;
  font-size:1.2em;
  padding:0 18px;
  margin:0;
  border-right:1px solid #4e4542;
}
#headerimage ul li.last{
  border-right:none;
  padding:0 0 0 18px;
}
.placeholder{
  height: 1px;
  margin:0px auto;
  clear: both;
  padding:0px;
}

.placeholder2{
  height: 1px;
  margin:0px auto 0px auto;
  clear: both;
  padding:0px;
}

#table_navi{
  list-style: none;
  list-style-type: none;
  margin: 0 0 60px 10px;
  padding-left: 0;
}

#table_navi li{
  display: block;
  overflow: hidden;
  float: left;
  margin: 0 2px 0px 0;
  width: 33px;
  padding: 0px 0 0 0;
  border: 0;
}

#table_navi li.last{
  display: block;
  overflow: hidden;
  float: left;
  margin: 0 5px 5px 0;
  width: 33px;
  padding: 0px 0 0 0;
  border: 0;
}

/* ---------- container ---------- */

#container {
  margin: auto;
  padding: 0;
}

#grid-wrapper {
  margin: 65px auto 0;
  padding: 0;
  /* padding-top: 1000px;  Prevent flicker in grid area. Check header.php. */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#single-wrapper {
  width:924px;
  text-align:left;
  margin:auto;
  padding: 0;
  /* padding-top: 1000px; for single-page effect */
}

#bottom-container {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0 0;
}

#footer-wrapper {
  background-color:#ece3d0;
  margin-top:50px;
}

#footer-wrapper .archive-navi{
  text-align:center;
}

#footer-wrapper .archive-navi h2{
  padding:50px 0 0;
  margin:0 0 0;
  background:#ece3d0;
}

#footer-wrapper .archive-navi ul{
  list-style: none;
  font-family: 'Questrial', sans-serif;
  width:100%;
  padding:30px 0 60px 0px;
  background:#ece3d0;
  margin:0;
  border-bottom:1px solid #4e4542;
}

#footer-wrapper .archive-navi ul li {
  color:#bdac9a;
  display: inline;
  font-size:2.2em;
  padding:0 15px;
}

#footer-wrapper .archive-navi ul li small{
  font-size:1em;
  color:#bdac9a;
}

#footer-wrapper .archive-navi ul li a{
  color:#4e4542;
}
#footer-wrapper .archive-navi ul li a:hover{
  color:#bdac9a;
}

#footer{
  margin:0 auto;
  padding:20px 0;
}

#footer nav.footer__nav-sns {
  display: block;
}

#footer nav.footer__nav-sns ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}

#footer nav.footer__nav-sns ul li {
  list-style-type: none;
  padding: 0.5rem;
}

#footer nav.footer__nav-sns ul li a {
  font-size: 1.6rem;
}

#footer .copyright{
  clear:both;
  text-align:center;
  padding: 20px 0 10px;
  margin: 0;
}

.post-body table{
  border:none;
}
.post-body table th{
  font-size:14px;
  background:#ece3d0;
  padding:4px 10px;
}

.post-body table td{
  font-size:12px;
  padding:8px 0px 20px;
}

#miniaturelife-shop table td{
  width:447px;
  vertical-align:top;
}

#miniaturelife-shop table td{
  width:447px;
  vertical-align:top;
}

#miniaturelife-shop h3{
  font-size:14px;
  color:#ece3d0;
  background:#4e4542;
  padding:4px 10px;
}

#miniaturelife-shop .intro p{
  margin:20px 0 40px;
}
#miniaturelife-shop .intro p strong{
  font-size:14px;
}



/* ---------- Grid Items, Single Item and Comments ---------- */

/* value = (width * n) + (15+15+5) * (n-1).
* ex.
* width=200 : 200, 425, 650, 875
* width=250 : 250, 525, 800, 1075
* width=290 : 290, 615, 940, 1265
*/
div.x1 { width:  200px; }
div.x2 { width:  425px; }
div.x3 { width:  650px; }
div.x4 { width: 875px; }

div.grid-item,
div.single-item {
  overflow: hidden;
  margin:0;
  padding:15px;
}

div.single-item h2.post-title{
  margin:0;
  padding:7% 0 2%;
  border-left: 0;
  font-weight:normal;
  font-size:2.5em;

}

div.grid-item h2.post-title{
  margin:0;
  padding:8px 0 8px;
  border-left: 0;
  font-weight:normal;
  font-size:14px;
  letter-spacing:0em;
}

div.grid-item div.grid-image {
  margin-bottom: 1em;
}

div.grid-item div.wp-caption {
  display: none;
}


div.post-body p,
div.comment-body p {
  font-size: 1.4em;
  line-height:200%;
  margin-bottom:24px;
}

div.post-body p img,
div.post-body p object {
  width: 100%;
  height:100%;
  padding: 0;
}

p.post-meta,
p.comment-meta {
  margin-bottom: 0;
}

.comment-list .navigation {
  margin: 10px 0;
}
.comment-list .navigation a {
  margin-right: 10px;
}

.comment-list ol li {
  margin: 10px 0;
}

.comment-list ol li.trackback {
  padding: 5px;
  border: 1px solid #bdac9a;
}

.comment-list ul.children {
  list-style: none;
}
.comment-list ul.children li {
  border-left: 5px solid #bdac9a;
  padding-left: 5px;
}

.comment-list li.bypostauthor {
}
.comment-list li.bypostauthor cite.fn {
  text-decoration: underline;
}

.comment-list li.comment .reply {
  margin: 10px 0 20px;
}

/* ---------- Navigation and Sidebar Widget ---------- */

/* Pagination for grid items and paginated posts */
.pagination {
  margin: 20px 0 0;
  padding:0;
  font-size: 1.8em;
  text-align: center;
}
.pagination .page-numbers.current {
  color: #bdac9a;
  font-weight: normal;
  text-decoration: none;
}
.pagination .next,
.pagination .prev {
}

.pagination .page-numbers,
.pagination .current {
  margin:0;
  height:16px;
  padding: 0px 20px;
  text-decoration: none;
  color:#4e4542;
}
/* page-numbers hover color */
a.page-numbers:hover {
  height:16px;
  text-decoration: none;
}
#post-pagination {
  margin: 1em 0;
  color: #bdac9a;
}
#post-pagination .prefix {
  color: #bdac9a;
}

/* Sidebar
* In this theme, sidebar is a horizontal line.
* Sidebar2 is a block on the bottom.
* See also "Form Elements" section.
*/
#sidebar{
  list-style: none;
  list-style-type: none;
  margin: 10px 0;
  padding-left: 0;
}

#sidebar2 {
  width:930px;
  list-style: none;
  list-style-type: none;
  margin: auto;
  padding:0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

#sidebar2 li{
  padding:0 0 20px;
}

#sidebar li {
  margin: 2px 0;

}
#sidebar li.widget h2.widgettitle {
  display: none;
}

#sidebar li.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sidebar li.widget ul li {
  display: inline;
  font-size:12px;
  padding-right: 14px;
}


li.current-cat {
  text-decoration: underline;
}

#sidebar .st-tag-cloud {
  background: url(images/title-theme.gif) no-repeat 0px 3px;
  padding-left:100px;
  min-height:24px
}

#sidebar .st-tag-cloud a{
  margin-right:8px;
  line-height:1.5em;
  letter-spacing:0.1em;
}


#sidebar2 li.widget {
  display: block;
  overflow: hidden;
  float: left;
  margin: 0 30px 50px 0;
  width: 924px;
  padding: 0px 0 0 0;
  border: 0;
}

#sidebar2 h2.widgettitle {
  margin:35px 0 30px;
  padding:0;
  text-align:center;
  font-weight:normal
}


#sidebar2 li.widget ul li {
  list-style: none;
}
#sidebar2 ul.children ul li {
  list-style: none;
}

.footer-banner{
  width:930px;
  list-style: none;
  list-style-type: none;
  margin: 40px auto;
  padding:0;
}

#miniature-life-banner{
  width:400px;
  float:left;
}

#fb-page{
  text-align:center;
}


/* ---------- Form Elements ---------- */

div.comment-form {
  margin: 0;
  padding: 0;
}

#commentform {
  margin: 0;
  padding: 0;
}
#commentform textarea {
  width: 99%;
  max-width: 405px;
}

/* for sidebar widget */

#searchform {
  width: 200px;
}
#searchform div {
  padding: 0;
  font-size: 12px;
}
#searchform label.screen-reader-text {
  display: none;
}
#searchsubmit {
  display: inline;
}

#s { /* #searchform input#s */
  width: 132px;
  margin: 0;
}


/* navi for profile&menu */
ul.profile_menu{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.profile_menu li{
  float: left;
  margin: 10px 10px 10px 0;
}

ul.profile_menu a{
  height: 136px;
  width: 136px;
}

a img:hover{
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}


/* ---------- Pages ---------- */

#post-11 .post-body,#post-370 .post-body,#post-378 .post-body{
  padding:0px;
  text-align:left;
}

body.page h2.post-title {
  margin: 30px 0 60px;
  font-size: 3em;
  text-align:center;
  text-decoration: none;
}

body.page h2.post-title a{
  text-decoration:none;
}

/* ---------- Contact ---------- */

#contact textarea{
  width: 99%;
  max-width:640px;
  min-height:300px;
}

#contact .wpcf7-text {
  width: 99%;
  max-width:400px;
  min-height:10px;
  padding:8px;
}

#contact p{
  margin-bottom:20px;
}

div.wpcf7-mail-sent-ok {
  border:none !important;;
  background:#ece3d0 !important;;
  color:#4e4542;
  font-size:12px;
  text-align:center;
  padding:20px !important;;
}

/* edit 20171228 */

img.ajax-loader {
  width: inherit !important;
  height: inherit !important;
}

.section-flexible {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  padding-bottom: 0;
  overflow: hidden;
}

.section-flexible ul {
  margin: 0;
  padding: 0 0 1rem;
}

.section-flexible ul li {
  list-style-type: none;
}

.section-flexible img {
  vertical-align: top;
}

.section-flexible.sub-page {
  padding-bottom: 20px;
}

body.page a {
  color: #4e4542;
}