@charset "UTF-8";
/* CSS Document
Theme Name: CI-VA AUTUNNO INVERNO 2025/26
Description: CI-VA AUTUNNO INVERNO 2025/26 THEME
Author: KANETOMI
Date: 2025.9.01
Break Point: 767px, 1023px
*/


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

 Reset | Made by Elly Loel - https://ellyloel.com/

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

*{margin:0;padding:0;line-height:calc(0.25rem + 1em + 0.25rem)}*,::before,::after{box-sizing:border-box}*:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat}html{block-size:100%;-webkit-text-size-adjust:none}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;min-block-size:100%}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:5rem}:where(input,button,textarea,select),:where(input[type="file"])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit;word-spacing:inherit}:where(textarea){resize:vertical}@supports (resize:block){:where(textarea){resize:block}}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}h1{font-size:2em}:where(ul,ol){list-style-position:inside}:where(ul,ol)[role="list"]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){/*cursor:pointer*/;touch-action:manipulation}:where(input[type="file"]){cursor:auto}:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{cursor:pointer}@media (prefers-reduced-motion:no-preference){:focus-visible{transition:outline-offset 145ms cubic-bezier(.25,0,.4,1)}:where(:not(:active)):focus-visible{transition-duration:0.25s}}:where(:not(:active)):focus-visible{outline-offset:5px}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;text-align:center}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])[disabled]{cursor:not-allowed}



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

 1.0 Initial settings

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

html {
	font-size: 62.5%;
	-webkit-overflow-scrolling: touch;
}

body {
	height: 100%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.3em;
	line-height: 1;
	color: #2C2723;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	line-break: strict;
	background-color: var( --color-background );
	font-family: Roboto, "ゴシックMB101 DB JIS2004", "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}


/* Sections ------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	text-align: center;
}


/* Text-level semantics ------------------------------------- */

a {
	cursor: pointer;
	color: #000;
	text-decoration: none;
}


/* Embedded content ----------------------------------------- */

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

iframe {
    vertical-align: bottom;
}


/* Table ---------------------------------------------------- */

table {
	width: 100%;
    border: solid 1px var( --color-border );
	border-collapse: collapse;
}

tr {
	border: solid 1px var( --color-border );
}

td,
th {
	padding: 20px 5%;
	border: solid 1px var( --color-border );
	font-weight: normal;
	text-align: center;
}



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

 2.0 Common style

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

:root {
	--max-width-wide: 100%;
	--max-width-middle: 1200px;
	--max-width-narrow: 768px;
	--height: 400px;
	--margin-top: 120px;
	--margin-bottom: 50px;
	--font-size-m: 1.6rem;
	--color-background: #ffffff;
	--color-border: #59504e;
	--color-brown: #2C2723;
	--color-darkbrown: #110401;
	--color-red: #c73031;
	--color-green: #42a151;
	--color-lightgrey: #8e8e8e;
	--color-beige: #f8f3ea;
}

@media screen and ( max-width:1022px ) {
	
	:root {
		--margin-top: 65px;
	}
	
}

.button-wrap {
	display: inline-block;
	margin-top: 30px !important;
}

.button-wrap a.button {
	align-items: center;
    cursor: pointer;
    display: inline-flex !important;
    justify-content: center;
	overflow: hidden;
    max-width: 100%;
    min-width: 150px;
    height: 4rem;
	border-radius: 100px;
    padding: 0 3rem;
	font-size: 1.4rem;
    text-decoration: none;
	background-color: #fff;
    border-color: #fff;
    color: #000;
}

.font-garamond {
	font-family: 'Garamond', serif;
	letter-spacing: 0.05em;
}

.font-min-small {
    font-size: 1.2rem;
}

.screen-reader-text {
	display: none;
}

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

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

	.wordbreak {
		display: block;
		line-height: 1.6;
    }
	
	.br-hidden {
		display: none;
		visibility: hidden;
	}
	
}


/* Picked content ------------------------------------------- */

.picked-cnt-large-wrap {
	margin-top: var( --margin-top );
    margin-right: auto;
    margin-left: auto;
    padding: 0 60px;
    width: 100%;
	max-width: var( --max-width-middle );
	height: var( --height );
}

