@charset "UTF-8";

/*
Theme Name: showsoku003
Theme URI: 
Author: SHIZUUSAMI
Author URI: https://shizuusami.com
Description: template for showsoku
Version: 0.3
Text Domain:showsoku003
License:
License URI:
Tested up to:5.2
Requires PHP:7
*/

/*  red = #a72126 */
/*  gray = #868686 */
/*  lightgray = #efefef */

/* defualt */

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4              { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited {  }
:focus          { outline: thin dotted invert }

a:hover          { color: #a72126}

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

/* default */

.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

html{
    font-size: 62.5%;
}
body{
    font-size:1.4rem;
    line-height: 2;
    margin:0;
}
h1 {
    font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));/* 24px~36pxで可変*/
    line-height: 1.3;
    padding: .5rem;
}
h2 {
    font-size: 4rem;/* IE8以下とAndroid4.3以下用フォールバック */
}
/*
    font-size: calc(3rem + ((1vw - 0.64rem) * 0.7143));
    color: #a72126;
    letter-spacing: 0.4rem;
*/

h3{
	color:#a72126;
	margin-top:12rem;
	margin-bottom:3rem;
	text-align: center;
    font-size: 3rem;
}

p, pre, h4, h5, h6{
	color:dimgray;
}

.object-fit-img {
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

h2:before {
    content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url("./img/showsoku_eye_44px.png") no-repeat;
	background-size:contain;
    background-position: bottom;
}

/* START english */
.body-text-en{
    font-size: 1.8rem;
    line-height: 2.1rem;
}
/* END english */


body {
font-family:'Helvetica', 'Arial', YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}
.container{
	max-width:768px;
}
/*
.row{
    padding:1rem;
}
*/
header{
	background: lightgray;
}
header .row{
    max-width:initial;
}
footer{
    padding-top: 12rem;
}
footer div.menu-footermenu-container{
    width:100%;
}
footer .nav{
    padding-bottom:3rem;
}
.section + .section{
    margin-top: 12rem;
}
ul#menu-footermenu>li + li{
    border-left:1px solid Black;
}
/*
.section .row{
    padding-bottom:6rem;
}
*/

.nav{
    padding-right: 0;
}
h1, .nav a{
    color:#010101;
}
.nav a:hover{
    color:#a72126;
}

p{line-height:initial;}

.top-rogo-image {
    margin-top: 6rem;
    margin-bottom: 9rem;
}

.top-cover{
    margin-top:12rem;
}

img{
	width:100%;
    height: auto;
    align-self: flex-start;
}

.ellipse{background: #868686;
    border-radius: 50%;
    width: 3.2rem;
    text-align: center;
    font-weight: 900;
    color: white;}

.inlineblock {
	display: inline-block;
}

.deco-underline{
    border-bottom: 2px solid;
    padding-left:1rem;
    padding-right:1rem;
}
.xxx-pre-wrap{
    white-space: pre-wrap;
  overflow: auto;
}

.wpcf7{
	text-align:center;
}
.btn-primary {
    background-color: #a72126;
    border-color: #a72126;
}
/* home */
body.home a .card:hover{
    background:#efefef;
} 
body.home .card{
    border:initial;
    margin-bottom:3rem;
}
body.home .card img{
    height:150px;
    width:auto;
    object-fit:cover;
    font-family: 'object-fit: cover;'
}
body.home .card-text.post-date{
    font-size:1.2rem;
    margin:0;
}
body.home h4.card-title.blog-title{
    margin:0 0 0.5rem 0;
    font-size: 1.6rem;
}
.link-category{
    text-align:center;
}
.link-category h4{
    color:#a72126;
}
/* 3steps cards */
.card {
	border:0;
    padding:0;
}
.card-top{
	background-size: cover;
	border-top-left-radius:.2rem!important;
	border-top-right-radius:.2rem!important;
	text-align:center;
    padding:15px;
    width:100%;
}
.card-top *{
    color:#fff;
}
.card-bottom{
    padding:15px;
    background-color:#efefef;
}
.sub-en-h4{
    font-weight: bolder;
    font-size:1.4rem;
    line-height: 1.7rem;
    padding:0;
}
.deco-italic{
	font-style: italic;
}
.bigWeight{
	font-size: 5rem;
    font-weight: bolder;
}
/* Page */
.wp-block-image, .wp-block-columns {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.max-width-512{
    max-width:512px;
}

/* About page */
body.about .page-content-wrap{

}

.lead-sentence{
    color: #a72126;
    margin-top:3rem;
    font-size:1.8rem;
}

/* Founder page */
body.founder figure.wp-block-image{
    margin:0;
}
body.founder .wp-block-columns{
    width:100%;
}
body.founder figure.prof-img>img{
    height: 100%;
    object-fit:cover;
}
/* Blog page */
body.blogs .blog-top-message{
    margin-bottom:6rem;
}
body.blogs .card{
    border:initial;
    margin-bottom:3rem;
}
body.blogs .card a img{
    /*height:150px;
    width:auto;*/
    object-fit:cover;
    font-family: 'object-fit: cover;'
}
body.blogs .card-text.post-date{
    font-size:1.2rem;
    margin:0;
}
body.blogs h4.card-title.blog-title{
    margin:0 0 0.5rem 0;
    font-size: 1.8rem;
}

/* single page */
.post-link-wrap{
    text-align:center;
}
.post-link{
    padding-left:1rem;
    padding-right:1rem;
    font-size:1.6rem;
}
.post-link a{
    color: #a72126;
}
.post-link+.post-link{
    border-left: 1px solid #010101;
}
}
/* blog single */
.blog-content{
    margin-top:6rem;
    margin-bottom:6rem;
}
/* product single */
.product-main{
    margin-top:3rem;
    margin-bottom:12rem;

}
.product-gallery{

}
/* effects */

/*1.フェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}
 
/*2.上下の動きを指定*/
.updown {transform: translateY(-100px);}
.downup {transform: translateY(100px);}
 
/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform: translateX(200px);}
.slide-left {transform: translateX(-200px);}

@media (min-width: 1200px) {/* 1200px以上*/
    h1 {
        font-size: 3.6rem;/* 36px*/
    }
    h2 {
        font-size: 2.4rem;/* 24px*/
    }
}
@media (min-width: 782px){
    body.founder figure.prof-img{
        height: 462px;
    }
}
@media (max-width: 781px) and (min-width: 600px){
    .wp-block-column {
        flex-grow: 1;
    }
    body.founder figure.prof-img{
        height: 650px;
    }
}

@media screen and (max-width: 640px) {/* 640px以下*/
    h1{
        font-size: 2.4rem;/* 24px*/
        line-height: 1rem;
        padding-top: 2rem;
    }
    h3{
        font-size: 2.1rem;
    }
    .nav{
    font-size:1.0rem;
    }
    /* home */

    /* START english */
    .body-text-en{
        font-size: 1.6rem;
        line-height: 2rem;
    }
    /* END english */
    /* 3 steps card */
    body.home .card img{
        width:254px;
    }
    .card-wrap + .card-wrap{
        margin-left:0rem;
    }
    /* About page */
    body.about .sdgs-img{
        width:60%;
    }
    body.about .sdgs-text-main,
    body.about .sdgs-text-sub{
        text-align:center;
    }
    /* founder page */
    body.founder figure.prof-img{
        margin-bottom:3rem;
    }
}