@charset "UTF-8";

/*
Theme Name: cst-of-Addnew
*/
:root {

	/* ブレイクポイント */
	--global--breakpoint-sp: 600px;
	--global--breakpoint-md: 900px;
	--global--breakpoint-lg: 1024px;

	/* Font Family */
	--global--fontFamiry01: hot-kaishokk, sans-serif;
	--global--fontFamiry02: nimbus-roman, serif;
	--global--fontFamiry03: 'Anton', sans-serif;
	--global--fontFamiry04: 'EB Garamond', serif;
	--global--fontFamiry05: 'Roboto', sans-serif;
	

	/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Colors */
	/* 黒 */
	--global-rgbValue-01: 0, 0, 0;
	--global-color-01: rgb(var(--global-rgbValue-01));

	/* 白 */
	--global-rgbValue-02: 255, 255, 255;
	--global-color-02: rgb(var(--global-rgbValue-02));

	/* 赤 */
	--global-rgbValue-03: 178,20,29;
	--global-color-03: rgb(var(--global-rgbValue-03));

	/* 灰 */
	--global-rgbValue-04: 105,105,105;
	--global-color-04: rgb(var(--global-rgbValue-04));

	/* 青 */
	--global-rgbValue-05: 115 179 225;
	--global-color-05: rgb(var(--global-rgbValue-05));

	/* Spacing */
	--global--spacing-container: 20px;

	/* 横幅に関するプロパティ */
	--global-width-content: 1200px;
	--global-width-item: 65%;

	/* ロゴサイズ */
	--global--width-logo: 250px;
	--global--height-logo: 160px;
	
}

*{
	margin:0;
	padding:0;
}

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}
@media screen and (max-width: 900px){
	html{
		font-size: 55%;
	}
}


/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
	color: var(--global-color-01);
}
/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
h2{
	margin-block-start: 0;
	margin-block-end: 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

[hidden] {
	display: none;
}

.width-content {
	max-width: var(--global-width-content);
	margin: auto;
	display: block;
	margin-top: 30px;
}
.width-content:nth-last-of-type(1) {
	margin-bottom:30px;
}
.width-content .width-item {
	width: var(--global-width-item);
	min-width: calc(var(--global-width-content) * var(--global-width-item));
	margin: auto;
	display: block;
}

ul{
    padding-left: 0;
}

ul li{
    list-style: none;
}

a{
	text-decoration: none;
	color: inherit;
}
img{
	width:100%;
	height: auto;
	max-width: 100vw;
	max-height: 100vh;
}

p + p{
	margin-top: 0;
}

.font01{
	font-family: var(--global--fontFamiry01);
	font-weight: 400;
	font-style: normal;
}
.font02{
	font-family: var(--global--fontFamiry02);
}
.font03{
	font-family: var(--global--fontFamiry03);
}
.font04{
	font-family: var(--global--fontFamiry04);
}
.font05 {
	font-family: var(--global--fontFamiry05);
}

.red-band{
    background-color: var(--global-color-03);
}


/** ナビゲーションメニュー
 *
 *
 **/
.site-navigation {
    font-size: 1.2rem;
    font-weight: 600;

	width: calc(100% - var(--global--width-logo) - 30px);
}

.site-navigation .menu{
    position: relative;
}

.site-navigation .menu ul {
    padding-left: 0;

}
.site-navigation .menu ul > li {
    border-left: 1px solid var(--global-color-01);
    width:100%;
    text-align:center;
}

.site-navigation .menu ul > li:nth-last-child(1) {
    border-right: 1px solid var(--global-color-01);
}


/** Google map設定
 *
 *
 **/

.google-maps {
	display: contents;
	padding-bottom: 75%;
	overflow: hidden;
}
.google-maps iframe {
	width: 100% !important;
	height: 100%;
	min-height:400px;
	max-height:600px;
}

.tel::before{
	content:"Tel.";
	margin-right: 0.5rem;
}
.fax::before{
	content:"Fax.";
	margin-right: 0.5rem;
}


/** スクロールによるスライドイン 
 *
 *
 **/
.slidein {
    opacity: 0;
    transform: translate(0, 0);
    transition: all 0.5s;
    transform: translate(0px, 30px);
}

.slidein.active {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}