.picked-cnt-large {
	height: var( --height );
}

.picked-cnt-large .picked-cnt-large-inner {
	display: flex;
	padding: 30px 15% 30px 15%;
	width: 100%;
    height: var( --height );
    align-items: center;
    justify-content: center;
    text-align: center;
	color: #ffffff;
}

.picked-cnt-large .picked-cnt-large-inner h1 {
    font-size: 4.0rem;
	font-weight: normal;
}

@media screen and ( max-width:1022px ) {
	
	.picked-cnt-large-wrap {
        padding: 0;
    }
	
}

.picked-cnt-small-wrap {
	display: flex;
	margin-top: var( --margin-top );
    margin-right: auto;
    margin-left: auto;
    padding: 0 60px;
    width: 100%;
	max-width: var( --max-width-middle );
}

.picked-cnt-small-wrap .picked-cnt-small {
	width: 50%;
	height: var( --height );
}

.picked-cnt-small-wrap .picked-cnt-small:nth-child(odd) {
	margin-right: 30px;
}

.picked-cnt-small-wrap .picked-cnt-small:nth-child(even) {
	margin-left: 30px;
}

.picked-cnt-small .picked-cnt-small-inner {
	display: flex;
	padding: 30px 15% 30px 15%;
	width: 100%;
    height: var( --height );
    align-items: center;
    justify-content: center;
    text-align: center;
	color: #ffffff;
}

.picked-cnt-small .picked-cnt-small-inner h1 {
    font-size: 4.0rem;
	font-weight: normal;
}

.picked-cnt-small .picked-cnt-small-inner .caption {
	font-size: 1.6rem;
}

@media screen and ( max-width:767px ) {
	
	.picked-cnt-small-wrap {
        display: block;
		padding: 0 10%;
    }
	
	.picked-cnt-small-wrap .picked-cnt-small {
		width: 100%;
	}
	
	.picked-cnt-small-wrap .picked-cnt-small:nth-child(odd) {
        margin-right: 0;
    }

    .picked-cnt-small-wrap .picked-cnt-small:nth-child(even) {
        margin-left: 0;
    }
	
	.picked-cnt-small-wrap .picked-cnt-small:not(:first-child) {
		margin-top: var( --margin-top );
	}
	
}


/* Fixed aspect ratio --------------------------------------- */

.fixed-aspect-ratio {
	width: 100%;
    height:0;
    padding-top: 50%;
}



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

 3.0 Header

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

header {
	position: fixed;
    top: 0;
	padding: 15px 0 0 0;
	width: 100%;
	z-index: 50;
	transition: all 0.5s ease-out;
}

header.header-bg {
	background: var( --color-background );
}

header #logo {
	margin: 0 auto;
	width: 50px;
	height: 50px;
    font-size: 0;
}

header #logo a {
	display: block;
	width: 100%;
	height: 100%;
    background-image: url("asset/images/common/civa_logo.png");
    background-position: center center;
    background-size: contain;
	background-repeat: no-repeat;
}

@media screen and ( max-width:1022px ) {
	
	header {
		padding: 0;
        position: fixed;
        width: 100%;
		height: 65px;
        top: 0;
		z-index: 50;
	}
	
	header #logo a {
		display: block;
		margin-right: auto;
		margin-left: auto;
		padding-top: 0px;
		padding-bottom: 15px;
		width: 35px;
		height: 65px;
		font-size: 0;
		background: url(asset/images/common/civa_logo.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}
	
	/* only use max-width: 1022px */
	
	header #logo {
		position: fixed;
		width: 100%;
		z-index: 90;
	}
	
	.header-wrap {
		overflow-y: scroll;
		height: 100%;
		background: var( --color-background );
	}
	
}


/* Menu icon ------------------------------------------------ */

#menu-icon {
	display: none;
	box-sizing: border-box;
	position: static;
	top: 0;
	left: 0;
	padding: 0;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1;
	cursor: pointer;
	z-index: 99;
}

@media screen and ( max-width:1022px ) {
	
	#menu-icon {
		display: block;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		padding: 20px 5%;
		font-size: 25px;
		font-size: 2.5rem;
		line-height: 1;
		cursor: pointer;
		z-index: 99;
	}
	
}


/* Header navigation ---------------------------------------- */

