/*
 Theme Name: TSD
 Template:businesspress
 Description: TSD WordPress Theme is derived from BusinessPress WordPress Theme, is distributed under the terms of the GNU GPL
 Version: 1.0.0
*/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap");

/*----------------------------------------------------------------------------------------------------------------------------------------------------

Common

----------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------------------------------ (layout) ------------------------------ */

.cnt_pc { display: block !important; }
.cnt_pc_inline { display: inline !important; }
.cnt_pc_inlineblock { display: inline-block !important; }
.cnt_pc_flex { display: flex !important; }
.cnt_pc_inlineflex { display: inline-flex !important; }
.cnt_pc_table { display: table !important; }
.cnt_sp { display: none !important; }
.cnt_sp_inline { display: none !important; }
.cnt_sp_inlineblock { display: none !important; }
.cnt_sp_flex { display: none !important; }
.cnt_sp_inlineflex { display: none !important; }
.cnt_sp_table { display: none !important; }

html {
  font-size: 100% !important;
}

html,
html:lang(ja),
body,
body:lang(ja) {
  font-family: "Montserrat", "Noto Sans JP", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  color: #333;
  letter-spacing: 0.02em;
  /*font-feature-settings: "palt" 1;*/
}

::selection {
  background-color: rgba(0,0,0,0.20);
}

code {
  padding: 15px;
}

hr {
  border-top: none;
  border-bottom: none;
  background-color: #999;
  height: 1px;
  margin: 4em auto;
}

a {
  transition: all .3s ease;
}

a:hover {
  text-decoration: none;
}

a[target="_blank"] {
  /*padding-right: 14px;
  background: url("../images/icn_new.png") right center / 11px auto no-repeat;*/
}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

pre {
  background-color: #f4f5f6;
  color: #666;
  font-family: Consolas, "Courier New", monospace;
  font-size: 100%;
  line-height: 1.4;
  margin: 0 0 1.7em;
  max-width: 100%;
  overflow: auto;
  padding: 1.5em;
  word-wrap: normal;
  border-left: 8px solid #888;
}

.page-content {
  position: relative;
}

th, td {
  word-break: break-all;
}

.site-main ul, .site-main ol {
  margin-left: 0;
  padding-left: 1.5em;
}

ul.menu,
.sidebar-area ul,
ul.menu li,
.sidebar-area ul li {
  padding-left: 0;
}

img {
  display: block;
  vertical-align: top;
}

.hide {
  display: none !important;
}

/* fadein */
.fadein {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.0s ease, transform 0.6s ease;
}

.site-bottom *.fadein,
.fadein.is-active {
  opacity: 1;
  transform: translateY(0);
}

.fadein300 { transition-delay: 0.3s; }
.fadein600 { transition-delay: 0.6s; }
.fadein900 { transition-delay: 0.9s; }
.fadein1200 { transition-delay: 1.2s; }
.fadein1500 { transition-delay: 1.5s; }
.fadein1800 { transition-delay: 1.8s; }
.fadein2100 { transition-delay: 2.1s; }
.fadein2400 { transition-delay: 2.4s; }
.fadein2700 { transition-delay: 2.7s; }
.fadein3000 { transition-delay: 3.3s; }

/* zoom */

.zoom,
.zoom .wp-block-image {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.zoom img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

a:hover .zoom img,
.zoom:hover  img {
  transform: scale(1.04);
}

.note {
  text-indent: -1em;
  padding-left: 1em;
}





/* ------------------------------ (editor-styles) ------------------------------ */

.editor-styles-wrapper *.fadein,
.site-bottom *.fadein,
.fadein.is-active {
  opacity: 1;
  transform: translateY(0);
}

.editor-styles-wrapper .hide {
  display: block !important;
  opacity: 0.5;
}

.editor-styles-wrapper .wp-block {
  max-width: 100%;
}

.editor-styles-wrapper .top_nav {
  display: none;
}

.editor-styles-wrapper .hide {
  display: none !important;
}





/* ------------------------------ (Column layout) ------------------------------ */

.site-branding,
.main-header-clone .site-branding {
  display: flex;
  gap: 30px;
  align-items: center;
  padding-right: 30px;
}

.site-title,
.main-header-clone .site-title {
  font-size: 1.2rem;
  font-weight: 500;
}

.widget {
  margin-bottom: 0;
}

.sidebar-area .widget-area .widget:first-child h4 {
  margin-top: 0;
}

.wp-block-group__inner-container *:first-child {
  margin-top: 0;
}

.wp-block-group__inner-container *:last-child {
  margin-bottom: 0;
}

.home-header-title {
  font-size: 2rem;
}

.jumbotron-title {
  font-size: 2rem;
}

.subheader {
  color: #ddd !important;
}





/* ------------------------------ (Main Header) ------------------------------ */





/* ------------------------------ (nav) ------------------------------ */





/* ------------------------------ (footer) ------------------------------ */





/* ------------------------------ (Top page) ------------------------------ */





/* ------------------------------ (Lower content) ------------------------------ */





/* ------------------------------ (xxxxxxxxxxxxxxxxxxxxxxx) ------------------------------ */

/* xxxxxxxxxxxxxxxxxxxxxxx parts */





/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

for Large Desktop

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1500px) {

}










/*----------------------------------------------------------------------------------------------------------------------------------------------------

for Tablet

----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1020px) { /* 979 */

}










/*----------------------------------------------------------------------------------------------------------------------------------------------------

for mobile

----------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 782px) {
  
/* ------------------------------ (common) ------------------------------ */

.cnt_pc { display: none !important; }
.cnt_pc_inline { display: none !important; }
.cnt_pc_inlineblock { display: none !important; }
.cnt_pc_flex { display: none !important; }
.cnt_pc_inlineflex { display: none !important; }
.cnt_pc_table { display: none !important; }
.cnt_sp { display: block !important; }
.cnt_sp_inline { display: inline !important; }
.cnt_sp_inlineblock { display: inline-block !important; }
.cnt_sp_flex { display: flex !important; }
.cnt_sp_inlineflex { display: inline-flex !important; }
.cnt_sp_table { display: table !important; }





/* ------------------------------ (Column layout) ------------------------------ */

.site-branding,
.main-header-clone .site-branding {
  gap: 0;
  padding-right: 0;
}

.site-logo,
.main-header-clone .site-logo {
  width: 160px;
}

.site-title,
.main-header-clone .site-title {
  font-size: 1rem;
  font-weight: 500;
}





/* ------------------------------ (Main Header) ------------------------------ */





/* ------------------------------ (nav) ------------------------------ */





/* ------------------------------ (footer) ------------------------------ */





/* ------------------------------ (Top page) ------------------------------ */





/* ------------------------------ (Lower content) ------------------------------ */





/* ------------------------------ (xxxxxxxxxxxxxxxxxxxxxxx) ------------------------------ */

/* xxxxxxxxxxxxxxxxxxxxxxx parts */





}










/*----------------------------------------------------------------------------------------------------------------------------------------------------

for small Mobile

----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 601px) {
  
}

@media screen and (min-width: 1px) and (max-width: 540px) {
  
}










/* - - - - - - - - - - - - - - - - - (print) - - - - - - - - - - - - - - - - - */

@media print {
  html, body { width: 1300px; overflow: hidden; }
  .fadein { opacity: 1 !important; transform: translateY(0) !important; }
  .back-to-top { display: none !important; }
}



/* - - - - - - - - - - - /EOF - - - - - - - - - - - */