@charset "utf-8";
/*
Theme Name: v_zero kid
Template: vzero
Author: VOICE AND VIBES
Version: 1.0

Wallpaper-background: #f4efec
NANAN Red: #f43b22
*/

/* --------------------------------------------------
	fonts
-------------------------------------------------- */

/* --------------------------------------------------
	elements
-------------------------------------------------- */

/* --------------------------------------------------
  bootstrap
-------------------------------------------------- */

/* --------------------------------------------------
  wrapper & container
-------------------------------------------------- */

/* --------------------------------------------------
	language switch
-------------------------------------------------- */

/* --------------------------------------------------
	slide show (swiper.js)
-------------------------------------------------- */
.swiper-slide {
  background-size: 100%;
  width: 100%;
	height: 0;
	padding: 75% 0 0 0; /* image height / width × 100 */
}
.vv-slide1 { background-image: url("./images/slide1.jpg"); }
.vv-slide2 { background-image: url("./images/slide2.jpg"); }
.vv-slide3 { background-image: url("./images/slide3.jpg"); }
.vv-slide4 { background-image: url("./images/slide4.jpg"); }
.vv-slide5 { background-image: url("./images/slide5.jpg"); }
.vv-slide6 { background-image: url("./images/slide6.jpg"); }
.vv-slide7 { background-image: url("./images/slide7.jpg"); }
.vv-slide8 { background-image: url("./images/slide8.jpg"); }

/* --------------------------------------------------
	common
-------------------------------------------------- */
.entry-footer {
	display: none;
}
.entry-content p img:first-of-type {
	margin-bottom: 1rem;
}

/* --------------------------------------------------
	header
-------------------------------------------------- */
/* navbar */
.navbar {
	background-color: transparent;
}
/* hide hamburger */
.navbar-toggler {
	display: none;
}
/* navbar logo */
#vv-navbar-logo {
	width: 100%;
	padding:0 2%;
}
#vv-navbar-logo img {
	width: 120px;
	height: 120px;
}

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

/* --------------------------------------------------
	sidebar
-------------------------------------------------- */

/* --------------------------------------------------
	home
-------------------------------------------------- */

/* --------------------------------------------------
	page
-------------------------------------------------- */

/* --------------------------------------------------
	single
-------------------------------------------------- */

/* --------------------------------------------------
	archive
-------------------------------------------------- */





/* Page NavigationF
.page-item{background-color: #f43b22;}
.page-item{color: #f43b22} */