#header-nav {
	display: block;
	margin-top: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#header-nav #header-nav-sections {
	text-align: center;
}

#header-nav .header-nav-section {
	display: inline-block;
	vertical-align: top;
}

#header-nav .header-nav-section a.header-nav-section-parent {
	display: block;
	padding-top: inherit;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	border-bottom: inherit;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1;
	color: var( --color-brown );
}

.submenu {
	display: none;
	position: absolute;
	top: 108px;
	left: 0;
	width: 100%;
	background: var( --color-brown );
	opacity:0.9;
	z-index: 50;
}

.header-nav-section-child-wrap {
	display: inline-block;
	padding: 25px;
	font-size: 0;
	vertical-align: top;
}

a.header-nav-section-child {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
	text-align: left;
	color: #ffffff;
}

.header-nav-section-grandchild-wrap {
	padding-top: 20px;
	font-size: 0;
}

a.header-nav-section-grandchild {
	display: block;
	padding-top: 15px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
	text-align: left;
	color: #ffffff;
}

.header-nav-section-grandchild-wrap a.header-nav-section-grandchild:first-child {
	padding-top: 0;
}


@media screen and ( max-width:1022px ) {
	
	#header-nav {
		display: none;
		padding-top: 65px;
		padding-bottom: 20px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	
	#header-nav #header-nav-sections {
		font-size: inherit;
		text-align: left;
		border-bottom: solid 1px var( --color-border );
	}
	
	#header-nav .header-nav-section {
		display: block;
	}
	
	#header-nav .header-nav-section a.header-nav-section-parent {
		display: block;
		padding-top: 15px;
		padding-right: 5%;
		padding-bottom: 15px;
		padding-left: 5%;
		border-top: solid 1px var( --color-border );
		font-size: inherit;
		line-height: inherit;
		color: inherit;
	}
	
	.submenu {
		display: none;
		position: static;
		top: 0;
		left: 0;
		/* padding-bottom: 20px; */
		width: 100%;
		background: inherit;
		opacity: 1.0;
	}
	
	.submenu a:hover {
		opacity: 1.0;
	}
	
	.header-nav-section-child-wrap {
		display: block;
		padding: 0;
		font-size: inherit;
		vertical-align: inherit;
	}
	
	a.header-nav-section-child {
		display: block;
		padding: 15px 5%;
		border-top: solid 1px var( --color-border );
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
		color: #FFFFFF;
		text-align: inherit;
		background: var( --color-brown );
	}
	
	.header-nav-section-grandchild-wrap {
		padding-top: 0;
		border-top: solid 1px var( --color-border );
		font-size: inherit;
	}
	
	a.header-nav-section-grandchild {
		display: block;
		padding-top: 0;
		padding: 0 5% 15px 5%;
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		text-align: inherit;
	}
	
	.header-nav-section-grandchild-wrap a.header-nav-section-grandchild:first-child {
		padding-top: 15px;
	}	
	
	/* only use max-width: 767px */
	
	.header-nav-show {
		display: block !important;
	}
	
	a.has-children {
		position: relative;
	}
	
	a.add-arrow:after {
		content: "\e900";
		font-family: 'icomoon';
		position: absolute;
		top: 0;
		right: 5%;
		display: block;
		padding-top: 15px;
		padding-right: 0;
		padding-bottom: 15px;
		padding-left: 0;
		background-size: contain;
		transition:transform 0.3s;		
		-webkit-transition:-webkit-transform 0.3s;
	}
	
	a.after-rotate:after{
		transform: rotate( 180deg );		
		-webkit-transform: rotate( 180deg );		
	}
	
	.hide {
		display: none !important;
	}
	
}

@media screen and ( max-width:767px ) {
	
	#header-nav a {
		font-size: 1.8rem !important;
	}
	
}


/* Header scroll event -------------------------------------- */

#header.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
    from {
        /* opacity: 1; */
        /* background: rgba(255,255,255,1); */
        transform: translateY(0);
    }
    to {
        /* opacity: 0; */
        /* background: rgba(255,255,255,0); */
        transform: translateY(-108px);
    }
}

#header.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
    from {
        /* opacity: 0; */
		/* background: rgba(255,255,255,1); */
        transform: translateY(-108px);
    }
    to {
        /* opacity: 1; */
		/* background: rgba(255,255,255,1); */
        transform: translateY(0);
    }
}



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

 4.0 Footer

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

/* Content footer ------------------------------------------- */

.cnt-foot-wrap {
	margin-top: var( --margin-top );
    margin-right: auto;
    margin-left: auto;
	text-align: center;
}

.cnt-foot-shops-wrap {
	width: 100%;
	background: var( --color-beige );
}

.cnt-foot-shops {
	margin-right: auto;
    margin-left: auto;
    max-width: var( --max-width-middle );
    padding: 60px;
}

.cnt-foot-shops h1 {
	margin-bottom: 30px;
	font-size: 4.0rem;
    font-weight: normal;
}

.cnt-foot-shops-inner div {
	border-top: solid 1px var( --color-border );	
}

.cnt-foot-shops-inner div:not(:first-child) {
	border-bottom: solid 1px var( --color-border );
}

.cnt-foot-shops div a {
	display: inline-block;
	align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
	width: 100%;
    height: 6rem;
    padding: 0 3rem;
    font-size: 1.4rem;
    text-decoration: none;
}

@media screen and ( max-width:767px ) {
	
	.cnt-foot-shops {
        padding: 60px 10%;
    }
	
}

.cnt-foot-sns-wrap {
	width: 100%;
	background: var( --color-red );
}

.cnt-foot-sns {
	margin-right: auto;
    margin-left: auto;
    max-width: var( --max-width-middle );
    padding: 60px;
}

.cnt-foot-sns-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.cnt-foot-sns .cnt-foot-sns-instagram a ,
.cnt-foot-sns .cnt-foot-sns-facebook a {
	display: block;
	padding: 0 10px;
}

.cnt-foot-sns .cnt-foot-sns-instagram a img,
.cnt-foot-sns .cnt-foot-sns-facebook a img {
	width: 30px;
}
	

/* Footer --------------------------------------------------- */

#footer {
    margin-right: auto;
    margin-left: auto;
	color: #ffffff;
	background-color: var( --color-darkbrown );
}

#footer .footer-inner {
	margin-right: auto;
    margin-left: auto;
    padding: 60px;
	width: 100%;
    max-width: var( --max-width-middle );
}

#footer .footer-cnt {
	display: flex;
	justify-content: flex-start;
}

#footer .footer-cnt div:not(:first-child) {
	margin-left: 30px;
}

#footer .footer-cnt div:last-of-type {
	margin-left: auto;
}

#footer .footer-cnt div a {
	color: #ffffff !important;
}

@media screen and ( max-width:767px ) {
	
	#footer .footer-inner {
		padding: 0;
	}
	
	#footer .footer-cnt {
        display: block;
    }
	
	#footer .footer-cnt div:not(:first-child) {
        margin-left: 0;
    }
	
	#footer .footer-cnt div {
        border-bottom: solid 1px var(--color-border);
    }

    #footer .footer-cnt div:last-child {
        border-bottom: none;
    }
	
	#footer .footer-cnt div {
        display: inline-block;
        align-items: center;
        cursor: pointer;
        display: inline-flex;
        justify-content: center;
        overflow: hidden;
        width: 100%;
        height: 6rem;
        padding: 0 3rem;
        font-size: 1.4rem;
		border-bottom: solid 1px var(--color-border);
    }
	
}
	
	

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

 5.0 Post, Page 

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

.contents {
	margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    width: 100%;
	font-size: 1.6rem;
}

.contents-low {
	margin-top: var( --margin-top );
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    width: 100%;
	font-size: 1.6rem;
}

.cnt-head {
	position: relative;
	width: 100%;
	height: var( --height );
	overflow: hidden;
	background: #000000;
}

.cnt-head img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}