.page-item.active .page-link {background-color: #f43b22; border-color: #f43b22;}
.page-link a {color: #f43b22;}
.fa a {color: #f43b22;}
/* Search */
.btn-primary{background-color: #f43b22; border-color: #f43b22;}
.btn-primary a:hover{background-color: #ff0; border-color: #f43b22;}
.submit{background-color: #f43b22; border-color: #f43b22;}
.submit a:hover{background-color: #ff0; border-color: #f43b22;}
.submit a:active{background-color: #ff0; border-color: #f43b22;}
id {background-color: #ff0; border-color: #f43b22;}
/* --------------------------------------------------
  BASIC DESIGN
-------------------------------------------------- */
body {background-color:#f4efec; background-image: url("images/wallpaper.jpg"); background-attachment:fixed; color:#f43b22;  font-family: Courier New, Courier, Lucida Sans Typewriter, ’ヒラギノ角ゴ Pro W3′ , ‘Hiragino Kaku Gothic Pro’;  font-size:1.0rem; line-height:1.4em; letter-spacing: -0.02em; padding:0; margin:0;}

body a {color:#f43b22; font-weight:normal; text-decoration:underline;}
body a:hover {color:#000; text-decoration:none; }
body a:active {color:#F00; text-decoration:none; }

h1 {font-size:1.6rem; padding:0;}
h2 {font-size:1.4rem; padding:0;}
h3 {font-size:1.4rem;}

/* ----------------------------------------------
  Selected Text
----------------------------------------------- */
::selection {
	color:#FFF;
	background:#f43b22; /* Safari */
}

::-moz-selection {
	color:#FFF;
	background:#f43b22; /* Firefox */
}

.flip a {color:#FFF; text-decoration:none;}
.flip a:hover {color:#000; text-decoration:underline;}

.flip::selection {
	color:#f43b22;
	background:#FFF; /* Safari */
}

.flip::-moz-selection {
	color:#f43b22;
	background:#FFF; /* Firefox */
}

/* ----------------------------------------------
  
----------------------------------------------- */
.timestamp {color:#f43b22; font-size:0.8em; margin:0 0 10px 0; padding:0 0 3rem 0;}
.timestamp {color:#ffff00; font-size:0.8em; margin:0 0 10px 0; padding:0 0 3rem 0;}




/* --------------------------------------------------
  header
-------------------------------------------------- */
#vv-header-image {
	background-size: 100%;
	width: 100%;
 	height: 62.5%;
	margin:1rem 0 0 0;
}

#vv-header-image.vv-header-compact {
	padding: 37.5% 0 0 0;
}

#vv-header-image-compact {
	margin:1rem 0 0 0;
}


/* --------------------------------------------------
  Slide Show
-------------------------------------------------- */
	#slide-container {margin:0px auto; width:95%;}



/* --------------------------------------------------
  archive
-------------------------------------------------- */



/* --------------------------------------------------
  SIDEBAR
-------------------------------------------------- */
#social-icons{
	font-size: 1.3rem;
}

.widget {
	padding:0 0 2rem 0;
}

.widget-flip{background-color:#f43b22; color:#FFF; padding:8px;}
.widget-flip a{color:#FFF; text-decoration:none;}
.widget-flip a:hover{color:#FFF; text-decoration:underline;}

#prinary {text-align:left;}

#right-sidebar {text-align:left;}



.entry-footer {color:#e8e8e8; font-size:0.8em; margin:12px 0px 12px 0px;} 

.break{margin:30px 0 0 0 }


#page{padding:0; margin:0;}
#content{background-color:#FFF;  padding: 1rem 4% 2rem; } /*Responsive */

#wrapper-index{width: 100%; margin:0; padding:0;}

.nav-links{padding:5rem 0;}

.wapper{margin:0; padding:0;}

/* --------------------------------------------------
  home
-------------------------------------------------- */ 
#concept{width:100%; height:auto; margin:0; padding:2rem 0px; color:#f43b22;}
#slideshow{width:100%; height:auto; margin:0; padding:0px; color:#f43b22;}
#news{width:100%; height:auto; margin:3rem 0; padding:10px; color:#f43b22;}
#news-box{width:100%; height:auto; margin:0; padding:20px; color:#FFF; background-color:#f43b22;}

#catalog{width:100%; height:auto; margin:3rem 0; padding:10px; color:#f43b22;}
#catalog img:hover{transform: scale(1.02,1.02); cursor: pointer;}
#portrait{width:100%; height:auto; margin:3rem 0; padding:10px; color:#f43b22;}
#special-order{width:100%; height:auto; margin:3rem 0; padding:10px; color:#f43b22;}
#special-order img:hover{transform: scale(1.02,1.02); cursor: pointer;}
#special-order-box{width:100%; height:auto; margin:0; padding:20px; color:#FFF; background-color:#f43b22;}
#instagram{width:100%; height:auto; margin:3rem 0; padding:10px 0 30px; color:#f43b22;}


/* --------------------------------------------------
  NEWS
-------------------------------------------------- */
.news-image{width:100%; height:auto; text-align:left; margin:0; padding:0; color:#FFF; }
.news-image .vv-print-posts-title {display:none;}

.news-info img{display:none;}
.news-info {color:#FFF; text-align:left; margin:0; padding:0;}
.news-info .vv-print-posts-title {font-size:1.2rem; text-align:left}
.news-info .vv-print-posts-title a{color:#FFF; font-size:1.2rem;}
.news-info .vv-print-posts-title  a:hover{color:#FFF; text-decoration:underline;}
.news-info a{color:#FFF; text-align:left;  text-decoration:none;}
.news-info a:hover{color:#FFF; text-decoration:underline;}

.vv-print-posts-entry-meta {font-size:0.8rem;}



/* --------------------------------------------------
  SINGLE PAGE
-------------------------------------------------- */
.entry-header{margin:0; padding:0;}
.entry-title{margin:0; padding:0;}
.entry-meta{margin:0; padding:0 0 2rem 0;}

.page-header{margin:0; padding:0 0 1rem 0;}


.vv-grid-thumbnail-caption {
  display: none;
}

.cat-links{color:#f43b22}
/* --------------------------------------------------
  Archive Page
-------------------------------------------------- */
/* テスト用　ポストへのマウスオーバーで背景に色をつけたい
article{background-color:#FFF;}
article a:hover{background-color:#FF0;}
*/

.post-information{display:block; background-color:#FFF; color:#f43b22;}
.post-information a:hover{background-color:#f43b22; color:#FFF;}
.page-title{margin:0; padding:0;}
.entry-header{margin:0; padding:0;}

/* アーカイブページの出力 */
.vv-post-list-title{font-size:1rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0.5rem 0; text-align:center;} /* Title*/
.vv-post-list-title a {color:#000; text-decoration:none;}
.vv-post-list-title a:hover {color:#f43b22;}
.vv-discription-s{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* Short Discription*/

/* ショートコード print post からの出力 */
.vv-print-posts-title{font-size:1rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0.5rem 0; text-align:center;} /*Title version2*/
.vv-print-posts-title a {color:#000; text-decoration:none;}
.vv-print-posts-title a:hover {color:#f43b22;}

.aria-hidden{font-size:1rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*Title version2*/

.short-discription{ overflow: hidden; height: 3.6rem; font-size: 1rem; line-height: 1.2rem;}
.vv-discription-s{ overflow: hidden; height: 3.6rem; font-size: 1rem; line-height: 1.2rem;}

.post{margin:0; padding:0;}

.col-3{margin:0; padding:0;}


/* shadow
.post {
	position: relative;
	width: 100%;
	margin: 0 0 1rem 0;
	padding: .5rem;
	-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3);
	text-align: left;
	-webkit-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-o-transition: background .2s ease-out;
	transition: background .2s ease-out;
}
*/

/* --------------------------------------------------
  Footer
-------------------------------------------------- */
#vv-footer-custom{
	margin-top: -150px;
	height: 100%;
	padding: 0;
}
#footer-main-container{width:100%; margin:-20px 0 0 0; padding:20px 40px 80px; color:#FFF; background-color:#f43b22;}　/*responsive */
#footer-main-container a {color:#FFF; text-decoration:none;}
#footer-main-container a:hover {color:#000;}
#footer-sub-container{width:100%; height:auto; margin:0; padding:1px 10px; text-align:right; color:#FFF; background-color:#f43b22; font-size: .8rem; }
#footer-sub-container a {color:#FFF; text-decoration:none;}
#footer-sub-container a:hover {color:#000;}

#lapin{position:relative; left: 72%;  width:80px; height:150px;}

#wrapper-footer{margin:0; padding:0;}

.socialnetwork{font-size:1.8rem;}
.socialnetwork .fab{padding:0 5px 0 0;}
.socialnetwork a{color:#FFF;}
.socialnetwork a:hover{color:#000;}
.socialnetwork a:active{color:#FFF;}


/* --------------------------------------------- */
/* Responsive Design 320-360-576-768-1200 -------*/
/* 320 iPhone 4 ---------------------------------*/
/* 360 iPhone 6 ---------------------------------*/
/* 576           --------------------------------*/    
/* 768 iPad-mini --------------------------------*/    
/* 1200 PC --------------------------------------*/    
/* --------------------------------------------- */

/* ------------------------------------ */
/* Small devices (iphone, 360px and up) */
/* ------------------------------------ */
h1 {font-size:1.4rem; padding:0;}
h2 {font-size:1.2rem; padding:0;}
h3 {font-size:1.2rem;}

#vv-navbar-logo img {width:64px; height:64px;} /* LOGO */
#vv-header-image {padding: 62.5% 0 0 0; background-image: url("images/hero_pc.jpg");}

#page{width:100%; margin:0; padding:0;}
#wrapper-index{width:100%; margin:0; padding:0;}
.wrapper{width:100%; margin:0; padding:0;}
#archive-wrapper, #wrapper-index, #archive-wrapper, #author-wrapper, #page-wrapper, #search-wrapper, #single-wrapper {
	width:100%;
	margin:0;
	padding:0;
	padding-bottom: 100px !important;
	background-color:#fff;
}
#content{padding: 0.5rem 8% 2rem; } /*Takeo iPhone 横幅空き*/
#footer-main-container{margin:-20px 0 0 0; padding:20px 20px 80px;}　/*横幅空き*/
#lapin{position:relative; left: 72%;  width:80px; height:150px;}
#vv-footer-custom{letter-spacing: -0.06em;}



/* ------------------------------------ */
/* Small devices (iphone, 576px and up) */
/* ------------------------------------ */
@media (min-width: 576px) {
	h1 {font-size:1.6rem; padding:0;}
	h2 {font-size:1.4rem; padding:0;}
	h3 {font-size:1.4rem;}
	
	#vv-header-image {padding: 62.5% 0 0 0; background-image: url("images/hero_pc.jpg");}
	
	.vv-navbar {width: 100%;}
	#page{width:100%; margin:0; padding:0;}
	#wrapper-index{width:100%; margin:0; padding:0;}
	.wrapper{width:100%; margin:0; padding:0;}
	#content{margin:0; padding: 1rem 8% 2rem; }
	#primary {width: 100%; padding:0;}
	#main {width: 100%; padding:0;}
	#single-wrapper{width: 100%; max-width:100%; padding:0; }
	#footer-main-container{margin:-20px 0 0 0; padding:20px 40px 80px;}　/*横幅空き*/
	#lapin{position:relative; left: 72%;  width:80px; height:150px;}
}

/* ------------------------------------ */
/* Midium devices (iPad, 768px and up)  */
/* ------------------------------------ */
@media (min-width: 768px) {
	#vv-navbar-logo img {width:100px; height:100px;} /* LOGO */
	#vv-header-image {padding: 62.5% 0 0 0; background-image: url("images/hero_pc.jpg");}
	
	#page{width:100%; margin:0;  padding:0;}
	#wrapper-index{width:100%; margin:0; padding:0;}
	.wrapper{width:100%; margin:0; padding:0;}
	.container {width:100%; max-width:100%; margin:0; padding:0;}
	#content{margin:0; padding: 1rem 8% 2rem; }
	#main {width: 100%; padding:0;　margin:0;}
	#single-wrapper{width: 100%;  margin:0; padding:0; }
	#footer-main-container{margin:-20px 0 0 0; padding:20px 40px 80px;}　/*横幅空き*/
	#lapin{position:relative; right:10%;  width:80px; height:150px;}
	#vv-footer-custom{letter-spacing: 0em;}
}

/* --------------------------------------------------- */
/* Extra large devices (large desktops, 1200px and up) */
/* --------------------------------------------------- */
@media (min-width: 1200px) {
	#vv-navbar-logo img {width:120px; height:120px;} /* LOGO */
	#page{margin:0; padding:0 24%;}
	#wrapper-index{width:100%; margin:0; padding:0;}
	.wrapper{width:100%; margin:0; padding:0;}
	.container .fit-to-screen{width:100%; margin:0; padding:0;}
	#content{margin:0; padding: 1rem 8% 2rem; }
	#main {width: 100%; margin:0; padding:50px 30px 0 0;}
	/* #main img {width:88%; height:auto; padding:0 0 1rem 0;} */
	/*#main img {width:100%; height:auto; margin:0; padding:0 0 1rem 0;}*/
	.col-md-3{margin:0; padding:0 1%;}
	#lapin{position:relative; left: 86%; width:80px; height:150px;}
	#vv-footer-custom{letter-spacing: -0.02em;}
	.entry-content img{width: 85%; height:auto;}
	.post img{width: 90%; height:auto;}
}

/* --------------------------------------------------- */
/* RESET                                               */
/* --------------------------------------------------- */
.wrapper{width:100%; margin:0; padding:0;}
.container{width:100%; margin:0; padding:0;}
.archive-wrapper{width:1280px;}
#archive-wrapper{width:100%; margin:0; padding:0;}
#error-404-wrapper{width:100%; margin:0; padding:0;}

#vv-home-container{width:100%; margin:0; padding:0;}
#vv-single-container{width:100%; margin:0; padding:0;}
#single-wrapper{width:100%; margin:0; padding:0;}
#vv-page-container{width:100%; margin:0; padding:0;}
#vv-archive-container{width:100%; margin:0; padding:0;}
#vv-archive-container{max-width: 1280px; margin:0; padding:0;}

.page-title{margin:0; padding:0;}

.cv-photo {padding:15px;}
.cv-photo img{border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}



/* ------------------------ */
/* Slide In Effect  --------*/
/* ------------------------ */

/* 画面外にいる状態 */
.fadein {
    opacity : 1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


/* ------------------------ */
/* Slide Show     ----------*/
/* ------------------------ */
#slide-container {
  position: relative;
  width: 100%;
  height: 75%;
  padding: 50% 0 0 0;
  background-color: #fff;
  overflow: hidden;
}
.item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  overflow: hidden;
}
.item a {
  display: block;
  height: 75%;
}
.item .background img {
  max-width: 100vw; /* Viewport Width */
}
	
	
.foreground {
  position: absolute;
}
.foreground .element {
  position: relative;
  left: 10%;
  width: 75%;
  color: #fff;
  text-shadow: 1px 1px 2px #000000;
}

.background {
  position: absolute;
  overflow: hidden;
}
.background .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
}
.foreground .element.title {
  top: 75px;
  font-size: 14px;
  text-transform: uppercase;
}
.foreground .element.subtitle {
  top: 85px;
  font-size: 10px; line-height: 11px;
}
.ui-loader {
  display: none;
}

/* --------------------------------------------------------------------------iPhone 6 */
@media (min-width: 360px) {
	.foreground .element.title {
  top: 100px;
  font-size: 18px;
  text-transform: uppercase;
}
.foreground .element.subtitle {
  top: 110px;
  font-size: 12px;  line-height: 13px;
}
}

/* --------------------------------------------------------------------------iPad mini */
@media (min-width: 768px) {
#slide-container {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  overflow: hidden;
}
.item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.item a {
  display: block;
  width: 100%;
  height: 366px;
}
.item .background img {
  max-width: 100vw; /* Viewport Width */
}
	
	
.foreground {
  position: absolute;
}
.foreground .element {
  position: relative;
  left: 20%;
  width: 75%;
  color: #fff;
  text-shadow: 1px 1px 2px #000000;
}

.background {
  position: absolute;
  overflow: hidden;
}
.background .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(80%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
  background: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 80%);
}
.foreground .element.title {
  top: 200px;
  font-size: 28px;
  text-transform: uppercase;
}
.foreground .element.subtitle {
  top: 220px;
  font-size: 17px;
}
.ui-loader {
  display: none;
}

}


/* ------------------------ */
/* 微調整　　   　 ----------*/
/* ------------------------ */
#archive-wrapper .entry-meta .posted-on { display:none; height:0px;}
.vv-recommendation .vv-print-posts-entry-meta { display:none; }
.vv-post-list-excerpt { display:none;}
.vv-excerpt-readmore { display:none;}
.sfsi_footerLnk { display:none;}
.comments-area { display:none;}