.cnt-head img.clear {
	object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.cnt-head-inner {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
	padding-top: 103px;
    width: 70%;
    color: #ffffff;
	text-align: center;
}

.cnt-head h1 {
	font-weight: normal;
}

.cnt-head .category-caption {
	padding-bottom: 15px;
    font-size: 1.6rem;
}

@media screen and ( max-width:1022px ) {
	
	.cnt-head-inner {
        padding-top: 65px;
    }
	
}

.contents-inner {
	margin-top: var( --margin-top );
	margin-right: auto;
    margin-left: auto;
    padding: 0 60px;
    width: 100%;
    max-width: var( --max-width-middle );
}

.contents-inner-narrow {
	margin-top: var( --margin-top );
	margin-right: auto;
    margin-left: auto;
    padding: 0 60px;
    width: 100%;
    max-width: var( --max-width-narrow );
}

@media screen and ( max-width:1022px ) {
	
	.contents-inner {
		padding: 0;
		max-width: 100%;
	}
	
	.contents-inner-narrow {
		padding: 0 10%;
		max-width: 100%;
	}
	
}


/* Grid items ----------------------------------------------- */

.grid {
	display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(4,1fr);
}

.grid .grid-item:not(:nth-child(4n)) {
	grid-column: span 1;
	/* width: calc(100%/4); */
	border-right: solid 1px #ffffff;
}

.grid .grid-item:nth-child(n+5) {
	margin-top: 30px;
}

.grid .caption {
	padding-top: 10px;
	font-size: 1.4rem;
	text-align: center;
}


@media screen and ( min-width:768px ) and ( max-width:1022px ) {

	.grid {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(3,1fr);
    }

    .grid .grid-item:not(:nth-child(3n)) {
        grid-column: span 1;
        /* width: calc(100%/4); */
        border-right: solid 1px #ffffff;
    }
	
	.grid .grid-item:nth-child(n+4) {
        margin-top: 30px;
    }
	
}

@media screen and ( max-width:767px ) {
	
	.grid {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(2,1fr);
    }

    .grid .grid-item:not(:nth-child(2n)) {
        grid-column: span 1;
        /* width: calc(100%/4); */
        border-right: solid 1px #ffffff;
    }
	
	.grid .grid-item:nth-child(n+3) {
        margin-top: 30px;
    }
	
}


/* Insert content ------------------------------------------- */

.insert-cnt-wrap {
	margin-top: var( --margin-top );
	margin-bottom: var( --margin-top );
	padding: 120px 0;
	background-color: #f2f2f2;
	text-align: center;
}

.insert-cnt h1 {
	font-size: 2.0rem !important;
}

.insert-cnt > * {
	margin: 0 0 30px 0 !important;
	line-height: 2;
    font-weight: normal;
}

.insert-cnt > *:last-child {
	margin-bottom: 0 !important;
}

.insert-cnt-wrap figure,
.insert-cnt-wrap img {
    object-fit: none !important;
	height: 100% !important;
}

.insert-cnt-wrap figcaption {
	padding-top: 10px;
	text-align: center;
    font-size: 1.2rem;
}


/* List contents -------------------------------------------- */

.list-contents > div {
    border-top: solid 1px var(--color-border);
}

.list-contents > div:last-child {
    border-bottom: solid 1px var(--color-border);
}

.list-contents a {
    position: relative;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    overflow: hidden;
    width: 100%;
    padding: 19.5px 30px 19.5px 0;
    font-size: 1.4rem;
    text-decoration: none;
}

.list-contents a::after {
    content: "\e902";
    font-family: icomoon;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    padding: 15px 0;
    background-size: contain;
    transform: translateY(-50%) translateX(-50%);
}

.list-contents .post-date {
    padding-right: 30px;
}

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

    .list-contents a {
        display: block;
    }

    .list-contents .post-date {
        display: block;
        padding-right: 0;
        padding-bottom: 10px;
    }
}
	

/* List About CI-VA ----------------------------------------- */

.list-history {
    background: url("asset/images/page/top_history.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.list-leather {
    background: url("asset/images/page/top_leather.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.list-production {
    background: url("asset/images/page/top_production.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.list-repair {
    background: url("asset/images/page/top_repair.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.list-history h1,
.list-leather h1,
.list-production h1,
.list-repair h1 {
	font-size: 2.6rem !important;
}



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

 5.1 Post, Page | Entry content 

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

.entry-content {
    width: 100%;
}

.entry-content > * {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px !important;
	line-height: 2;
	font-weight: normal;
}

.entry-content > *:last-child {
	margin-bottom: 0 !important;
}

.entry-content p:empty {
	display: none;
}

.entry-content b, 
.entry-content strong{
    font-weight: 600 !important;
}

.entry-content a {
	display: inline-block !important;
	text-decoration: underline;
}

.entry-content figure {
	object-fit: cover;
    width: 100%;
    height: 100%;
}

.entry-content img {
	object-fit: cover;
    width: 100%;
    height: 700px;
}

.entry-content .pri img {
    object-fit: cover;
    width: 100%;
    height: 700px;
}

.entry-content .sec img {
    object-fit: cover;
    width: 100%;
    height: 400px;
}

.entry-content .narrow-cnt {
	display: block;
	margin-right: auto;
    margin-left: auto;
    padding: 0 60px;
	max-width: var( --max-width-narrow );
}

@media screen and (max-width: 1022px) {
	
	.entry-content figure {
		object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .entry-content img {
        object-fit: cover;
        width: 100%;
        height: 550px;
    }
	
	.entry-content .narrow-cnt {
        padding: 0 10%;
        max-width: 100%;
    }
	
}

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

    .entry-content .horizon img {
        object-fit: cover;
        width: 100%;
        height: 400px;
    }
	
}

@media screen and (min-width: 1367px) {
	
	.entry-content {
		margin-right: auto;
        margin-left: auto;
        padding: 0 60px;
        width: 100%;
        max-width: var( --max-width-middle );
	}
	
}



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

 5.2 Post | News 

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

.post-news .archives {
    margin-bottom: 30px;
}



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

 5.3 Page | Collections 

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

.collections h2,
.collections h3 {
	font-weight: normal;
}

.collections h2 {
	font-size: 2.8rem;
}

.collections h3 {
	margin: 30px 0;
}

.product-detail-wrap {
    padding-top: var( --margin-top );
	padding-bottom: var( --margin-top );
	background: #f2f2f2;
}

.product-detail {
	margin-right: auto;
    margin-left: auto;
    padding: 0 60px;
    width: 100%;
    max-width: var( --max-width-narrow );
	text-align: center;
}

.product-name {
	margin-top: 30px;
	font-weight: normal;
}

.product-color,
.product-dscr-text {
	margin-top: 15px;
}

.product-dscr-detail {
	margin-top: 30px;
	padding-top: 30px;
	border-top: solid 1px var( --color-darkbrown );
}

.product-dscr-detail p {
	line-height: 1.8;
}

.product-link {
	display: inline-block;
	width: 100%;
    margin-top: 30px;
    padding: 15px 5%;
    border: solid 2px var( --color-darkbrown );
    border-radius: 3px;
	background: var( --color-darkbrown );
	color: #ffffff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bolder;
}

.product .variation {
	margin-bottom: 30px;
}

.unavailable {
	text-align: center;
}

@media screen and ( max-width:1022px ) {
	
	.product .variation {
        padding-left: 5%;
    }
	
}

@media screen and ( max-width:767px ) {
	
	.product-detail {
		padding: 0 10%;
		max-width: 100%;
	}
	
}



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

 5.4 Page | About CI-VA 

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

.aboutciva h1 {
	padding-bottom: 5px;
    font-size: 4.0rem;
}

.aboutciva h2 {
	margin-top: var( --margin-top );
}

.aboutciva figure {
	margin-top: var( --margin-top );
	margin-bottom: var( --margin-top ) !important;
}

.pcvt {
    background-color: var( --color-darkbrown );
	color: #ffffff;
}

.pcvt a {
	color: #ffffff;
}



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

 5.5 Page | Shops

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

.shops h1 {
	margin-top: 30px;
	line-height: 2;
	font-size: 2.4rem;
    font-weight: normal;
}

.shops .desc {
	margin-top: 30px;
}

.shops .address,
.shops .tel-open,
.shops .ex-link {
	margin-top: 30px;
}

.shops .ex-link a {
	text-decoration: underline;
}



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

 5.5 Page | Dedicated page

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

.page-dedicated {
    width: 100%;
}

.page-dedicated > * {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
	line-height: 2;
	font-weight: normal;
}

.page-dedicated > *:last-child {
	margin-bottom: 0 !important;
}

.page-dedicated .narrow-cnt {
	display: block;
	margin-right: auto;
    margin-left: auto;
    padding: 0 60px;
	max-width: var( --max-width-narrow );
}

.page-dedicated .middle-cnt {
    margin-right: auto;
    margin-left: auto;
    padding: 0 60px;
    width: 100%;
    max-width: var( --max-width-middle );
}

.page-dedicated figure {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.page-dedicated img.pri {
    object-fit: cover;
    width: 100%;
    height: 700px;
}

.page-dedicated img.sec {
    object-fit: cover;
    width: 100%;
    height: 400px;
}

@media screen and ( max-width:1022px ) {
	
	.page-dedicated .middle-cnt {
		padding: 0;
		width: 100%;
	}
	
}

@media screen and (min-width: 1367px) {
    .page-dedicated {
        margin-right: auto;
        margin-left: auto;
        padding: 0 60px;
        width: 100%;
        max-width: var(--max-width-middle);
    }
	.page-dedicated .middle-cnt {
		padding: 0;
		width: 100%;
	}
}



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

 6.0 Home

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

.home .entrance {
	position: relative;
    margin-right: auto;
    margin-left: auto;
    /* max-width: var( --max-width-wide ); */
    width: 100%;
    height: 700px;
	font-size: 1.6rem;
	overflow: hidden;
	background-color: var( --color-darkbrown );
}

.home .entrance-cnt {
	width: 100%;
	height: 700px;
	background-size: cover;
	background-repeeat: no-repeat;
    background-position: center;
}

.home .entrance-cnt-inner {
	display: flex;
	padding: 95px 15% 95px 15%;
	width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
	color: #ffffff;
}

.home .entrance-cnt-inner h1 {
    font-size: 60px;
    font-size: 6.0rem;
	font-weight: normal;
}

.home .entrance-cnt-title {
	display: block;
	margin-bottom: 15px;
}

.home .entrance-cnt-text {
	display: block;
	margin-top: 15px;
}


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

	.home .entrance {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        /* max-width: var( --max-width-wide ); */
        width: 100%;
        height: 650px;
        font-size: 1.6rem;
        overflow: hidden;
    }
	
	.home .entrance-cnt {
        width: 100%;
        height: 650px;
        background-size: cover;
        background-repeeat: no-repeat;
        background-position: center;
    }
	
	.home .entrance-cnt-inner {
        display: flex;
        padding: 115px 10% 115px 10%;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #ffffff;
    }
	
}

@media screen and ( max-width:767px ) {
	
	.home .entrance-cnt-inner h1 {
        font-size: 4.5rem;
        font-weight: normal;
    }

}


/* slick ---------------------------------------------------- */

.slider *{
    margin:0;
    padding: 0;
    list-style: none;
    vertical-align: bottom;
}

.slider .slick-dots{
    bottom: 0;
    display: flex;
    justify-content: space-between;
}
.slider .slick-dots li{
    width: calc(100% / 2);
    height: 5px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: #ccc;
    overflow: hidden;
}
.slider .slick-dots li.slick-active button::after{
    content: "";
    position:absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var( --color-border );
    animation: progress 4.0s linear 0s forwards;
    z-index:1;
}
@keyframes progress {
    0%{
        width:0;
    }
    100% {
        width:100%;
    }
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}


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

 6.1 Home | Contents

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

/* HAWAIIAN BARKCLOTH --------------------------------------- */

.home-hawaiian-barkcloth * {
	color: #ffffff;
}

.home-hawaiian-barkcloth .caption {
	padding-top: 15px;
	font-size: 1.4rem;
}

.home-hawaiian-barkcloth .set-background {
    background: url("asset/images/home/home_hawaiian-barkcloth.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/* Fuji ----------------------------------------------------- */

.home-fuji * {
	color: #ffffff;
}

.home-fuji .caption {
	padding-top: 15px;
	font-size: 1.4rem;
}

.home-fuji .set-background {
    background: url("asset/images/home/home_fuji.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/* Blue ----------------------------------------------------- */

.home-blue * {
	color: #ffffff;
}

.home-blue .caption {
	padding-top: 15px;
	font-size: 1.4rem;
}

.home-blue .set-background {
    background: url("asset/images/home/home_blue-oliva.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/* Natural -------------------------------------------------- */

.home-natural * {
	color: #ffffff;
}

.home-natural .caption {
	padding-top: 15px;
	font-size: 1.4rem;
}

.home-natural .set-background {
    background: url("asset/images/home/home_natural.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/* Riguard a CI-VA ------------------------------------------ */

.home-aboutci-va * {
	color: #ffffff;
}

.home-aboutci-va h1 {
	font-size: 40px !important;
    font-size: 4.0rem !important;
}

.home-aboutci-va .caption {
	font-size: 16px;
	font-size: 1.6rem;
}

.home-aboutci-va .set-background {
    background: url("asset/images/home/home_aboutci-va.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media screen and ( max-width:413px ) {
	
	.home-aboutciva h1 {
        font-size: 28px !important;
        font-size: 2.8rem !important;
    }
	
}



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

 6.2 Home | News area

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

.home-news-area {
	margin-top: var( --margin-top );
    margin-right: auto;
    margin-left: auto;
	padding: 0 60px;
	width: 100%;
    max-width: var( --max-width-middle );
	min-height: var( --height );
}

.home-news-area h1 {
	margin-bottom: 30px;
	line-height: 1;
	font-weight: normal;
}

.home-news-area-inner {
	display: flex;
	align-items: center;
    justify-content: center;
    padding: 10%;
	width: 100%;
	min-height: var( --height );
	background: url("asset/images/post/top_news.jpg");
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.home-news-area-inner > div {
	padding: 10%;
    width: 100%;
    height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}

.home-news-area-inner > div div {
	border-top: solid 1px var( --color-border );
}

.home-news-area-inner > div div:last-child {
	border-bottom: solid 1px var( --color-border );
}

.home-news-area-inner a {
	position: relative;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    overflow: hidden;
    width: 100%;
	padding: 19.5px 30px 19.5px 0;
    font-size: 1.4rem;
    text-decoration: none;
}

.home-news-area-inner a::after {
    content: "\e902";
    font-family: icomoon;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    padding: 15px 0;
    background-size: contain;
    transform: translateY(-50%) translateX(-50%);
}

.home-news-area-inner .post-date {
	padding-right: 30px;
}

@media screen and ( max-width:767px ) {
	
	.home-news-area {
        padding: 0;
		min-height: 100%;
    }
	
	.home-news-area-inner {
        padding: 0;
		min-height: 100%;
    }
	
	.home-news-area-inner > div {
        padding: 60px 10%;
    }
	
	.home-news-area-inner a {
		display: block;
	}
	
	.home-news-area-inner .post-date {
		display: block;
        padding-right: 0;
		padding-bottom: 10px;
    }

}



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

 7.0 404 NOT FOUND

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

.notfound {
	text-align: center;
}

.notfound h1 {
	margin-bottom: 30px;
	padding-top: 30px;
}

.notfound a.to-home {
	display: inline-block;
    width: 100%;
    margin-top: 30px;
    padding: 15px 5%;
    border: solid 2px var( --color-darkbrown );
    border-radius: 3px;
    background: var( --color-darkbrown );
    color: #ffffff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bolder;
}


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

 8.0 Google Map

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

.gglmap {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.gglmap iframe, .gglmap object, .gglmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



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

 9.0 Webfonts

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


@font-face {
	font-family: 'icomoon';
	src: url('asset/fonts/icomoon.eot?ms80cw');
	src: url('asset/fonts/icomoon.eot?ms80cw#iefix') format('embedded-opentype'),
    url('asset/fonts/icomoon.ttf?ms80cw') format('truetype'),
    url('asset/fonts/icomoon.woff?ms80cw') format('woff'),
    url('asset/fonts/icomoon.svg?ms80cw#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
	content: "\e900";
}

.icon-arrow-left:before {
	padding-right: 10px;
	content: "\e901";
}

.icon-arrow-right:before {
	content: "\e902";
}

.icon-arrow-right-after:after {
	padding-left: 10px;
	content: "\e902";
}

.icon-arrow-up:before {
	content: "\e903";
}

.icon-close:before {
	content: "\e904";
}

.icon-external-link:after {
	content: "\e905";
	padding-left: 10px;
}

.icon-menu:before {
	content: "\e906";
}

.fa-copyright {
	padding-right: 10px;
}