@charset "utf-8";
/*
Theme Name: Lightning Pro Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning-pro
Description: ★ テーマの説明（空欄でも可） ★
Author: Mariko
Tags: 
Version: 0.2.0
*/

body {
	display:none;
}
/* 共通
------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
a:focus {outline: 0;}

@font-face{ 
	font-family: 'boku';
	src: url('fonts/yasashisa.woff2') format('woff2');
	font-weight: normal; 
	font-style: normal;
	font-display: swap;
}
.web-font{font-family: 'boku';}

h1, h2, h3, h4, h5, h6 {
  line-height: 140% !important;

	font-family: 'boku';

}
#body *{
	box-sizing: border-box !important;
	gap:initial !important;
}
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;position: relative;}
html {-webkit-text-size-adjust: 100%}

input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none;}
input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px;}
body{
	font-family: "Noto Sans JP", Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 17px;
	line-height: 180%;
	color: #675D53 !important;
	background: url(images/background.jpg.webp) repeat left top;
	line-height: 150% !important;
	-webkit-text-size-adjust: none;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	font-display: swap;
}


a:not([class]) {
  text-decoration-skip-ink: auto;
}

a:hover {
  transition: .4s;
}

a {
  font-size: 100%;
  color: #387A8A;
  font-weight: bold;
  transition: 0.5s;
}
.link-a{
	position:absolute;
	margin:auto;
	padding:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}
a:hover, a:active {
  outline: none;
  color: #F18F23;
  text-decoration: underline;
}

img {
  max-width: 100%;
  display: block;
}
figure{margin: 0;}
a:hover img {
  opacity: 0.6;
}

.flex-area img, .flex-area-left img, .flex-area-center img {
  display: initial;
}

article>*+* {
  margin-top: 1em;
}

input[type="text"], textarea, input[type="email"], input[type="url"], input[type="tel"], select {
  vertical-align: middle;
  max-width: 94% !important;
  line-height: 42px;
  height: 42px !important;
  padding: 5px 10px;
  border: none;
  border-radius: 6px;
  font-size: 100%;
  background: url(images/formback.jpg.webp) repeat left top;
}

textarea {
  height: auto;
  line-height: 1.5;
  border: none;
}

input[type="submit"], input[type="reset"], input[type="button"], .button a, a.button{
  font-family: 'boku';
  padding: 3px 10px;
  background: #387A8A url(images/button_back.jpg.webp) repeat left top;
  border: 0;
  border-radius: 6px;
  line-height: 1.5;
  font-size: 18px;
  color: #fffcf4;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  height: 50px;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button a:hover , a.button:hover,#bottom-contact-baner.contact-baner:hover .button{
  background: #F18F23 url(images/button_back_h.jpg.webp) repeat left top;
  color: #F0E6CD;
}

*:first-child+html input[type="submit"] {
  padding: 3px;
}

.flex-area{
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.flex-area-left{
	display: flex;
	justify-content:flex-start;
	align-items: center;
}
.flex-area-center{
	display: flex;
	justify-content:center;
	align-items: center;
}
#page_top {
  display: none !important;
}

/*****************レイアウト************************/
#header {
  height: 270px;
  margin-bottom: -20px;
  position: relative;
  z-index: 1;
  background: none !important;
  box-shadow: none !important;
}
.siteHeader{
	background: none !important;
  box-shadow: none !important;
}
.home #header {
  margin-bottom: -20px;
}
#wrapper-area {
  align-items: stretch;
  
}
#wrapper-area > .wp-block-group__inner-container,.siteContent > .container > .row {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 1140px;
	margin: 0;
}
#content,#main {
  flex: 2;
  order: 2;
  float: none !important;
  flex-basis: initial !important;
  flex-grow: initial !important;
  padding: 0;
  width: calc(100% - 350px);
}
#sidebar {
  width: 300px;
  padding: 0 0 30px 0;
  order: 1;
  margin-right: 50px;
  flex-shrink: 0;
  float: none !important;
  flex-basis: initial !important;
  flex-grow: initial !important;

}
#footer {
  clear: both;
  padding-top: 60px;
}
.wrap {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
}
.wrap900 {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}
.cont-box {
  margin: 0 auto 80px;
}

.back-white {
  background: #fff;
  border-radius: 4px;
}

.round {
  border-radius: 6px;
}
/****コンテンツ幅******/
@media (min-width: 576px){
  :root {
	--vk-width-container: 570px;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
  }
}
@media (min-width: 768px){
  :root {
	--vk-width-container: 760px;
  }
  .container, .container-md, .container-sm {
	  max-width: 100%;
  }
  
}


@media (min-width: 992px){
  :root {
	--vk-width-container: 980px;
  }
  .container, .container-md, .container-sm {
	  max-width: 960px;
  }
}

@media (min-width: 1020px){
  :root {
	--vk-width-container: 1040px;
  }
  .container, .container-lg, .container-md, .container-sm{max-width: 1000px;}
  
}
@media (min-width: 1180px){
  :root {
	--vk-width-container: 1160px;
  }
  .container, .container-lg, .container-md, .container-sm{max-width:1140px;}
  

}
/****コンテンツ幅　　ここまで******/


/* フォント
------------------------------------------------------------*/

h2.title, .entry-body h2 {
  clear: both;
  margin: 0 0 20px;
  padding: 45px 0 20px 105px;
 font-size: 25px;
  color: #6A3225;
  background: url(images/h2title.png.webp) no-repeat left center;
  background-size: 100px auto;
  font-weight: bold;
  font-family: 'boku';
}

.entry-body h2 {
  margin-top: 20px;
}

.mainSection-title, h2 {
  padding: 5px 0;
}
h2.h2-backnone{
  background: none !important;
  padding: 0;
  min-height: initial;
  margin: 0 0 15px;
}

h2.first, h3.first { margin-top: 0 !important;}
.entry-body h3, .post-single h3 {
  margin: 20px 0 15px 0;
 font-size: 24px;
  font-weight: bold;
  color: #665D52;
  background: url(images/h3.png.webp) no-repeat left center;
  padding: 40px 0 15px 100px;
  min-height: 55px;
  font-family: 'boku';
}
h3.h3-backnone{
  background: none !important;
  padding-left: 0;
  min-height: initial;
}
.post-single h2 span {
  background: none !important;
  padding: 0 !important;
}

.entry-body h4, .post-single h4 {
  margin: 20px 0 15px 0;
  font-size: 20px;
  font-weight: bold;
  color: #665D52;
  line-height: 160%;
  background: none;
  padding-left: 0;
  font-family: 'boku';
  min-height: 20px;
  background: none !important;
}

.entry-body h4 span, .post-single h3 span {
  background: none;
}

.mainSection-title, h2, .subSection-title, h3 {
  border: none;
}

.subSection-title:after, h3:after {
  content: none;
}

.dateLabel {
  margin: -10px 0 10px;
  text-align: right;
  font: italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.entry-body p {
  padding-bottom: 15px;
}

.entry-body ul {
  margin: 0 0 10px 10px;
}

.entry-body ul li {
  margin-bottom: 5px;
}

.single-post .entry-body ul li {
 background: url(images/list.jpg.webp) no-repeat left 7px;
  margin: 0 0 0 20px;
  padding: 0 0 15px 22px;
}

.single-post .entry-body .veu_socialSet ul li {
  background: none;
  margin: 3px;
  padding: 0;
}

.entry-body ol {
  margin: 0 0 10px 30px;
}

.entry-body ol li {
  list-style: decimal;
}

span.marker {
  background: linear-gradient(transparent 60%, #FBE158 60%) !important;
  padding: 0 0 2px 0;
  font-weight: bold;
}

span.marker-w {
  background: linear-gradient(transparent 60%, #f2ead5 60%) !important;
  padding: 0 0 1px 0;
  font-weight: bold;
}

.entry-body blockquote {
  background-color: #fff;
  padding: 3em 30px;
  position: relative;
  margin: 15px 0;
}

.entry-body blockquote:before {
  content: '';
  font-size: 600%;
  line-height: 1em;
  font-family: "ＭＳ Ｐゴシック", sans-serif;
  color: #999;
  position: absolute;
  left: 0;
  top: 0;
}

.entry-body blockquote:after {
  content: '';
  font-size: 600%;
  line-height: 0em;
  font-family: "ＭＳ Ｐゴシック", sans-serif;
  color: #999;
  position: absolute;
  right: 0;
  bottom: 0;
}

.entry-body blockquote p {
  padding: 5px 0;
}

.entry-body table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 10px 0 20px;
}

.entry-body table th {
  padding: 7px 10px 7px 5px;
  font-weight: bold;
  margin-right: 2px;
  text-align: left;
  border-bottom: #D3C9A4 2px dotted;
  font-size: 16px;
}

.entry-body table tr {
  padding: 20px 0 10px 0;
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.entry-body table td {
  border-bottom: #D3C9A4 2px dotted;
  padding: 7px 5px;
  font-size: 16px;
}

.page-id-37 .entry-body table th {
  width: 9em;
  vertical-align: top;
}

.entry-body dt {
  font-weight: bold;
}

.entry-body dd {
  padding-bottom: 10px;
}

img.aligncenter {
  display: block;
  margin: 5px auto 15px auto;
}

img.alignright, img.alignleft {
  display: inline;
}

img.alignleft {
  margin-right: 20px;
  margin-bottom: 15px;
}

img.alignright {
  margin-left: 20px;
  margin-bottom: 15px;
}

img.img-inline {
  display: inline;
  vertical-align: middle;
}

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

.icon-flex {
  margin-right: 10px;
}

.relative {
  position: relative;
}

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

.bold {
  font-weight: bold;
}
.arrow .arrow-inner{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  padding: 0;
}
.arrow .arrow-inner:before {
  content: '';
  display: inline-block;
  position: relative;
  background: url(images/list_b-min.png.webp) no-repeat left center;
  background-size:100% 100%;
  width: 10px;
  height: 12px;
  margin:7px 8px 0 0;
  
}
.arrow-middle .arrow-inner-middle{
  display: flex;
  justify-content: flex-start;
  position: relative;
  padding: 0;
  align-items: center;
}
.arrow-middle .arrow-inner-middle:before {
  content: '';
  display: inline-block;
  position: relative;
  background: url(images/list_b-min.png.webp) no-repeat left center;
  background-size:100% 100%;
  width: 10px;
  height: 12px;
  margin:0 8px 0 0;
  
}


br.br1140, br.br789, br.br589, br.br489, br.br389 {
  display: none;
}

#fontplus-trial-banner {
  opacity: 0;
}
/**animate***/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@keyframes fadeIn {
  0% {
  opacity: 0
  }
  to {
  opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
  opacity: 0
  }
  to {
  opacity: 1
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-duration: 2s;
}
@-webkit-keyframes fadeInUp {
  from {
  opacity: 0;
  -webkit-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0);
  }

  to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
  opacity: 0;
  -webkit-transform: translate3d(0, 20%, 0);
  transform: translate3d(0, 20%, 0);
  }

  to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-duration: 2s;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3)
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9)
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97)
  }
  to {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
  -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3)
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9)
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97)
  }
  to {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
  }
}

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

/* header
------------------------------------------------------------*/
#header .headerTop{
  background: none !important;
  border: none !important;
}
#header .siteHeadContainer{
  position: relative;
}
#body .navbar-header{
  opacity: 1 !important;
  animation-delay: 1s;
}
#body .headerTop_description{display: none;}
#header .headerTop .container{display: block;}
#header .siteHeader_logo {
	display: block;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 10px;
	text-align: center;
	padding: 0 0 0 3px;
	color: #3B2814;
	font-size: 12px;
	font-weight: normal;
}
#header-logo{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
  width: 230px;
  top: 30px;
}
#body .siteHeader_logo a {
	color: #8c796d;
}

/* グローバルメニュー
------------------------------------------------------------*/
#header .gMenu_outer{
  position: initial;
  padding-top: 98px;
  float: none;
  display: block;
  width: 100%;
}
#header .gMenu_outer nav{
  display: block;
  width: 100%;
}
#menu-nav {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  width: 100%;
  margin: 0 auto;
  float: none;
}
#menu-nav .nav_left-last {margin-right: 130px !important; }
#menu-nav .nav_right-first {margin-left: 130px !important; }

#body.device-mobile .gMenu>li { padding: 0;}
#header .gMenu>li:before{ content: none ;}
#header .gMenu>li>ul.sub-menu{
  background: url(images/formback.jpg.webp) repeat left top;
  box-shadow: none;
  width: 280px;
  border-radius: 6px;
}
#header .gMenu>li.menu-item-has-children::after { border-bottom-color: #dbe88d;}
#header .gMenu>li>ul li{
  font-size: 16px;
  margin: 0;
  border-bottom: 1px solid #e8e3c6;
}
#header .gMenu>li>ul.sub-menu li a{color: #387A8A;}
#header .gMenu>li>ul.sub-menu li a:hover {
  background: url(images/pack-back.jpg.webp) repeat left top;
  color: #F18F23;
}
#header .gMenu>li>ul.sub-menu li:last-child {
  border: 0;
  border-radius: 0 0 6px 6px;
}
/* mainimage
------------------------------------------------------------*/
#mainimage {
  line-height: 0;
  z-index: 0;
  margin: 0 auto 70px auto;
  height: auto;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;

}

#mainimage-inner > .wp-block-group__inner-container{
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#mainimage .main {
  width: 420px;
  margin: 0 60px 0 20px;
  animation-delay: 0s;
  flex-shrink: 0;
}
#mainimage .mainimage-right { flex: 2;}
#mainimage h2.mainimage-title {
  text-align:left;
  align-items: flex-end;  
  color: #695c54;
  font-size: 26px;
  font-family: 'boku';
  background: url(images/mainimage-line.png.webp) no-repeat left bottom;
  padding: 0 0 19px 0;
  margin-bottom: 30px;
}
#mainimage h2.mainimage-title span {padding-right: 15px;}
#mainimage .main_p {
  position: relative;
}

.mainimage-robo {
  display: block;
  position: absolute;
  bottom: -20px;
  right: -40px;
  z-index: 0;
  animation-delay: 1.5s;
}
#mainimage .main_p p {
  margin-bottom: 20px;
  position: relative;
  z-index: 100;
}
/* トップページ
------------------------------------------------------------*/
#top-sec1 > .wp-block-group__inner-container,#top-sec2 > .wp-block-group__inner-container{
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
#top-sec1,#top-sec2{
  margin: 0 auto 70px;
  padding: 0 50px;
}
#top-sec1 .concept-img {
  margin: 0 50px 20px 0;
  width: 180px;
  flex-shrink: 0;
}
.top-info h3.top-info-h3 {
  margin-bottom: 20px;
  color: #675d53;
  font-family: 'boku';
 font-size: 22px;
  position: relative;
  vertical-align: middle;
}
.top-info h3.top-info-h3 img.img-inline { margin: 0 10px;}
#top-sec2 .left {
  margin-right: 50px;
  flex: 2;
}
#top-sec2 .right{
  width: 210px;
  flex-shrink: 0;
}
#top-sec2 .right  > .wp-block-group__inner-container{
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#top-sec2 .more-about {
  line-height: 100%;
  margin-right: 20px;
}
#top-sec2 .more-about img { max-width: 67px;}
.top-info-post {
  text-align: center;
  margin: 0 auto 20px auto;
  position: relative;
  overflow: visible !important;
}
#top-sec3 h4 {
  font-weight: bold;
  color: #665d52;
  line-height: 160%;
  padding: 0 0 18px 0 !important;
  font-family: 'boku';
  background: url(images/mainimage-line.png.webp) repeat-x center bottom !important;
  width: 740px;
  margin: 0 auto !important;
  border: none;
  font-size: 20px;
}
#top-sec3 h4 span { 
	display: inline-block;
	margin:0 15px;
}
#top-sec3 h4>* { vertical-align: middle;}
.top-info-post .top-info-post-img1 { animation-delay: 0.5s;}
.top-info-post .top-info-post-img2 { animation-delay: 1s;}
#top-works {
  width: 100%;
  height: auto;
  background: url(images/back-yellow.png.webp) repeat center top;
  padding: 40px 35px 25px 35px;
  margin: 0 auto 70px auto;
  border-radius: 6px;
}

.top-works-title {
  background: url(images/works-top-line.png.webp) repeat-x left bottom;
  padding: 0 0 14px 0;
  margin: 0 auto 20px auto;
  position: relative;
}

.top-works-title .works-titleimg { animation-delay: 1s;}
.top-works-title h2 span {
  color: #695C54;
  font-weight: bold;
  font-size: 20px;
}

.top-works-title .toworks {
  position: absolute;
  top: 0;
  right: 0;
  background: url(images/background.jpg.webp) repeat left top;
  border-radius: 3px;
  padding: 10px;
}

.top-works-title .toworks:hover {
  background: url(images/pack-back.jpg.webp) repeat left top;
}

.top-works-title .toworks img {
  margin: 0 !important;
}

#top-works ul {
  width: 100%;
  margin: 0 0 0 -12px;
  flex-wrap: wrap;
}
#top-works ul li {
  width: 32%;
  margin: 0 0 20px;
}
#top-works ul li img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
/****ちょもパック***/
#front-chomo-pack {
  width: 100%;
  height: auto;
  background: url(images/back-yellow.png.webp) repeat center top;
  padding: 40px 35px 35px 35px;
  margin: 0 auto 40px auto;
  border-radius: 6px;
}
#front-chomo-pack .left {
  z-index: 100;
  flex: 2;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  margin-right: 30px;
  color: #6c4206;
  order: 1;
  -webkit-order: 1;
  -ms-order: 1;
}
#front-chomo-pack .chomo-kawaii {
  position: absolute;
  margin: auto;
  top: -60px;
  left: 0;
  right: 0;
  align-items: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
}
#front-chomo-pack .chomo-kawaii > .wp-block-group__inner-container{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#front-chomo-pack .chomo-kawaii h3 {
  background: url(images/balloon-kawaii.png.webp) no-repeat center top;
  width: 214px;
  height: 95px;
  background-size: 100% 100% !important;
  font-size: 16px;
  font-weight: bold;
  color: #6c4206;
  font-family: 'boku';
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  padding: 5px 0 0 15px !important;
}
.butterfly-kawaii {
  position: absolute;
  display: block;
  bottom: 0;
  right: -20px;
}
#front-chomo-pack #front-chomo-pack-h4{
	z-index: 101;
	padding: 0;
	margin-bottom: 40px;
	color: #6b4206;
	font-size: 1.5em !important;
}
#front-chomo-pack-inner > .wp-block-group__inner-container{
  position: relative;
  display: flex;
  justify-content:space-between;
  align-items: flex-start;
}
#front-chomo-pack .front-chomo-pack-price {
  color: #d8523f;
  font-size: 25px;
  font-weight: bold;
  line-height: 140%;
  font-family: 'boku';
  text-align: center;
  padding: 5px 0 1px;
  border-bottom: 4px dotted #fff4de;
  display: block;
  margin: 0 auto 15px;
}

#front-chomo-pack-title h2 {
  color: #6c4206;
  font-family: 'boku';
  font-weight: bold;
}
#front-chomo-pack-title h2 .min {
  font-size: 14px;
  display: block;
  padding: 0 0 4px;
}
#front-chomo-pack ul {margin: 8px 0 0 30px;}
#front-chomo-pack ul li {
  background: url(images/osusume-flower.png.webp) no-repeat left center;
  padding: 10px 10px 10px 25px;
  display: block;
  line-height: 20px;
  margin-left: -20px;
  font-family: 'boku';
}
#front-chomo-pack .kawaii-ribon {
  position: absolute;
  right: -90px;
  top: -180px;
  z-index: 100;
}
#front-chomo-pack .right {
  width: 580px;
  height: 380px;
  position: relative;
  order: 2;
 margin-top:50px;
}
.chomo-pack-slider .itemDisplay {overflow: visible !important;}
#front-chomo-pack .right ul {
  margin: 0;
  width: 100% !important;
}
#front-chomo-pack .right ul li {
  padding: 0;
  margin: 0;
  background: none;
  border-radius: 6px;
  overflow: hidden;
}
.chomo-pack-slider .indicator{z-index: 200;}
.chomo-pack-slider .indicator span{background: #dbc395 !important;}
.chomo-pack-slider .indicator span.current{background: #ff9e92 !important;}

#front-chomo-pack .button {
font-size: 21px;
  text-align: center;
  display: block;
  width: 300px;
  line-height: 50px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}
#front-chomo-pack .chomo-pack-back {
  display: block;
  position: absolute;
  left: -150px;
  bottom: 0;
  z-index: 0;
}
#bottom-contact-baner.front-contact-baner{
	display: block;
	width: 100%;
	max-width: 800px;
	background: #fff;
	border-radius: 6px;
	padding: 35px 70px 0 300px;
	margin: 0 auto 50px auto;
	position: relative;
}
.front-contact-baner .logo-img{
	left:100px;
	top:0;
	bottom:0;
	margin:auto;
	height:150px;
}
#front-contactbanner-h3{
	padding: 0;
	background: none;
	font-size: 1.4em;
	margin: 10px 0 14px;
}


#top-menu-list {
  position: relative;
  margin: 0 auto 70px;
}
#top-menu-list:before { 
  content: '';
  display: block;
  background: url(images/mainimage.jpg.webp) no-repeat center top;
  background-size: 100% auto;
  width: 300px;
  height: 228px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.4;
}
#top-menu-list-title {
  color: #6c4206;
  font-family: 'boku';
  font-weight: bold;
  text-align: center;
  line-height: 140%;
  font-size: 22px;
  margin-right: 30px;
  background: url(images/mainimage-line.png.webp) repeat-x center bottom;
  background-size: auto 5px;
  padding: 0 20px 14px;
  position: relative;
}
#top-menu-list-title:before {
  box-sizing: border-box;
  content: '';
  display: block;
  background: url(images/contact-banner-img.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 64px;
  height: 47px;
  position: absolute;
  left: -20px;
  top: -10px;
}
#top-menu-list .top-menu-box {
  width: 300px;
  height: auto;
  display: block;
  margin: 0 15px 0;
  position: relative;
  background: url(images/tebp-back-pc.png.webp) no-repeat center top;
  text-align: center;
  padding: 30px 0 70px 0;
  background-size: 100% 100%;
  z-index: 100;
  text-decoration: none !important;
}
#top-menu-list .top-menu-box:hover { opacity: 0.8;}
#top-menu-list #period {
  background: url(images/period.png.webp) no-repeat center top;
  width: 82px;
  height: 71px;
  position: absolute;
  top: -46px;
  margin: auto;
  left: 0;
  right: 0;
}
#top-menu-list #period p {
  padding: 17px 0 0 0;
  text-align: center;
  line-height: 130%;
  color: #6a3225;
  font-family: 'boku';
  font-size: 14px;
}
#top-menu-list .top-menu-img {
  display: block;
  margin: 0 auto;
}
#top-menu-list .menu-lead {
  font-size: 14px;
  color: #9a6d43;
  font-family: 'boku';
  line-height: 140%;
  padding: 0 0 5px 0;
}
#top-menu-list .pack-name {
  color: #6a3225;
  font-size: 26px;
  font-family: 'boku';
}
#top-menu-list .price {
  color: #d8523f;
  font-size: 20px;
  font-weight: bold;
  line-height: 140%;
  font-family: 'boku';
}
#top-menu-list .min { font-size: 12px;}
#top-menu-list .temp-pc {
  position: absolute;
  bottom: 34px;
  left: 0;
  right: 0;
  display: block;
  width: 190px;
  margin: auto;
  background: url(images/background.jpg.webp) repeat left top;
  border-radius: 3px;
  padding: 4px;
  font-size: 14px;
}
#top-menu-list .temp-pc span {
  background: url(images/list_b-min.png.webp) no-repeat center left;
  padding: 0 0 0 20px;
}
#top-link {
  font-size: 16px;
  font-weight: bold;
  background: url(images/houses.jpg.webp) no-repeat center bottom;
  background-size: 100% auto;
  padding-bottom: 88px;
  margin-bottom: 30px;
  overflow: hidden;
  text-align: center;
}
#top-link > .wp-block-group__inner-container{
  position: relative;
  display: flex;
  justify-content:space-between;
  align-items: flex-start;
}
#top-link a{
  display: block;
  background-size: 100% 100% !important;
}
#top-link a:hover {text-decoration: none !important;}
#top-link a .top{
  width: 100%;
  display: block;
}
#top-link .arrow { 
  font-size: 20px;
  font-weight: bold;
}
#top-link .arrow-inner{justify-content: center;}
.link-price {
  width: 234px;
  height: 138px;
  background: url(images/flow_cloud.jpg.webp) no-repeat center center;
  margin: 50px 0 0 0;
  padding: 46px 0 0 0;
}
.link-qa {
  width: 220px;
  height: 137px;
  background: url(images/qa_cloud.jpg.webp) no-repeat center center;
  margin: 0 ;
  padding: 50px 0 0 0;
  animation-delay: 0.5s;
}
.link-contact {
  width: 232px;
  height: 140px;
  background: url(images/contact_cloud.jpg.webp) no-repeat center center;
  margin: 50px 0 0 0;
  padding: 45px 0 0 0;
  animation-delay: 1s;
}
.thanks img {
  border: #D3C9A4 2px dotted;
  padding: 5px;
  float: left;
  margin-right: 20px;
  display: block;
}
.thanks a {
  display: block;
}

.profile {
  margin-top: 30px;
}

.profile table th, .profile table td {
  border: none;
}

.info-news {
  padding-bottom: 40px;
}
#front-blog ul, #front-prettythings ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}

#front-blog li {
  width: 48%;
  border: none;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 30px;
  padding: 15px 15px 15px;
  position: relative;
}

#front-blog li:nth-child(odd) {
  animation-delay: 0s;
}
#front-blog li:nth-child(even) {
  animation-delay: 0.5s;
}
#front-blog li a ,.info-news li a{
  font-weight: normal;
  display: block;
}
.info-news a:hover {text-decoration: none !important;}
#front-blog li .article-cat {
  background: #efda88;
  z-index: 100;
}
#front-blog li .article-cat a{color: #693225;}
.front-thum{margin-bottom: 20px;}
#body .top-readmore{
  border: none !important;
}
.top-readmore .arrow-inner{
  align-items: center;
  justify-content: flex-end;
}
.top-readmore .arrow-inner:before{margin-top: 0;}
.info-news li {
  padding: 15px 0 15px 0;
  border-bottom: #D3C9A4 2px dotted;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.info-news li .wp-block-post-date{
  flex-shrink: 0;
  white-space: nowrap;
  margin-right: 15px;
}
.info-news a:hover { text-decoration: none !important;}
#front-blog li .article-cat {
  background: #efda88;
  color: #693225;
  z-index: 100;
}
.info-news time {
  color: #675D53;
  font-weight: normal;
}
.info-news li h2,.info-news li h4 ,#front-blog li h4{
  font-size: 18px;
  margin: 0;
}
#front-prettythings h2.title { padding-top: 30px;}
#front-prettythings h2.title .text{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#front-prettythings h2.title .min {
  padding: 0;
  margin: 0 10px 0 10px;
  font-size: 14px;
  color: #fb7b80;
}
#front-prettythings li {
  width: 19%;
  border: none;
  background: #ffccce;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
  border-radius: 6px;
	padding: 8px;
}
#front-prettythings li:nth-child(odd) {animation-delay: 0s;}
#front-prettythings li:nth-child(even) {animation-delay: 0.5s;}
#front-prettythings figure{
	width: 100%;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	
	position: relative;
	z-index: 1;
	border-radius: 6px;
}
#front-prettythings li a {
  display: block;
}

#front-prettythings li a img {
	object-fit: cover;
	margin: auto;
	aspect-ratio: 1 / 1;
	
}
/************************sidebar*****************************/
#side-pretty-list {
  border: 4px solid #fff;
  border-radius: 8px;
  padding: 10px;
  margin: 0 auto 50px;
}
#side-pretty-list .title-area img {
  width: 200px;
  height: auto;
  margin: 0 auto;
  display: block;
}
#side-pretty-list .veu_postList,#side-pretty-list .widget_vkexunit_post_list{margin-bottom: 0;}
#side-pretty-list .postList_item{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: #D3C9A4 2px dotted;
  padding: 15px 0;
}
#side-pretty-list .postList_item .postList_thumbnail {
  width: 140px;
  height: 140px;
  position: relative;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 4px;
  flex-shrink: 0;
}
#side-pretty-list .postList_item .postList_thumbnail img {
  display: block;
  width: 140px;
  height: 140px;
  object-fit: cover;
  border-radius: 6px;
}
#side-pretty-list .postList_item .postList_title{
  background: none !important;
  padding: 0;
  text-align: left;
}
#side-pretty-list .postList_item .postList_title a{
  font-size: 12px;
  line-height: 150%;
  color: #387A8A;
}
#side-pretty-list .postList_item .postList_title a:hover{ color: #F18F23;}
#side-pretty-list .veu_postList .postList_date{display: none;}
#side-pretty-list .side-pretty-more {padding: 10px 15px 0;}
#side-pretty-list .arrow .arrow-inner{justify-content: center;}
#side-banner-area br{display:none;}
#side-banner-book {
  background: url(images/banner-book-back.png.webp) repeat center top;
  border-radius: 6px;
  display: block;
  margin: 0 auto 30px;
  transition: 0.5s;
  cursor: pointer;
  font-family: 'FOT-スーラ Pro DB', SeuratPro-DB;
}
#side-banner-book:hover {
  text-decoration: none !important;
  background: url(images/banner-book-back-h.png.webp) repeat center top;
  transition: 0.5s;
}
#side-banner-book:hover img {opacity: 1;}
#side-banner-book .banner-book-title {
  width: 160px;
  display: block;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  z-index: 10;
}
#side-banner-book #banner-book-inner {
  overflow: hidden;
  padding: 65px 10px 0;
  position: relative;
}
#side-banner-book .text {
  background: rgba(255, 255, 255, 0.54);
  border-radius: 6px;
  padding: 10px;
  margin: 0 auto 10px;
}
#side-banner-book p {
  font-size: 13px;
  line-height: 140%;
  text-align: center;
  padding: 0 0 2px 0;
  color: #312114;
/*   position: relative; */
  z-index: 10;
}
#side-banner-book p.big {
  font-size: 1em;
  font-weight: bold;
  padding: 0 0 8px;
}
#side-banner-book p .big {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 3px;
}
#side-banner-book .side-book {
  display: block;
  margin: auto;
  position: absolute;
  right: -5px;
  bottom: 0;
  transition: all 0.2s ease 0s;
  animation-delay: 2s;
}
#side-banner-book:hover .side-book {transform: translate(0, -20px);}
#side-banner-book .book-flag {
  display: block;
  position: absolute;
  z-index: 0;
}
#side-banner-book .book-flag1 {
  left: -50px;
  top: -60px;
}
#side-banner-book .book-flag2 {
  right: -100px;
  top: -30px;
}
.side-list {margin-bottom: 40px;}
.home .side-list {display: none !important;}
section.widget {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#sidebar h3{
  clear: both;
  margin: 0 ;
  padding: 5px 0;
  font-size: 1.17em;
}
#sidebar #text-2 h2 {
  font-size: 17px;
  margin: 0 auto 8px;
}
.baner1 {
  width: 265px;
  height: 180px;
  display: block;
  margin: 0 auto 30px auto;
}
.widget_text {
  border: #D3C9A4 2px dotted;
  padding: 10px;
  font-size: 14px;
}
#sidebar .widget_text h3{
  padding: 15px 0 0 8px !important;
  margin-bottom: 20px;
}
.widget_text h3 span {
  background: url(images/side_midashi.jpg.webp) no-repeat left center;
  line-height: 20px;
  padding-left: 25px;
  color: #9A6D43;
  font-weight: bold;
}
.textwidget { padding: 0 10px;}
#sidebar ul {margin-top: 0;}
.side-list li a {
  border-bottom: #D3C9A4 2px dotted;
  padding: 15px 0;
}
.side-list li ul {
  margin: 0;
  padding: 0;
}
.side-list li ul li a {
  margin: 0;
  padding: 15px 0 15px 20px;
}
.side-list a {
  display: block;
  font-weight: normal;
}
#sidebar ul li.cat-item a{align-items: center;}

#blog-popular-area .ranking-li > p{display:none;}
#blog-popular-area .ranking-li a {
  display: flex;
  justify-content:flex-start;
  align-items: center;
  border-bottom: #D3C9A4 2px dotted;
  padding: 15px 0;
}
#blog-popular-area .cms-nav-img{
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  border: 4px solid #fff;
  flex-shrink: 0;
}
#blog-popular-area .cms-nav-img img {
  object-fit: cover;
  width: 100px;
  height: 100px;
  position: relative;
  border-radius: 6px;
}
#blog-popular-area .cms-nav-txt {
  font-size: 12px;
  line-height: 150%;
  flex: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  width: auto;
}
#sidebar .banner {
  padding-bottom: 20px;
  display: block;
}
#sidebar .banner img {display: block !important;}
#contactBanner {
  width: 265px;
  height: 30px;
  padding-top: 110px;
  background: url(images/banners/banner_tel.jpg.webp) no-repeat;
}
#contactBanner p.tel {
  display: inline;
  padding-left: 80px;
  margin-left: 30px;
  text-align: center;
  font-weight: bold;
  background: url(images/tel.png.webp) no-repeat;
}
.info-news { padding-bottom: 40px;}
.info-news p {
  clear: both;
  padding: 20px 0 10px 0;
  border-bottom: #D3C9A4 2px dotted;
}
/*
#block-13 = かわいいもの
#block-16 = ブログカテゴリ
#block-17 = ブログの人気記事
#block-18 = プライス
#block-15 = 実績
*/
#block-13,#block-16,#block-17,#block-18,#block-15{display: none;}
.post-type-works #block-15{display: block;}
.post-type-prettythings #block-13{display: block;}
.post-name-flowprice #block-18{display: block;}
.post-type-post #block-16,.post-type-post #block-17{display: block;}
.post-type-post #sidebar aside.widget_postlist,.post-type-post #sidebar aside.widget_categories,.post-type-post #sidebar aside.widget_archive{display: none;}

/*************************footer********************************/
#footer {
  background: url(images/footer.jpg.webp) repeat-x left top;
  border: none !important;
}
.footer-inner > .wp-block-group__inner-container{
  position: relative;
  display: flex;
  justify-content:center;
  align-items: center;
}
.footer-info {
  width: 280px;
  margin:0 0 0 10px;
  position: relative;
}
#footerLogo img { max-width: 180px ;height:auto;}
.footer_nav{padding-top: 20px;}
.footer_nav > .wp-block-group__inner-container{
  position: relative;
  display: flex;
  justify-content:space-between;
  align-items: stretch;
}
#footer ul {margin-left: 50px;}
#footer ul ul {
  padding-bottom: 0;
  width: auto;
  margin: 0 0 0 10px;
}
#footer ul li {
  vertical-align: text-top;
  text-align: left;
  padding: 5px 0;
  clear: both;
}
#footer ul li a {
  display: block;
  overflow: hidden;
  color: #F3EBD8;
  font-weight: normal;
}
#footer ul li a span {
  background: url(images/list_w.png.webp) no-repeat left center;
  padding: 0 0 0 24px;
}
#footer ul li a:hover {
  text-decoration: underline;
  color: #E99433;
}
#footer ul li li {
  display: block;
  vertical-align: text-top;
  text-align: left;
  padding: 5px 0 5px 5px;
}
#fooder-h2 {
  font-size: 12px;
  color: #F3EBD8;
  clear: both;
  text-align: center;
  padding: 100px 0 0 0;
  display: none;
}
#block-47{display: none;}
#footer .copySection {
  clear: both;
  padding: 5px 0 5px 0;
  text-align: center;
  font-style: normal;
  font-size: 85%;
  zoom: 1;
  color: #F3EBD8;
}
.copySection p{line-height: 130%;}
/* pagetop
------------------------------------------------------------*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0.8;
  z-index: 10;
}
#page-top a {
  background: url(images/formback.jpg.webp) repeat left top;
  border-radius: 6px;
  display: block;
  width: 100px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
}
.cvpixel {
  display: none;
  width: 1px;
  height: 1px;
}

.sent .cvpixel { display: inline;}

#page-top a:hover {
  background: url(images/pack-back.jpg.webp) repeat left top;
}

.pagetop {
  margin-bottom: 20px;
  width: 210px;
  height: 50px;
  background: url(images/pagetop.jpg.webp) no-repeat left top;
  float: right;
  margin-right: 10px;
}

.pagetop a {
  display: block;
  padding: 15px 0 0 65px;
}


/* 下層ページ共通
------------------------------------------------------------*/
.wp-caption-text {
  font-size: 12px;
  text-align: center;
  padding: 0 10px;
}
.page-header {
  background: url(images/back-yellow.png.webp) repeat center top;
  color: #6A3225;
  max-width: 1140px;
  width: 100%;
  margin: 40px auto 0;
}
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
  display: inline-block;
  position: relative;
  background: url(images/works-top-line.png.webp) no-repeat center bottom;
  padding: 0 30px 16px;
  font-size: 30px;
  animation: bounceIn;
  animation-duration: 1s;
}

.page-header_pageTitle:before {
  content: '';
  display: block;
  background: url(images/top-info-post2.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 43px;
  height: 50px;
  position: absolute;
  left: -55px;
  bottom: 0;
  z-index: 0;
}

.page-header_pageTitle:after {
  box-sizing: border-box;
  content: '';
  display: block;
  background: url(images/mainimage.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 80px;
  height: 72px;
  position: absolute;
  right: -90px;
  bottom: -16px;
  z-index: 0;
  opacity: 1;
}
.breadSection {
  border: none !important;
  margin: 0 auto;
}
.contact-baner {
  display: block;
  width: 601px;
  height: 202px;
  background: url(images/contact-baner-back.png.webp) no-repeat left bottom;
  background-size: 100% 100%;
  padding: 35px 70px 0 200px;
  margin: 100px auto 50px auto;
  clear: both;
  position: relative;
}
 #body .contact-baner, #body .contact-baner:hover *{text-decoration: none !important;}
.contact-baner h3 {
  color: #825532;
  font-size: 18px;
  line-height: 150%;
  position: relative;
  margin-bottom: 0;
}
.contact-baner h3:before {
  content: '';
  display: block;
  position: absolute;
  top: -34px;
  left: -36px;
  width: 64px;
  height: 47px;
  background: url(images/contact-banner-img.png.webp) no-repeat center bottom;
  background-size: 100% auto;
}
.contact-baner .tocontact {
  margin: -15px auto 0;
  transition: all 0.5s ease 0s;
}
.contact-baner .tocontact .button {
  font-family: 'boku';
  padding: 3px 10px;
  background: #387A8A url(images/button_back.jpg.webp) repeat left top;
  border: 0;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  line-height: 1.5;
  font-size: 16px;
  color: #fffcf4;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  width: 100%;
  height: 50px;
}
.contact-baner .tocontact .button:hover{
  background: #F18F23 url(images/button_back_h.jpg.webp) repeat left top;
  color: #F0E6CD;
}
.contact-baner .tocontact .button span {
  position: relative;
  padding-left: 40px;
}
.contact-baner .tocontact .button span:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 35px;
  height: 27px;
  background: url(images/icon-mail.png.webp) no-repeat center bottom;
  background-size: 100% auto;
  margin: auto;
}
.contact-baner .tocontact:hover .button span:before {
  background: url(images/icon-mail-h.png.webp) no-repeat center bottom;
  background-size: 100% auto;
}
.contact-robo {
  display: block;
  position: absolute;
  top: -16px;
  right: 0;
  transition: all 0.2s ease 0s;
}
.contact-baner:hover .contact-robo {
  transform: translate(0, -20px);
  opacity: 1;
}
#comments,.page-id-159 .contact-baner,#body aside.widget_child_page { display: none;}


/*about
------------------------------------------------------------*/

#about-bottom table th {
  white-space: nowrap;
  padding-right: 20px;
}


/*FLOW&PRICE
------------------------------------------------------------*/
#pack_price #front-chomo-pack-title h3{
  text-align: center;
  padding: 15px 0 5px;
  margin: 0;
  font-size: 16px;
  color: #6c4207;
}
#pack_price #front-chomo-pack-title h2 {
  background: url(images/works-top-line.png.webp) repeat-x left bottom;
  padding:0 0 20px 0;
  text-align: left;
  margin: 0 auto 30px;
  font-size: 26px;
  
}

#pack_price #front-chomo-pack-title h2 .min {
  font-size: 18px;
  display: inline;
  padding: 0 10px 4px;
}

#pack_price #front-chomo-pack .right {
  margin: 0 auto 30px;
}
#pack_price .chomo-pack-slider .indicator{
  top: 0;
}

#pack_price #front-chomo-pack .kawaii-ribon {
  width: 300px;
  height: auto;
  position: absolute;
  right: -100px;
  top: -50px;
}

#pack_price #front-chomo-pack .coution {
  font-size: 14px;
  padding: 30px 0 0 0;
  position: relative;
  z-index: 100;
}
#pack_price #front-chomo-pack .left{margin-right: 0;}
.pack-button {
  margin: 50px auto 20px auto;
  align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
}

.pack-button-box {
  background: #fff;
  border-radius: 6px;
  width: 31%;
  height: auto;
  background-size: 100% 100%;
  text-align: center;
  margin: 0 1%;
  transition: all 0.5s ease 0s;
  position: relative;
  padding: 40px 10px 15px;
}

.pack-button-box:before {
  box-sizing: border-box;
  content: '';
  display: block;
  background: url(images/contact-banner-img.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 64px;
  height: 47px;
  position: absolute;
  right: -20px;
  bottom: -10px;
  z-index: 100;
}

.pack-button-box:hover {
  text-decoration: none;
  transform: translate(0, -20px);
  opacity: 1;
}

#pack-button1 {
  animation-delay: 0s;
}

#pack-button2 {
  animation-delay: 0.5s;
}

#pack-button3 {
  animation-delay: 1s;
}

.pack-button img {
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: -40px;
}

.pack-button-box h3.pack-name {
  color: #6a3225;
  font-size: 20px;
  border: none;
  font-weight: bold;
  margin: 0;
  min-height: 14px;
  background: url(images/mainimage-line.png.webp) repeat-x center bottom;
  background-size: auto 5px;
  padding: 15px 0 14px;
  margin: 0 auto;
}

.pack-button-box:hover {
  text-decoration: none;
}

.pack-button-box .price {
  color: #d8523f;
  font-size: 26px;
  font-weight: bold;
  font-family: 'boku';
  padding: 0 0 10px 0;
}

.pack-button-box .post-link {
  text-decoration: underline !important;
  font-size: 14px;
}

#pack_price #front-chomo-pack .button {
  font-family: 'boku';
  padding: 3px 10px;
  background: #387A8A url(images/button_back.jpg.webp) repeat left top;
  border: 0;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  line-height: 1.5;
  font-size: 16px;
  color: #fffcf4;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width:100px;
  width: 100%;
  height: 50px;
  text-decoration: none !important;
}
#pack_price #front-chomo-pack .button:hover{
  background: #F18F23 url(images/button_back_h.jpg.webp) repeat left top;
  color: #F0E6CD;
}
#pack_price #front-chomo-pack .chomo-pack-back {
  right: -150px;
  left: auto;
}

.page-count {
  margin-bottom: -50px !important;
}

.pack-in-min {
  color: #EB9227;
  font-family: 'boku';
  text-align: center;
}

.pack-box {
  background: url(images/formback.jpg.webp) repeat center top;
  border-radius: 6px;
  padding: 50px 20px 20px 20px;
  margin: 70px auto 0 auto;
  position: relative;
}

#pack-3 {
  margin-bottom: 10px;
}

.page-count {
  animation-delay: 1.5s;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -40px;
  margin: auto;
}

.pack-box .pack-p {
  color: #6c4206;
  font-weight: bold;
}

.price-list dd {
  background: url(images/list.jpg.webp) no-repeat left 3px;
  margin: 0 0 0 20px;
  padding: 0 0 15px 22px;
}

.post p.pack-p {
  color: #995542;
  font-weight: bold;
  padding-bottom: 5px !important;
  text-align: center;
}

.pack-menu-title {
  margin: 0 auto;
}

.pack-menu .pack-title, .pack-menu .price-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pack-menu .pack-title {
  margin: 0 30px 0 0;
}

.pack-menu .pack-title h3.pack-name {
  text-align: center;
  color: #6a3225;
  font-size: 24px;
  border: 0;
  background: url(images/pack-title-pc.png.webp) no-repeat left top;
  background-size: 100% 100%;
  font-family: 'boku';
  padding: 0 0 0 14px;
  margin: 0;
  line-height: 64px;
  height: 62px;
  width: 330px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pack-menu .pack-title h3.pack-name span {
  text-align: center;
  padding: 0 15px 0 0;
}

.pack-menu .price {
  color: #d8523f;
  font-size: 28px;
  font-weight: bold;
  font-family: 'boku';
  padding: 0 11px 0 0;
}

.pack-pages {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: #f3ebd8 3px dotted;
  margin: 0 auto 20px auto;
}

.pack-pages .pages-balloon {
  text-align: center;
  color: #995542;
  font-family: 'boku';
  line-height: 140%;
  padding: 15px 0 0 0;
  margin: 0 0 0 20px;
  font-size: 14px;
}

.pack-pages .pages-balloon .price {
  font-size: 18px;
  padding: 0;
}

.pack-box .pack-ul li {
  background: url(images/list-b.png.webp) no-repeat left 6px;
  padding: 0 0 0 20px;
}

.pack-box .pack-ul li .marker-w {
  font-family: 'boku';
}

.pack-box .pack-ul {
  background: #fff;
  border-radius: 6px;
  padding: 35px 35px 30px;
  position: relative;
  margin: 0;
}

.pack-box .pack-ul:before {
  box-sizing: border-box;
  content: '';
  display: block;
  background: url(images/mainimage.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 300px;
  height: 228px;
  position: absolute;
  right: -100px;
  bottom: -30px;
  z-index: 0;
  opacity: 0.4;
}

dd.has-ul {
  margin: 0;
  background: none;
}

dd ul.dd-ul li {
  background: url(images/list.jpg.webp) no-repeat left 3px;
  padding: 0 0 15px 22px;
}

.price-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

.price-nav .price-nav-button {
  background: #387a8a url(images/button_back.jpg.webp) repeat left top;
  display: block;
  text-align: center;
  padding: 4px;
  border-radius: 4px;
  width: 31%;
}

.price-nav .price-nav-button-inner {
  background: url(images/background.jpg.webp) repeat left top;
  display: block;
  padding: 10px 5px 15px 5px;
}

.price-nav .price-nav-button p {
  padding-bottom: 0;
  position: relative;
}

.price-nav .price-nav-button p::after {
  display: block;
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #387a8a;
  border-left: 2px solid #387a8a;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 0;
  margin: auto;
}


table.option {
  width: 100%;
  border: solid #d3c9a4;
  border-width: 1px 0 0 0;
  font-size: 14px;
  border-collapse: collapse;
}

table.option th {
  border: solid #d3c9a4;
  border-width: 0 1px 1px 1px;
  background: #f9f0df;
  min-width: 100px;
  width: auto;
}

table.option td {
  border: solid #d3c9a4;
  border-width: 0 1px 1px 0;
  background: #fcfcfc;
}

table.option th span {
  padding: 5px 10px 5px 30px;
  background: url(images/list-b.png.webp) no-repeat 10px 12px;
  display: block;
}

table.option td span {
  padding: 5px 10px;
  display: block;
}

#pack_price {
  margin-top: 20px;
  height: auto;
}

.page-id-1385 dl dt {
  background: url(images/list.jpg.webp) no-repeat left center;
  padding-left: 20px;
  margin-top: 20px;
}

.page-id-1385 dl dd {
  padding-left: 20px;
}

.arctext-h3 {
  font-size: 20px !important;
  color: #9a6d43 !important;
  font-family: 'boku';
  padding: 0 0 5px 0 !important;
  background: none !important;
  text-align: center;
  min-height: 12px !important;
}

#flow-list {
  margin-top: 40px;
}

#flow-list h3 {
  margin-bottom: 20px;
}

#flow-list ul.flow-ul {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
}

#flow-list .flow-ul li {
  width: 30%;
  position: relative;
  background: url(images/pack-menu-back.png.webp) no-repeat left top;
  background-size: 100% 100%;
  text-align: center;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 20px;
  padding: 0 0 20px 0;
}

#flow-list .flow-ul .step {
  position: absolute;
  top: -10px;
  left: 0;
}

#flow-list h4.flow-title {
  color: #665952;
  font-size: 20px;
  text-align: center;
  display: block;
  padding: 30px 0 0 0;
  margin: 0;
}

#flow-list .flow-ul .flow-img {
  display: block;
  margin: 0 auto;
}

#flow-list .flow-contact {
  font-family: 'boku';
  text-decoration: underline;
  font-size: 120%;
  font-weight: bold;
}

#flow-list .flow-ul li p {
  line-height: 150%;
}
.post-name-flowprice #main #bottom-contact-baner{display:none;}
.post-name-flowprice #main #bottom-contact-baner.front-contact-baner{display:block;}


/* テンプレート
------------------------------------------------------------*/

.template_list {
  width: 100%;
  height: auto;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  margin-top: 30px;
}

.post .box p {
  padding: 0;
}

.box {
  margin-bottom: 20px;
  width: 31%;
}

.box img.box_img {
  width: 100%;
  height: auto;
  margin: 0 auto 10px;
}

.box .button {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: 'boku';
}

.box .button p {
  display: block;
  line-height: 30px;
  border: 0;
  padding: 0;
}

.box .button:hover {
  text-decoration: none !important;
}

.box .button p span {
  background: url(images/list_w.png.webp) no-repeat left center;
  padding-left: 20px;
  background-size: 10px auto;
}


/*Q&A
------------------------------------------------------------*/

.dsfaq_qa_block {
  background: #fff;
  border-radius: 6px;
  padding: 20px 15px 1px;
  margin: 0 auto 30px;
}

.dsfaq_quest_title, .dsfaq_answer_title {
  display: none !important;
}

.dsfaq_quest {
  font-size: 17px;
  background: url(images/icon-q.png.webp) no-repeat left top;
  padding: 15px 0 10px 60px;
  font-family: 'boku';
  margin: 0 auto 20px;
}

.dsfaq_answer {
  background: url(images/icon-a.png.webp) no-repeat 10px top;
  padding-left: 60px;
}

.answer-tab {
  display: block;
  margin: 10px 0 0 0;
  font-size: 20px;
}

.answer-tab span {
  padding-left: 16px;
  background: url(images/list_b-min.png.webp) no-repeat left 8px;
  background-size: 10px 12px;
}

.answer-tab-open span {
  background: url(images/list_b-min-under.png.webp) no-repeat left 8px;
  background-size: 12px 10px;
}

dd.answer {
  margin: 0 0 30px 50px;
}


/* 問い合わせページ
------------------------------------------------------------*/

#contact-coution {
  background: #fff;
  border-radius: 6px;
  padding: 20px 20px 5px;
  margin: 0 auto 40px;
}

#contact-coution h4 {
  margin: 0;
  color: #f9a148;
}
#formWrapper{
	border-radius: 6px;
	background: url(images/formback.jpg.webp) repeat center top;
	padding: 40px 35px 35px 35px;

}
#formWrapper table {
  table-layout: fixed;
}

#formWrapper table th {
  width: 12em;
}

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

#submitBtn {
  display: block;
  margin: 20px auto;
  padding: 0 30px !important;
  line-height: 50px !important;
  font-size: 1.2em !important;
}
#contact-form input[type="submit"].off {
  background: url(images/works-back.png.webp) no-repeat center center !important;
  color: #fffad2;
}
#check-area {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.1em;
}
#check-area label { padding: 10px;}
.require {
  font-size: 12px;
  padding: 0 0 0 10px;
  color: #D8523F;
  font-weight: bold;
}
#ff-compose h3, #ff-compose .ff-image, #ff-compose .ff-form .ff-powered-img img, .ff-description .btn-primary { display: none !important;}
#ff-compose .ff-form {
  background: none !important;
  padding: 0 !important;
}
#ff-compose .ff-form .ff-item label {
  font-size: 1.2em;
  font-weight: bold;
  color: #665D52;
  font-family: 'boku';
}
#ff-compose .ff-form .ff-item label.ff-item-qs{
	border-bottom: dotted 5px #6b863b;
	padding: 0 0 9px 0;
	margin: 0 auto 12px auto;
	position: relative;
}
.ff-form input[type="text"], .ff-form input[type="date"], .ff-form input[type="datetime"], .ff-form input[type="email"], .ff-form input[type="number"], .ff-form input[type="search"], .ff-form input[type="time"], .ff-form input[type="file"], .ff-form input[type="url"], .ff-form input[type="label"], .ff-form textarea, .ff-form select {
  background: #fff !important;
}

.ff-form input[type="text"], .ff-form input[type="date"], .ff-form input[type="datetime"], .ff-form input[type="email"] { height: 40px;}
#ff-compose .ff-form textarea { min-height: 250px;}
#ff-compose .ff-form .ff-submit {
  margin: 0 auto;
  font-family: 'boku';
  padding: 3px 10px;
  background: #387A8A url(images/button_back.jpg.webp) repeat left top;
  color: #fffcf4;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 260px;
}
#ff-compose .ff-form button span{
  font-size: 18px;
}
#ff-compose .ff-form .ff-submit:hover {
  background: #F18F23 url(images/button_back_h.jpg.webp) repeat left top;
  color: #F0E6CD;
  filter: none !important;
  box-shadow: none !important;
}
/* ブログ
------------------------------------------------------------*/
.post-type-post .page-header_pageTitle{
  display: none !important;
}
#blog-page-title{
  display: inline-block;
  position: relative;
  background: url(images/works-top-line.png.webp) no-repeat center bottom;
  padding: 0 30px 16px;
  font-size: 30px;
  animation: bounceIn;
  animation-duration: 1s;
}
#blog-page-title:before {
  content: '';
  display: block;
  background: url(images/top-info-post2.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 43px;
  height: 50px;
  position: absolute;
  left: -55px;
  bottom: 0;
  z-index: 0;
}
#blog-page-title:after {
  box-sizing: border-box;
  content: '';
  display: block;
  background: url(images/mainimage.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 80px;
  height: 72px;
  position: absolute;
  right: -90px;
  bottom: -16px;
  z-index: 0;
  opacity: 1;
}
.single #main{
  background: rgb(255 255 255 / 30%);
  border-radius: 6px;
  padding: 50px 35px 35px;
  margin: 0 auto 40px;
  position: relative;
}
.single .entry-header {
  text-align:center;
  border: none !important;
}
.single .entry-title{
  color: #6c4206;
  line-height: 160%;
  text-align: center;
  padding: 0 0 18px 0;
  font-family: 'boku';
  background: url(images/mainimage-line.png.webp) no-repeat center bottom !important;
  background-size: auto 9px !important;
}
.single #main .entry-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
}
.single #main .entry-meta_items{font-size: 14px;}
.single #main .entry-meta_items_term_button {
  font-size: 12px;
  line-height: 1;
  padding: 4px 1em 2px;
  background: #efda88 !important;
  color: #693225;
  z-index: 100;
  margin-left: 15px;
  height: 100%;
  display: block;
}
.single .entry-body figure {
  padding: 5px;
  background: #fbfbfb;
  max-width: 800px;
  margin: 0 auto 30px;
}
.single .entry-body strong { font-weight: bold !important;}
.single .entry-body figure img {
  margin: 0;
  padding: 0;
}
.card {
  border: none;
  border-radius: 6px;
}
.vk_post_imgOuter_singleTermLabel {
  background: url(images/formback.jpg.webp) repeat left top;
  color: #996d43;
}
.vk_post_imgOuter ::after { background: rgba(240, 219, 138, 0.3);}

.archive .card-horizontal {
  background: #fff;
  border-radius: 6px;
  height: auto;
  width: auto;
  padding: 20px 25px 25px 25px;
  margin: 0 auto 30px auto;
  overflow: visible;
  display: block;
  position: relative;
  cursor: pointer;
  width: 100%;
}
.archive .card-horizontal{
  position: initial;
}
.archive .card-img-overlay{display: none;}
.archive .card-horizontal .vk_post_imgOuter{
  width: 320px;
  height: 230px;
  border-radius: 6px;
}
.archive .card-horizontal .vk_post_imgOuter img{
  object-fit: cover;
  
}
.card-horizontal .read-more {
  background: url(images/list_b-min.png.webp) no-repeat left center;
  padding-left: 18px;
  background-size: 12px auto;
  position: absolute;
  bottom: 0;
  right: 20px;
  color: #387A8A;
}

.archive .card-horizontal:hover {
  opacity: 0.6;
}
.archive .card-horizontal .card-body {
  padding-top: 0;
}
.archive .card-horizontal .card-title {
  padding: 20px 0 15px;
  margin: 0 0 10px;
  background: url(images/blog-index-line.png.webp) repeat-x left bottom;
  background-size: auto 9px;
 
  font-family: 'boku';
  font-size: 20px;
}
.archive .card-horizontal .card-title a{
  color: #6c4206;
}
.archive .card-horizontal .card-title a:hover {
  color: #f18f23;
}
.archive .card-horizontal .title_space { margin: 0 auto 10px auto;}
.archive .card-horizontal .extra-date { display: none;}
.archive .card-horizontal .vk_post_excerpt{ font-size: 16px;}
.archive .card-horizontal .thumb {
  width: 320px;
  height: 230px;
  margin: 0 15px 0 0;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.archive .card-horizontal .thumb img {
  width: 130%;
  max-width: 130%;
  height: auto;
  position: absolute;
  margin: auto;
  left: -15%;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
}

.archive .card-horizontal .date {
  font-size: 14px;
}

.archive .card-horizontal .more-link {
  display: block;
  text-align: right;
  padding: 30px 0 10px 0;
  font-family: 'boku';
  font-size: 14px;
  color: #387a8a;
  text-decoration: underline;
}

.archive .card-horizontal .more-link span {
  background: url(images/list_b-min.png.webp) no-repeat left 4px;
  background-size: 6px auto;
  padding-left: 12px;
}

.single .content header {
  overflow: hidden;
  margin-bottom: 20px;
}

.post-single img, .post-single .wp-caption img {
  clear: both;
  padding: 5px;
  background: #fbfbfb;
  max-width: 575px;
  height: auto;
}

.post-single .wp-caption {
  margin: 0 auto 15px auto;
}

.post-single .yarpp-thumbnail-title {
  font-size: 12px !important;
  font-family: 'boku';
}

.post-single .w-back {
  padding: 25px 20px 20px 20px;
  background: #fff;
  border-radius: 6px;
  margin: 0 auto 15px;
}

.post-single .midashi {
  font-size: 20px;
  font-weight: bold;
  color: #665D52;
}

.post-single .green {
  font-size: 20px;
  color: #B9D22C;
  padding: 0 10px 0 0;
}

.post-single .padding40 {
  padding-top: 40px;
}

.single .entry-body .vk_balloon_icon figure {
  background: none;
  margin: 0;
}

.vk_balloon p {
  color: #333;
}

.single .wp-block-image figcaption {
  font-size: 90%;
  margin-bottom: 0;
}

.syntaxhighlighter {
  padding: 20px 10px;
}

p.has-background {
  border-radius: 6px;
}

ul.page-numbers li {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 5px;
}

ul.page-numbers li a {
  background: #387A8A url(images/button_back.jpg.webp) repeat left top;
  color: #fff;
}

ul.page-numbers li a, ul.page-numbers li span.page-numbers {
  padding: 0;
  display: block;
  border: 0;
}

ul.page-numbers li span.page-numbers.current {
  color: #d09b8e;
  background-color: #efd984;
}

.blog-card figure {
  margin-bottom: 0 !important;
  max-width: 200px !important;
}

.blog-card figure img {
  width: 100%;
  height: auto;
}

.announce-area {
  border-radius: 6px;
  margin: -20px auto 30px;
  padding: 25px 150px 20px 20px;
  background: url(images/formback.jpg.webp) repeat center top;
  font-family: 'FOT-スーラ Pro DB', SeuratPro-DB;
  position: relative;
  color: #353535;
}

.announce-area1 {
  background: url(images/back-yellow.png.webp) repeat center top;
}

.announce-area h3 {
  font-family: 'FOT-スーラ Pro DB', SeuratPro-DB;
  background: url(images/butterfly-kawaii.png.webp) no-repeat left top;
  margin: 0 auto 5px;
  padding: 15px 0 0 60px;
  color: #693225;
}

.announce-area p {
  padding: 0;
}

.announce-area .marker {
  font-weight: bold;
  font-size: 1.1em;
  background: linear-gradient(transparent 60%, rgba(255, 253, 107, 0.7) 0);
}

.announce-area .blog-book {
  position: absolute;
  display: block;
  bottom: 10px;
  right: -10px;
}

.announce-area .button {
  width: 200px;
  display: block;
  text-align: center;
  line-height: 41px;
  margin: 0 auto;
}

.twitter-tweet, .twitter-tweet-rendered {
  margin: 0 auto;
}
.entry-meta-dataList dt{
  background: #efda88 !important;
  color: #693225;
}

/**もくじプラグイン**/
div#ez-toc-container {
	border-width: 2px;
	border-radius: 6px;
	padding: 3px;
}
div#ez-toc-container .ez-toc-title-container{
	background: #f3eedf;
	border-radius: 4px;
	padding: 8px 10px 2px;
}
div#ez-toc-container ul.ez-toc-list{
	padding: 5px 25px !important;
}
div#ez-toc-container ul.ez-toc-list a {
	font-weight: normal;
	padding: 5px 0;
}






/***ちょも相談室***/

#chomo-room {
  background: url(images/back-yellow.png.webp) repeat center top;
  padding: 25px 25px 20px;
  /*
  display: block;
  */
  
  
  
  
  display: none;
  
  
  
  
  
  box-shadow: 0 3px 0 #7f746c;
  position: relative;
}

#chomo-room:hover {
  box-shadow: 0 7px 0 #7f746c;
  top: -4px;
  text-decoration: none !important;
}

#chomo-room .room-date {
  text-align: right;
  padding: 0;
}

#chomo-room h2 {
  margin: 0 auto 20px !important;
  padding: 0 !important;
  background: none;
  text-align: center;
  font-size: 24px;
  display: block;
}

#chomo-room h2 span.text {
  margin: 0;
  position: relative;
  background: #fff;
  padding: 10px 25px !important;
  border-radius: 6px;
}

#chomo-room h2 span.text:after {
  box-sizing: border-box;
  content: '';
  display: block;
  background: url(images/mainimage.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 80px;
  height: 72px;
  position: absolute;
  right: -90px;
  bottom: -16px;
  z-index: 0;
  opacity: 1;
}

#chomo-room h2 span.min {
  font-size: 0.8em;
}

#chomo-room h2:before {
  content: none !important;
}

#chomo-room h3 {
  text-align: center;
  padding: 15px 0 10px !important;
  background: none;
  font-size: 18px;
  color: #665D52;
  min-height: 10px;
  margin: 0 auto 15px;
  border-bottom: 4px dotted #fff;
}

#chomo-room #chomo-form-area {
  padding: 25px 15px 20px;
  border-radius: 6px;
  background: #fff;
}

#chomo-room #chomo-form-area .button {
  display: block;
  margin: 0 auto;
  padding: 0 20px;
  line-height: 50px;
  height: auto;
}

#chomo-room .ff-form .ff-powered {
  display: none !important;
}


/******かわいいもの*******/
.post-type-archive-prettythings #main .vk_posts{
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
.post-type-archive-prettythings #main .vk_post-postType-prettythings{
  width: 48.5%;
  background: #ffccce;
  padding: 10px 10px 10px 10px;
  border-radius: 6px;
  margin:0 0 35px;
}
.post-type-archive-prettythings #main .vk_post .media-img {
	width: 100%;
	border-radius: 6px;
	border: none;
	margin: 0 ;
}
.post-type-archive-prettythings #main .vk_post_imgOuter_img{
  position: initial;
  width: 100%;
  height: 240px;
  object-fit: cover;
}
.post-type-archive-prettythings #main .media-body{display: none;}


.pretty-wrap .page-header {
  display: none;
}

#pretty-title-area {
  display: block;
  margin: 0 auto 5px;
  background: url(images/pretty-back.png.webp) no-repeat center bottom;
  background-size: 100% auto;
  padding: 10px 0;
  border-radius: 6px;
}
.pretty-title-area-sp{display: none !important;}
.pretty-wrap #pretty-title-area {
  display: block;
}
.single-prettythings #main .entry-meta_items{display: none;}

#content .content-title-prettythings {
  display: block;
  margin: 0 auto 30px;
}

#content .content-title-prettythings img {
  width: 220px;
  height: auto;
}

#pretty-title-area .pretty-title-img {
  display: block;
  margin: 0 auto;
}

.pretty-wrap .postList {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

.pretty-wrap .blog-box {
  width: 48%;
  margin: 0 0 30px;
  background: #ffccce;
  padding: 10px 10px 10px 10px;
}

.pretty-wrap .blog-box-inner {
  display: block;
}

.pretty-wrap .blog-box .text {
  display: none;
}

.pretty-wrap .blog-box-prettythings .thumb {
  width: 100%;
  height: 220px;
  display: block;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.blog-box-prettythings .title_space {
  margin: 0;
}

.article-cat {
  position: absolute;
  font-size: 12px;
  background: #efda88;
  border-radius: 6px;
  color: #693225;
  padding: 3px 15px !important;
  right: 0;
  top: -10px;
}

.entry-body .article-cat {
  font-size: 16px;
}

.blog-box-prettythings .article-cat {
  background: #fb9397;
  color: #fff !important;
  z-index: 100;
}

.entry-body-prettythings .article-cat {
  display: none;
}

.entry-body .date {
  text-align: right;
  padding: 0 0 30px;
}

.veu_relatedPosts h1.mainSection-title {
  background: url(images/formback.jpg.webp) repeat center top;
  color: #6A3225;
  font-size: 19px;
  padding: 11px 15px;
  border-radius: 6px;
  margin: 20px auto 5px;
}

.veu_relatedPosts>.row {
  margin: 0 auto;
}

.veu_relatedPosts .relatedPosts_item {
  float: none;
  margin: 20px 1.5% 0;
  padding: 10px 10px 0;
  width: 47%;
  border: none !important;
  flex: initial;
  background: rgba(240, 219, 138, 0.3);
  background-size: 200% auto;
  border-radius: 6px;
}

.veu_relatedPosts .relatedPosts_item>.media .postList_thumbnail {
  width: 100%;
  padding: 0;
  margin: 0 auto 6px;
  float: none;
  height: auto;
  max-width: 200px;
  display: block;
}

.veu_relatedPosts .media {
  display: block !important;
}

.veu_relatedPosts .relatedPosts_item, .veu_relatedPosts .relatedPosts_item .media {
  border: none !important;
}

.veu_relatedPosts .relatedPosts_item>.media {
  padding: 10px 0;
}

.single-prettythings .entry-body-prettythings .date {
  display: none;
}


/***かわいいものあつめ下部のバナー**/

.pretty-site-banner {
  display: block;
  margin: 50px auto 40px;
  text-align: center;
  font-size: 16px;
}

.pretty-site-banner h2, .pretty-site-banner .under-h2 {
  font-family: 'FOT-スーラ Pro DB', SeuratPro-DB;
  position: relative;
  z-index: 100;
}

.pretty-site-banner h2 {
  font-size: 30px;
  background: none;
  padding: 0;
  margin: 0;
}

.pretty-site-banner .under-h2 {
  font-size: 20px;
}

.pretty-site-banner .button {
  font-family: 'FOT-スーラ Pro DB', SeuratPro-DB;
  font-size: 18px;
  text-align: center;
  width: 48%;
  line-height: 50px;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 100;
  min-width: initial !important;
}

#pretty-site1-banner {
  background: url(images/pretty-site1-back.png.webp) repeat center top;
  padding: 30px;
}

#pretty-site1-banner .pretty-site-banner-inner {
  background: #fff;
  padding: 50px 30px 30px;
}

#pretty-site1-banner .pretty-site1-flower {
  position: absolute;
  display: block;
  z-index: 0;
  margin: auto;
  left: 0;
  right: 0;
  top: -15px;
}

#pretty-site1-banner .under-h2 {
  color: #387b8a;
  background: url(images/pretty-site1-line.png.webp) no-repeat center bottom;
  padding: 10px 0 20px;
  margin: 0 auto 10px;
  display: block;
}

#pretty-site1-banner .pretty-site1-icon {
  display: block;
  position: absolute;
  z-index: 101;
}

#pretty-site1-banner .pretty-site1-icon1 {
  left: -20px;
  top: -30px;
}

#pretty-site1-banner .pretty-site1-icon2 {
  right: -20px;
  bottom: 2px;
}

#pretty-site2-banner {
  background: url(images/pretty-site2-back.png.webp) no-repeat center top;
  background-size: 100% 100%;
  padding: 44px 66px;
  color: #fff !important;
}

#pretty-site2-banner .pretty-site-banner-inner {
  padding: 30px 0 0 0;
}

#pretty-site2-banner .pretty-site2-img {
  display: block;
  position: absolute;
  top: 0
}

#pretty-site2-banner .pretty-site2-img1 {
  left: 0;
}

#pretty-site2-banner .pretty-site2-img2 {
  right: -15px;
}

#pretty-site2-banner .pretty-site2-img3 {
  display: block;
  margin: 0 auto 20px;
}

#pretty-site2-banner h2 {
  background: url(images/pretty-site2-line.png.webp) no-repeat center bottom;
  background-size: 100% auto;
  padding: 0 0 25px 0;
  margin: 0 auto 15px;
  color: #fff;
}

#pretty-site2-banner .under-h2 {
  padding: 0 0 5px;
}

#pretty-site2-banner .button-area {
  margin: 50px 0;
}

#pretty-site2-banner .button {
  background: #ed982c;
  color: #fff;
  border-radius: 6px;
}

#pretty-site2-banner .button:hover {
  background: #D4E186;
  color: #6c4206;
  text-decoration: none !important;
}

#pretty-site2-banner .button img {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  margin: auto;
  top: -36px;
}

#pretty-site3-banner {
  background: #a8e2e2;
  padding: 40px 50px 50px;
}

#pretty-site3-banner .pretty-site3-ribon {
  display: block;
  margin: 0 auto 20px;
  position: relative;
  z-index: 10;
}

#pretty-site3-banner h2 {
  color: #7f6136;
  background: url(images/pretty-site3-line.png.webp) no-repeat center bottom;
  padding: 0 0 20px;
  margin: 0 auto 15px;
}

#pretty-site3-banner .under-h2 {
  display: block;
  padding: 0 0 10px;
  color: #7f6136;
}

#pretty-site3-banner .button {
  background: #f28aa9;
}

#pretty-site3-banner .button:hover {
  background: #ffe400;
  color: #6c4206;
  text-decoration: none !important;
}

#pretty-site3-banner .pretty-site3-img {
  display: block;
  position: absolute;
  z-index: 0;
}

#pretty-site3-banner .pretty-site3-img1 {
  top: 10px;
  left: -50px;
}

#pretty-site3-banner .pretty-site3-img2 {
  top: -50px;
  right: -10px;
}

#pretty-site3-banner .pretty-site3-img3 {
  top: -75px;
  right: -43px;
}

#pretty-site3-banner .pretty-site3-img4 {
  bottom: 15px;
  left: 30px;
}


/* 制作実績
------------------------------------------------------------*/
.post-type-works .card-post {
  margin-bottom: 40px;
  border-bottom: #D3C9A4 2px dotted;
  padding-bottom: 20px;
  background: none !important;
}
#body .vk_post_imgOuter>a::after,#body .vk_post .vk_post_imgOuter:before{content: none;}
.post-type-works .vk_post_imgOuter{
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  transition: 0.5s;
}
.post-type-works .vk_post_imgOuter:hover{
  opacity: 0.6;
  transition: 0.5s;
}
.post-type-works .vk_post_imgOuter img{
  position: initial;
}
.post-type-works .site-title {
  text-align: center;
}

.post-type-works .vk_post .vk_post_title {
  font-size: 18px;
  margin: 0;
  text-align: center;
}

.post-type-works .vk_post .vk_post_title a {
  background: url(images/list_b-min.png.webp) no-repeat left 4px;
  padding-left: 18px;
  background-size: 10px auto;
  font-weight: normal;
  color: #387A8A;
}
.post-type-works .vk_post .vk_post_title a:hover{
  color: #F18F23;
}
.post-type-works .vk_post-btn-display.card .vk_post_body {
	padding-bottom: 82px;
}
.post-type-works #main .vk_post_btn{
  font-family: 'boku';
  padding: 0 10px;
  background: #387A8A url(images/button_back.jpg.webp) repeat left top;
  border: 0;
  border-radius: 6px;
  font-size: 15px;
  color: #fffcf4;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  width: 150px;
  height: 40px;
  margin: 20px auto 0;
}
.work-box .vk_post_btn:hover{
  background: #F18F23 url(images/button_back_h.jpg.webp) repeat left top;
  color: #F0E6CD;
}
.archive .work-more a {
  display: block;
  margin: 5px auto 0 auto;
  text-align: center;
  width: 130px;
  height: 40px;
  line-height: 40px;
  float: none;
  font-size: 14px;
  padding: 0;
}

.post-type-works .archive-header_title{
  color: #6c4206;
  line-height: 160%;
  font-size:30px;
  text-align: center;
  padding: 0 0 18px 0;
  font-family: 'boku';
  background: url(images/mainimage-line.png.webp) no-repeat center bottom !important;
  margin-bottom: 40px;
  vertical-align: middle;
}
.post-type-works .archive-header_title:before{
  content: '';
  background: url(images/temp-2.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 100px;
  height: 37px;
  display: inline-block;
  margin-right: 6px;
  margin-left: -30px;
  vertical-align: middle;
}


.single-works #main .entry-meta{display: none;}
.single-works #main h1{display: none;}
.single-works #main .site-title{margin: 0 auto 50px;}
.single-works #main .site-title h4{
  color: #6c4206;
  line-height: 160%;
  font-size:30px;
  text-align: center;
  padding: 0 0 18px 0;
  font-family: 'boku';
  background: url(images/mainimage-line.png.webp) no-repeat center bottom !important;
  margin-bottom: 10px;
}
.single-works #main .site-title h4 a{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: normal;
}
.single-works #main .site-title h4 a:before{
  content: '';
  background: url(images/temp-2.png.webp) no-repeat center top;
  background-size: 100% auto;
  width: 100px;
  height: 37px;
  display: inline-block;
  margin-right: 6px;
}
.single-works .entry-body {
  background: none;
  padding: 0;
}

.single .post .photo-link img {
  padding: 0;
  background: none;
}

.photo-link {
  width: 560px;
  height: auto;
  padding: 7px;
  margin: 0 auto;
}
.photo-link br{display: none;}
.right .url {
  font-size: 12px;
}

.works-text img {
  margin-top: 20px;
  margin-bottom: 20px;
}

.shiyou {
  background: url(images/formback.jpg.webp) repeat left top;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  width: 80%;
  margin: 30px auto 0 auto;
}

.shiyou p {
  padding: 0;
}

.photo-link img {
  width: 100%;
  height: auto;
}
.single-works #main .entry-footer,.single-works #main .postNextPrev{display: none;}


#link-price {
  display: block;
  margin: 50px auto 0;
  text-align: center;
}

.toprice-p {
  padding: 0 0 10px 0;
}

#link-price .button {
  width: 250px;
  margin: 0 auto;
  line-height: 60px;
  padding: 0;
  position: relative;
}

#link-price .button:after {
  content: '';
  display: block;
  width: 244px;
  height: 54px;
  background: url(images/line-button.png.webp) no-repeat center top;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#link-price .button span {
  padding: 0 5px;
}

.works-page-nokke {
  background: #fff;
  padding: 25px 25px;
  border-radius: 6px;
}

.works-page-nokke h3 {
  margin: 0 !important;
  padding-top: 15px !important;
}

.works-page-nokke p {
  padding: 0;
  text-align: center;
}

.single .entry-body .works-page-nokke figure {
  margin: 0;
}


/****見直し部屋***/
#front-site-review{
	background: url(images/formback.jpg.webp) repeat center top;
	border-radius:4px;
	padding:0 25px;
	
	display:none !important;
	
}
#front-site-review:before{
	content: '';
	display: block;
	background: url(images/chomo-pack-back.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 436px;
	height: 290px;
	position: absolute;
	right: -150px;
	bottom:-30px;
	z-index: 0;
	opacity: 1;

}
#front-site-review-leadp{
	padding:0;
}
#front-site-review-leadh2{
	background: url(images/works-top-line.png.webp) no-repeat center bottom !important;
	background-size: auto 5px !important;
	padding: 0 0 10px;
	margin-top:0 !important;
}
#front-site-review-leadh2:before{content:none !important;}
#front-site-review .bottom{
	max-width:600px;
	margin:0 auto;
}
#front-site-review .bottom ul li{
	position:relative;
}
#front-site-review .bottom ul li:before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #598c98;
	vertical-align: middle;
	margin-right: 8px;
	
}
#front-site-review-price{
	background: #fff;
	border-radius: 6px;
	text-align: center;
	padding: 20px 10px;
	margin: 0 auto 25px;
}
#front-site-review-price p{padding:0 !important;}
#front-site-review .button-area{
	position:relative;
	z-index:100;
}

.absolute-img{
	display:block;
	position:absolute;
	margin:0;
	padding:0 !important;
}
#site-review-lead{
	background: url(images/formback.jpg.webp) repeat center top;
	border-radius:4px;
}
#site-review-lead:before{
	content: '';
	display: block;
	background: url(images/mainimage.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 200px;
	height: 150px;
	position: absolute;
	left: -50px;
	top: -50px;
	z-index: 0;
	opacity: 0.5;

}
#site-review-lead h3{
	padding: 30px 10px 25px;
	margin: 0 auto 50px;
	background:none;
}
#review-lead-chomo{
	bottom: 0;
	right: 10px;
}
#table-review-service *{border:none;}
#table-review-service td{
	background:#fff;
	border-bottom: 1px solid #f5ecd8 !important;
	padding: 12px 10px;
}
#table-review-service td:first-child{
	background: #d5e763;
	width: 6em;
}
#contact-review-service{
	background: url(images/back-yellow.png.webp) repeat center top;
	border-radius:4px;
}
#contact-review-service #ff-compose .ff-description{
	text-align:center;
	font-size:18px;
}
#contact-review-service #ff-compose .ff-description .ff-success{
	display:block;
	width:100%;
}



@media (max-width: 1200px) {
  #menu-nav {
	padding: 0;
	justify-content: center;
  }
  #header-logo {
	  width: 200px;
  }
  #menu-nav .nav_left-last {
	  margin-right: 100px !important;
  }
  #menu-nav .nav_right-first {
	  margin-left: 100px !important;
  }
  
  #front-chomo-pack .right {
	width: 455px;
  height: 300px;
  }
  #front-nokke-area .left {
	width: 400px;
  }
  #flow-list .flow-ul li {
	width: 32%;
  }
  
  
  
}


@media only screen and (max-width:1140px) {
  br.br1140 {display: block; }
  .wrap, #site-content {
	width: 96%;
	margin: 0 auto;
  }
  #wrapper-area > .wp-block-group__inner-container, .siteContent > .container > .row{display: block;}
  #content, #main {width: 100%; }
  
  
  .vk-mobile-nav-menu-btn {
	display: none !important;
  }
  nav#mainNav {
	clear: both;
	width: 100%;
	margin: 10px auto 0 auto;
	padding: 20px 0;
	position: relative;
	z-index: 10;
  }
  nav#mainNav .inner {
	width: 95%;
  }
  nav#mainNav a.menu {
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-align: left;
	color: #F0E6CD;
	background: url(images/button_back_h.jpg.webp) repeat left top;
	font-family: 'boku';
  }
  nav#mainNav a.menu span {
	padding-left: 20px;
	margin-left: 10px;
	background: url(images/list_w.png.webp) no-repeat center left;
  }
  nav#mainNav a.menuOpen span {
	background: url(images/menu_under.png.webp) no-repeat center left;
  }
  nav#mainNav a.menuOpen {
	border-bottom: 0;
  }
  nav#mainNav a#menu:hover {
	cursor: pointer;
  }
  nav .panel {
	display: none;
	width: 100%;
	position: relative;
	right: 0;
	top: 0;
	z-index: 11;
  }
  .panel ul {
	margin: 0;
	padding: 0;
	display: block !important;
  }
  .panel ul li img {
	display: none;
  }
  .panel ul li span.pc-no {
	display: inline;
  }
  .panel ul li {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	line-height: 1.2;
	border: 1px dotted #D3C9A4;
	font-family: 'boku';
  }
  .panel ul li a, .panel ul li.current-menu-item li a {
	display: block;
	width: 100%;
	padding: 1em 0;
	text-align: left;
	background: #fff;
  }
  .panel ul li.current-menu-item a, .panel ul li.current-menu-item a {
	color: #F18F23;
	text-decoration: none;
	background: url(images/background.jpg.webp) repeat left top;
  }
  .panel ul li a span {
	padding-left: 1em;
  }
  .panel ul li.current-menu-item a, .panel ul li a:hover, .panel ul li.current-menu-item a, .panel ul li a:active, .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li a:active {
	background: url(images/menu_li.jpg.webp) repeat left top;
  }
  .panel ul li li {
	float: left;
	border: dotted #D3C9A4;
	border-width: 1px 1px 0 1px;
  }
  .panel ul li li a span, .panel ul li.current-menu-item li a span, .panel ul li li.current-menu-item a span {
	background: url(images/sub1.png.webp) no-repeat 20px 50%;
  }
  .panel ul li li a:hover, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li:last-child a:hover, .panel ul li.current-menu-item li a {
	background: url(images/menu_li.jpg.webp) repeat left top;
  }
  .panel ul li li a:hover span, .panel ul li.current-menu-item li a:hover span {
	background: url(images/sub1.png.webp) no-repeat 20px 50%;
  }
  .panel ul li li:last-child a span {
	background: url(images/subLast.png.webp) no-repeat 20px 50%;
  }
  .panel ul li li:last-child a:hover span, .panel ul li.current-menu-item li:last-child a:hover span {
	background: url(images/subLast.png.webp) no-repeat 20px 50%;
  }
  .panel ul li li a span {
	padding-left: 35px;
  }
  .panel ul li li li a span {
	padding-left: 55px;
  }
  .panel ul li li li a span, .panel ul li li li a:hover span, .panel ul li li li.current-menu-item a span, .panel ul li li.current-menu-item li a span, .panel ul li li.current-menu-item li a:hover span {
	background: url(images/sub1.png.webp) no-repeat 40px 50%;
  }
  .panel ul li li li:last-child a span, .panel ul li li li:last-child a:hover span, .panel ul li li.current-menu-item li:last-child a:hover span {
	background: url(images/subLast.png.webp) no-repeat 40px 50%;
  }
  .panel ul li li li {
	border-width: 1px 0 0 0;
  }
  nav div.panel {
	float: none;
  }
  #mainimage .main { width: 380px;}
  .mainimage-robo {
	bottom: -30px;
	right: 0;
	z-index: 0;
  }
	#mainimage h2.mainimage-title{text-align:center;}
  #top-link {
	max-width: 625px;
	margin: 0 auto 30px auto;
  }
  .pan {
	padding: 0 2%;
  }
  .single .entry-body img.photo-375 {
	max-width: 375px;
	height: auto;
  }
  .footer-logo img {
	display: block;
	margin: 0 auto 10px;
  }
  .info-news .front-thum, .archive .card-horizontal .thumb, .pretty-wrap .blog-box-prettythings .thumb {
	height: 180px;
  }
  .top-readmore {
	float: none;
	margin: 20px auto 50px auto;
	padding: 0;
	display: block;
	text-align: center;
	text-decoration: underline;
  }
  .top-readmore span {
	background-size: 6px auto;
	padding: 0 0 0 11px;
  }
	/*
  #front-prettythings li a img {
	height: 150px !important;
  }
	*/
  .thanks img {
	margin: 0 auto;
	float: none;
  }
  #footer {
	margin-top: 50px;
	border: 0;
	text-align: center;
  }
  #footerLogo {
	float: none;
	width: auto;
	padding-bottom: 20px;
	text-align: center;
  }
  #footer ul {
	padding-top: 20px;
  }
  #footer ul ul {
	padding-top: 0;
	border: 0;
  }
  .top-info-post {
	margin: 0 auto 10px auto;
  }
  #top-menu-list {
	margin: 0 auto 40px;
	width: 92%;
  }
  #top-menu-list .top-menu-box {
	width: 48%;
	height: auto;
	display: block;
	margin: 0 1%;
	box-sizing: border-box;
	background: url(images/formback.jpg.webp) repeat left top;
	border-radius: 6px;
	padding: 30px 0 10px;
	position: relative;
  }
  #top-menu-list:before {
	right: -80px;
	bottom: -40px;
  }
  #top-menu-list .temp-pc {
	position: initial;
	margin: 0 auto 10px auto;
  }
  .top-menu-box3 .top-menu-img {
	width: 100%;
	max-width: 269px;
	height: auto;
  }
  #top-menu-list .pack-name {
	font-size: 24px;
  }
  #top-works {
	margin: 0 auto 30px;
	padding: 40px 35px 10px 35px;
  }
  #wrapper-area {
	width: 100%;
	margin: 0 auto;
  }
  .footer-inner {
	display: block;
  }
  .footer-info {
	width: 200px;
	height: 200px;
	margin: 30px auto 0;
	display: block;
  }
  .footer_nav {
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	margin-top: 10px;
  }
  #footer ul ul {
	padding: 0;
  }
  #sidebar {
	width:600px;
  margin: 100px auto 0;
  }
  #side-banner-area > .wp-block-group__inner-container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  #side-banner-area a{
	width: 48%;
	margin: 0 0 15px;
  }
  #side-banner-book {
  max-width: 600px;
  }
  #side-banner-book .side-book {
  width: 150px;
  height: auto;
  right: 150px;
  animation-delay: 0.5s;
  }
  #side-banner-book .book-board {
  width: 120px;
  height: auto;
  display: block;
  position: relative;
  left: 160px;
  }
  #side-banner-book p {
  font-size: 13px;
  padding: 0px 0 15px 0;
  }
  #side-banner-book .book-flag1 {
  top: -20px;
  }
  #side-banner-book .book-flag2 {
  top: -10px;
  right: -30px;
  }

  
  
  
  
  .single .wp-caption {
	width: 100% !important;
	height: auto;
  }
  #header h1 {
	padding: 10px;
  }
  .thumbWrap {
	margin: 0 auto;
  }
  .main_p {
	padding-bottom: 30px;
  }
  .archive .card-horizontal {
	margin: 0 auto 20px auto;
  }
  .page-header {
	width: 94%;
	margin: 20px auto 0;
	border-radius: 6px;
  }
  #pack_price #front-chomo-pack {
	padding: 40px 20px 35px 20px;
  }
  #pack_price #front-chomo-pack-title h2 {
	text-align: left;
  }
  #pack_price #front-chomo-pack-title h2 .min {
	font-size: 16px;
	display: block;
  }
  .pack-menu .pack-title {
	margin: 0;
  }
  /******実績******/
  .single-works #main .entry-header {
	  padding: 25px 10px 15px !important;
  }
  .single-works #main .site-title h4{display: none;  }
  .single-works #main .site-title { margin: -10px auto 30px;}
  .single-works #main .site-title .url {
	  font-size: 16px;
  }
  
  
  
  /****記事一覧****/
  .archive .card-horizontal {
	  position: initial;
	  width: 96%;
  }
  /***ブログ***/
  #body.single .siteContent{padding-top: 0;}
  #body.single .page-header{
	display: none;
  }
  .single #main{
	background: none;
	padding: 0;
  }
  .single #main .entry-header{
	position: relative;
	background: url(images/back-yellow.png.webp) repeat center top;
	color: #6A3225;
	max-width: 1140px;
	padding: 15px 10px 20px;
  }
  .single #main .entry-header .entry-title{
	  display: inline-block;
	  position: relative;
	  background: url(images/works-top-line.png.webp) no-repeat center bottom !important;
	  padding: 0 30px 16px;
	  font-size: 30px;
	  animation: bounceIn;
	  animation-duration: 1s;
	  font-weight: bold;
	  font-family: 'boku';
  }
  .single #main .entry-header .entry-title:before {
	  content: '';
	  display: block;
	  background: url(images/top-info-post2.png.webp) no-repeat center top;
	  background-size: 100% auto;
	  width: 43px;
	  height: 50px;
	  position: absolute;
	  left: -55px;
	  bottom: 0;
	  z-index: 0;
  }
  .single #main .entry-header .entry-title:after {
	  box-sizing: border-box;
	  content: '';
	  display: block;
	  background: url(images/mainimage.png.webp) no-repeat center top;
	  background-size: 100% auto;
	  width: 80px;
	  height: 72px;
	  position: absolute;
	  right: -90px;
	  bottom: -16px;
	  z-index: 0;
	  opacity: 1;
  }
  
  .single #main .entry-body{
	background: rgb(255 255 255 / 30%);
	border-radius: 6px;
	padding: 50px 35px 35px;
	width: 96%;
	margin: 0 auto 40px;
  }
  .single #main .entry-footer{
	width: 96%;
	margin: 0 auto;
  }
  .single #main .postNextPrev{
	width: 96%;
	margin: 0 auto 100px;
  }
  /******かわいいもの*****/
  .pretty-title-area-pc{display: none !important;}
  #body .pretty-title-area-sp{
	display: block !important;
	width: 96%;
	margin: 35px auto 40px;
  }
  .pretty-site-banner h2 {
  font-size: 27px;
  }
  #pretty-site1-banner .pretty-site1-icon {
  width: 50px;
  height: auto;
  }
  #pretty-site2-banner .pretty-site2-img3 {
  width: 200px;
  height: auto;
  }
  #pretty-site3-banner .pretty-site3-img1 {
  width: 140px;
  height: auto;
  }
  #pretty-site3-banner .pretty-site3-img2 {
  width: 180px;
  height: auto;
  z-index: 0;
  }
  #pretty-site3-banner .pretty-site3-img3 {
  width: 80px;
  height: auto;
  top: -60px;
  }
  .single-prettythings #main .postNextPrev{display: none;}
  #side-pretty-list .postList_miniThumb{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
  }
  #side-pretty-list .postList_miniThumb .postList_item{
	width: 48%;
	border-bottom: #D3C9A4 2px dotted;
	padding: 15px 0;
  }
  #side-pretty-list .side-pretty-more{
	width: 100%;
  }
  #side-pretty-list .side-pretty-more .arrow-inner-middle{
	justify-content: center;
  }
  

}

@media (max-width: 992px) {
  .siteContent {padding: 2.5rem 30px 2.5rem;}
  .mainSection {padding: 0;}
  #header {
  height: auto;
  }
  #wrapper-area {
  display: block;
  }
  #content {
  clear: both;
  width: 100%;
  float: none;
  margin: 0 auto;
  padding: 10px 0;
  }
  #sidebar {
  text-align: center;
  }
  #body .vk-mobile-nav-menu-btn {
	display: flex !important;
	justify-content: center;
	align-items: center;
	color: #F0E6CD;
	background: #387A8A url(images/button_back.jpg.webp) repeat left top;
	font-family: 'boku';
	width: 100px;
	height: 50px;
	border: none;
	text-indent: 0;
	top: 20px;
	right: 15px;
	
  }
  #body .vk-mobile-nav-menu-btn.menu-open{
	color: #F0E6CD;
	background: url(images/button_back_h.jpg.webp) repeat left top;
	text-indent: -9999px;
  }
  #body .vk-mobile-nav-menu-btn.menu-open:before{
	content: '×';
	font-size: 40px;
	color: #f6f3ec;
	display: block;
	text-indent: 0;
	line-height: 1em;
  }

  #body .vk-mobile-nav {
	  color: #F0E6CD;
	  background: url(images/footer.jpg.webp) repeat-x left bottom;
	  background-size: auto 120%;
	  border-radius: 6px;
	  height: auto;
	  padding: 10px;
	  margin: 40px auto 0;
	  left: 0;
	  right: 0;
	  width: 94%;
	  height: calc(100% - 140px);
  }
  #body .vk-mobile-nav .alert,#body .vk-menu-acc .acc-btn{display: none;}
  #body .vk-mobile-nav .vk-mobile-nav-menu-outer{
	background: url(images/background.jpg.webp) repeat left top;
	border-radius: 6px;
	margin: 0 auto !important;
	
  }
  #body .vk-mobile-nav nav ul {
	  padding: 10px;
	  margin: 0;
	  border: none;
	  background: #f6f3ec;
	  border-radius: 6px;
	   overflow:scroll;
  }
  #body .vk-mobile-nav nav ul ul,#body .vk-menu-acc ul.acc-child-close{
	padding: 0;
	max-height: initial;
	opacity: 1;
  }
  #body .vk-mobile-nav .widget_nav_menu ul li a,#body .vk-mobile-nav nav ul li a {
	  border-bottom: 1px solid #dcd3cb;
	  color: #387A8A;
	  
  }
  
  #body #header .gMenu_outer{padding-top: 30px;}
  #body #gMenu_outer nav{display: none !important;}
  #header-logo{position: initial;}
  #mainimage{margin: 0 auto 40px;}
  #mainimage-inner > .wp-block-group__inner-container{
	display: block;
  }
  #mainimage .main {
	display: block;
	margin: 0 auto;
  }
  #mainimage .mainimage-right {
	text-align: center;
  }
  #mainimage .main_p {
	float: none;
	width: 90%;
	height: auto;
	margin: 0 5% 10px 5%;
  }
  #mainimage h2.mainimage-title {
	padding: 0 0 19px 55px;
	justify-content: center;
	background-position: center bottom;
  }
  #top-sec1, #top-sec2 {
	  padding: 0;
  }
  #top-sec1{margin-bottom: 100px;}
  #top-sec1 > .wp-block-group__inner-container, #top-sec2 > .wp-block-group__inner-container{
	display: block;
	margin: 0 auto;
  }
  #top-sec1 .concept-img{
	margin: 0 auto 10px;
	width: 100px;
	height: auto;
  }

  .top-info {
	width: 94%;
	margin: 0 auto 20px;
	text-align: center;
  }
  .top-info h3.top-info-h3 {
	border-bottom: 4px dotted #fff9ec;
	padding: 0 0 5px 0 !important;
	margin: 0 0 20px 0;
	line-height: 140%;
	justify-content: center;
  }
 #top-sec2 {
	display: block;
	position: relative;
  }
  #top-sec2 .right > .wp-block-group__inner-container{position: initial;}
  #top-sec2 .left {
	margin: 0;
  }
 #top-sec2 .right {
	position: static;
	animation-delay: 0s;
  width: 100%;
  }
 #top-sec2 .about_top {
	  display: block;
	  position: absolute;
	  top: -50px;
	  margin: auto;
	  left: 0;
	  right: 0;
	  width: 80px;
  }
 #top-sec2 .more-about {
	position: static;
	margin: 10px auto 0 auto;
	display: block;
	width: 67px;
  }
  #top-works ul li {
	width: 48%;
  }
  #side-pretty-list {
	margin-bottom: 50px;
  }
  #side-pretty-list ul {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
  }
  #side-pretty-list .postList_item {
	width: 49%;
  }
  #side-banner-area {
	max-width: 620px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: stretch;
  }
  #side-banner-area a {
	width: 48%;
	margin: 0 1%;
  }
  #side-banner-area a img {
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0 auto;
	display: block;
  }
  #banners, .side-list {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
  }
  .side-list {
	width: 100%;
	margin: 0 auto 20px auto;
	text-align: left;
  }
  #banners p {
	width: 30%;
	float: left;
	margin: 0 1% 0 2%;
  }
  #banners p img {
	width: 100%;
	height: auto;
  }
  #contactBanner {
	margin: 0 auto;
  }
  .side-list li ul li a br {
	display: none;
  }
  #new-product {
	font-size: 16px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	left: 10px;
	top: 10px;
  }
  #front-chomo-pack {
	padding: 60px 35px 35px 35px;
  }
  #front-chomo-pack-inner > .wp-block-group__inner-container{
	display: block;
  }
  #front-chomo-pack-inner {
	display: block;
	margin: 0 auto 20px;
  }
  #front-chomo-pack .chomo-kawaii { top: -20px;}
  #front-chomo-pack .left {
	margin: 0 auto;
  }
  #front-chomo-pack .right {
	display: block;
	margin: 30px auto 50px;
  }
  #front-chomo-pack .is-layout-constrained.wp-block-group.right.chomo-pack-slider .indicator {
	position: absolute;
	top: auto;
	bottom: 0;
  }
  #front-chomo-pack .kawaii-ribon {
	width: 260px;
	height: auto;
	right: -60px;
	top: -34px;
  }
  #top-menu-list-title {
	font-size: 20px;
  }
  .footer-inner > .wp-block-group__inner-container {
	display: block;
  }
  
  
  /*下層*/
  .page-header_pageTitle, h1.page-header_pageTitle:first-child {
	padding: 0 0 15px;
  }
  .page-flowprice #pack_price #front-chomo-pack {
	  padding: 78px 20px 35px 20px;
  }
  
  .price-nav .price-nav-button {
	width: 31%;
  }
  .price-nav .price-nav-button-inner {
	padding: 10px 0 15px;
  }
  #flow-list .flow-ul li {
	width: 33%;
	padding: 0
  }
  #flow-list .flow-ul .step {
	top: 0;
	left: 0;
	width: 40px;
	height: auto;
  }
  .pretty-wrap .blog-box {
	padding: 8px;
  }
  .pack-menu .pack-title {
	margin: 0 20px 0 0;
  }
  .veu_relatedPosts {
	background: #fff;
	border-radius: 6px;
	padding: 35px;
  }
  .veu_relatedPosts .relatedPosts_item {
	display:flex-item !important;
	width: 48%;
	margin: 15px 1% 0;
  }
  .pretty-site-banner {
	max-width: 600px;
  }
  .single-prettythings .vk_posts {
	margin-bottom: 0;
  }
  .single-prettythings .pretty-wrap .contact-baner {
	display: none;
  }
  .archive .card-horizontal{padding: 10px;}
  .single .entry-body {
  background: none;
  padding: 0;
  }
  .single .entry-header {
  margin-bottom: 20px;
  }

}

@media only screen and (max-width:789px) {
  br.br789 {
	display: block;
  }
  h2.title, .entry-body h2 {
  padding: 30px 10px 25px;
  background: url(images/contact-baner-back-min.jpg.webp) repeat left center;
  text-align: center;
  border-radius: 6px;
  margin-top: 60px !important;
  position: relative;
  width: auto;
  }
  h2.title:before, .entry-body h2:before {
  content: '';
  display: block;
  position: absolute;
  margin: auto;
  width: 75px;
  height: 60px;
  left: 0;
  right: 0;
  top: -35px;
  background: url(images/h2-icon.png.webp) no-repeat center top;
  background-size: 100% auto;
  }
  .entry-body h3, .post-single h2 {
  text-align: center;
  border-radius: 6px;
  background: #f9f7f2 url(images/h3.png.webp) no-repeat center 5px;
  padding: 43px 10px 10px 10px !important;
  min-height: 10px;
  background-size: 60px auto !important;
  width: auto;
  }
  .post-single h2 span {
  position: initial !important;
  }
  .entry-body h4, .post-single h3 {
  margin: 20px 0 15px 0 !important;
  border-bottom: 4px dotted #fafafa;
  padding: 0 0 5px 0 !important;
  text-align: center;
  min-height: 10px;
  }
  .entry-body img {
  max-width: 100% !important;
  width: auto;
  height: auto;
  }
  #body .vk-mobile-nav-menu-btn{top: 40px;}
  #body .vk-mobile-nav{margin: 85px auto 0;}
  #mainimage {
	margin: 0 auto 20px auto;
  }
  #mainimage .left {
	margin: 0 auto 20px auto;
	height: auto;
  }
  #mainimage .left img{
	display: block;
	margin: 0 auto;
	max-width: 380px;
	width: 80%;
  }
  #mainimage h2.mainimage-title, #front-chomo-pack-title h2,#sidebar #text-2 h2{ margin-top: 0 !important;}
  #mainimage h2.mainimage-title:before, #front-chomo-pack-title h2:before,#sidebar #text-2 h2:before{content: none;}
  #front-chomo-pack-title h2{
	text-align: left;
	padding: 0;
  }
  #front-chomo-pack .right {
	width: 470px;
	height: 320px;
  }
	#sidebar {
		max-width: 600px;
		width:100%;
}
  #sidebar #text-2 h2{padding: 0;}
  
  #top-sec3 h4 {
	width: 100%;
  font-size: 16px;
  }
  #top-sec3 h4 img.top-info-post-img1 {
	position: absolute;
	left: 2px;
	top: 0;
  }
  #top-sec3 h4 img.top-info-post-img2 {
	position: absolute;
	right: 2px;
	bottom: 50px;
  }
  #top-works {padding: 40px 15px 10px 15px; }
  #body .top-works-title h2 {
	  justify-content: center;
	margin-top: 0 !important;
	padding: 0 !important;
  }
  #body .top-works-title h2:before{content: none ;}
  .top-works-title .toworks {
	position: static;
	display: block;
	width: 200px;
	margin: 0 auto;
  }
  .top-works-title .toworks img {
	margin: 0 auto !important;
  }
	#bottom-contact-baner.front-contact-baner {padding: 25px 20px 20px;}
	#front-contactbanner-h3 {
	padding: 0 !important;
	text-align:center;
	font-size: 1.3em;
	margin: 10px 0 14px;
	}
	.front-contact-baner .logo-img {
	margin: auto;
	position: initial;
	display: block;
	width: 100px;
	height: 100px;
	}	
	.front-contact-baner .contact-robo {
	top: auto;
	width: 50px;
	height: auto;
	left: 15px;
	bottom: 10px;
	}
	.front-contact-baner .clickchomo{
		right: 0;
	bottom: 10px;
	width: 90px;
	}
	
  #front-blog li {padding: 10px;}
  #body .info-news li h4, #front-blog li h4{
	margin: 0 !important;
	border: none !important;
	padding: 0 !important;
	text-align: left;
	font-size: 16px;
  }
  .entry-body .article-cat {
	font-size: 14px;
	padding: 0 15px !important;
  }
  
  .info-news .front-thum, .archive .card-horizontal .thumb, .pretty-wrap .blog-box-prettythings .thumb {
	height: 160px;
  }
  #front-prettythings h2.title .text {
	justify-content: center;
  }
  #front-prettythings li {
	width: 24%;
  }
  #front-prettythings li:nth-child(9), #front-prettythings li:nth-child(10) {
	display: none;
  }
  .footer-inner {
	display: block;
  }
  .footer_nav {
	display: none;
  }
  #fooder-h2 {
	display: block;
	line-height: 130%;
	font-size: 10px;
	padding: 10px 0 0 0;
  }
  #footer .copySection {
	line-height: 130%;
	font-size: 10px;
  }
  #front-chomo-pack {
	padding: 70px 25px 30px 25px;
  }
  .butterfly-kawaii {
	bottom: auto;
	right: 0;
	top: 0;
	width: 40px;
	height: auto;
  }
  #front-chomo-pack-title .top-menu-img {
	width: 140px;
	height: auto;
  }
  .top-readmore {
	margin-bottom: 0;
  }
  #front-prettythings h2.title {
	background: #fff;
  }
  #front-prettythings li{padding: 5px;}
	/*
  #front-prettythings li a img {
	  height: 120px !important;
  }
	*/
  #side-pretty-list .postList_item .postList_thumbnail {
	width: 120px;
	height: 120px;
  }
  #side-banner-book .book-board {
	display: inline-block;
	position: static;
	margin-right: 100px;
  }
  #side-banner-book .side-book {
	left: 50%;
	right: auto;
  }
  #body .footerWidget{
	margin: 0 ;
	padding: 0;
  }
  #block-47 {
	  display: block;
	  margin: 0 15px;
  }
  /*下層*/
  .page-flowprice #pack_price #front-chomo-pack {
	  padding: 50px 20px 35px 20px;
  }
  #pack_price #front-chomo-pack-title h3 {
	font-size: 14px;
  }
  #pack_price #front-chomo-pack-title h2 img{
  width: 120px;
  }
  .price-nav {
	margin-bottom: 40px;
  }
  .price-nav .price-nav-button {
	font-size: 14px;
  }
  .price-nav .price-nav-button-inner {
	padding: 10px 5px;
	line-height: 140%;
  }
  
  .pack-button-box {
	width: 32%;
	height: auto;
	padding: 28px 10px 15px;
  }
  .pack-button-box img.pack-menu {
	width: 120px;
	height: auto;
  }
  .pack-button-box h3.pack-name {
	font-size: 17px;
	padding: 0 0 10px !important;
	background-size: auto 4px !important;
  }
  .pack-button-box .price {
	font-size: 23px;
	padding: 0;
  }
  .pack-menu .pack-title {
	margin: 0 auto 10px;
  }
  .pack-title-chomo {
	width: 40px !important;
	height: auto;
  }
  .price-area img.img-inline {
	width: 35px;
	height: auto;
  }
  .pagetop {
	width: 150px;
	height: 35px;
	background-size: 100% auto;
	float: none;
	margin: 0 auto 70px;
  }
  .pagetop a {
	padding: 6px 0 0 45px;
	font-size: 12.5px;
  }
  .arctext-h3 {
	font-size: 20px !important;
	padding: 0 0 20px 0 !important;
  }
  .arctext-h3 .marker {
	line-height: 200%;
  }
  .pack-menu-title {
	display: block;
	text-align: center;
  }
  .pack-menu .pack-title, .pack-menu .price-area {
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
  }
  .pack-menu .pack-title h3.pack-name {
	padding: 0 0 0 14px !important;
	background-size: 100% !important;
	line-height: 55px;
  }
  .pack-menu .pack-title h3.pack-name span {
	padding: 0 14px 0 0;
  }
  #flow-list .flow-ul li {
	width: 32%;
	font-size: 13px;
	min-height: 10px;
	background-size: 100% 100%;
  }
  #flow-list h4.flow-title {
	font-size: 16px;
	padding: 20px 0 3px 0 !important;
	margin: 0 !important;
	border: none !important;
  }
  #flow-list .flow-ul .flow-img {
	height: 60px;
	width: auto;
  }
  .contact-baner {
	width: 100%;
	height: auto;
	padding: 30px 20px 12px;
	background: url(images/contact-baner-back-min.jpg.webp) repeat left top;
	border: 0;
	border-radius: 6px;
  }
  .contact-baner h3 {
	font-size: 18px;
	line-height: 140%;
	text-align: center;
  }
  .contact-robo {
	top: -16px;
	width: 80px;
	height: auto;
  }
  .contact-baner .tocontact {
	margin: 15px auto 20px;
	display: block;
	width: 360px;
  }
  .contact-baner .tocontact .button {
	width: 100%;
	margin: 0 auto;
  }
  .contact-baner .clickchomo{
	position: absolute;
	right: -22px;
	bottom: 0;
  }
  
  .blog-box-prettythings .thumb {
	margin: 0 auto;
  }
  .works-page-nokke .wp-block-button__link a {
	font-size: 16px;
  }
  .veu_relatedPosts {
	background: rgba(255, 255, 255, 0.85);
	padding: 0 10px 15px;
	border-radius: 6px;
  }
  .veu_relatedPosts>.row {
	width: 100%;
  }
  .pretty-site-banner h2 {
	padding-top: 0 !important;
	background: none;
	margin-top: 0 !important;
	font-size: 24px;
  }
  .pretty-site-banner h2:before {
	content: none !important;
  }
  #pretty-site1-banner {
	padding: 20px;
  }
  #pretty-site1-banner h2 {
	padding: 0;
  }
  #pretty-site1-banner .pretty-site1-flower {
	width: 300px;
	height: auto;
  }
  #pretty-site1-banner .under-h2 {
	padding: 10px 0 15px;
	background-size: auto 13px;
  }
  #pretty-site2-banner {
	padding: 42px 50px 8px;
  }
  #chomo-room h2 span:after {
	width: 100px;
	height: 76px;
	right: 0;
	bottom: auto;
	right: 0;
	margin: auto;
	top: -88px;
  }
  .vk_balloon_icon {
	-ms-flex-preferred-size: 50px;
	flex-basis: 50px;
	margin-right: 37px !important;
  }
  .announce-area {
	padding: 25px 20px 20px 20px;
  }
  .announce-area h3 {
	margin: 0 auto 20px;
  }
  .announce-area p {
	padding-right: 150px;
  }
  .announce-area .button {
	margin-top: 20px;
  }
  /****実績****/
  .single-works #main .site-title h4{
	border-block: none;
	padding: 0 0 18px 0 !important;
  }
  /***ブログ***/
  
  
  .single .breadSection .breadcrumb { margin-top: 35px;}
  .single #main .entry-header { margin: 20px auto 50px; }
  .single #main .entry-header .entry-title,#blog-page-title {
	display: block;
	position: initial;
	background-size: auto 6px !important;
	padding: 0 10px 12px;
	font-size: 24px;
  }
  .single #main .entry-header .entry-title:before,#blog-page-title:before{
	  left: -10px;
	  bottom: auto;
	  top: 0;
  }
  .single #main .entry-header .entry-title:after,#blog-page-title:after {
	  right: -14px;
	  bottom: -37px;
	  opacity: 1;
  }
  .single #main .entry-body {
	background: none;
	border-radius: 0;
	padding: 0;
  }
  .single #main .entry-meta .entry-meta_items_term{display: none;}
  /***single***/
  .archive .card-horizontal-inner-row{
	display: block !important;
  }
  .archive .card-horizontal-inner-row > div{
	max-width: 100%;
	width: 100%;
  }
  .archive .card-horizontal .vk_post_imgOuter {
	width: 320px;
	height: auto;
	border-radius: 6px;
	margin: 30px auto 0;
  }
  /******かわいいもの******/
  .post-type-archive-prettythings #main .vk_post_imgOuter_img{
	height: 190px;
  }
	/****見直し部屋***/
	#review-lead-chomo {width: 45px;}
	#site-review-lead h3 {padding: 30px 10px 25px !important;}

}

@media only screen and (max-width:589px) {
  br.br589 {
	display: block;
  }
  body {
	font-size:16px;
	line-height: 170% !important;
  }
  .siteContent {
	  padding: 2rem 20px 2rem;
  }
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  }
  #body #header .gMenu_outer {
	padding-top: 50px;
  }
  #body .vk-mobile-nav-menu-btn{
	width: 80px;
	height: 46px;
	top: 52px;
  }
  #body .vk-mobile-nav{margin: 85px auto 0;}

  #header-logo {
	  width: 150px;
  }
  #header h1 {
	line-height: 130%;
	font-size: 10px;
  }
  #mainimage h2.mainimage-title {
	width: auto;
  }
  #mainimage .left img {
	width: 70%;
  }
  #mainimage h2.mainimage-title .icon-mainimage1 {
	width: 20px;
	height: auto;
  }
  #mainimage h2.mainimage-title .icon-mainimage2 {
	width: 33px;
	height: auto;
  }
  #top-sec3 h4.title {
	font-size: 17px;
  }
  #top-sec3 h4 img.top-info-post-img2 {
	bottom: 9px;
  }
  .single .entry-body img, .single .wp-caption {
	padding: 0;
	max-width: 500px;
  }
  .thumbWrap {
	width: 100%;
	margin: 0 auto;
	text-align: center;
  }
  .thumbWrap ul.thumb li {
	width: 30%;
	float: left;
	margin: 0 1% 0 2%;
  }
  .thumbWrap img {
	width: 100%;
	height: auto;
  }
  img.temple {
	width: 96%;
	margin: 0 2%;
	height: auto;
  }
  #header {
	text-align: center;
  }
  #header h2, #footerLogo {
	float: none;
	padding: 0;
  }
  img.alignright, img.alignleft {
	display: block;
	margin: 0 auto 15px auto;
  }
  .icon-flex {
	margin-right: 6px;
  }
  #top-link {
	width: 100%;
	margin: 0 auto 20px;
	padding-bottom: 58px;
  }
  #top-menu-list .top-menu-box {
	width: 49%;
  }
  #top-menu-list .menu-lead {
	font-size: 12px;
  }
  #top-works {
	padding: 36px 25px 15px 25px;
  }
  .top-works-title {
	text-align: center;
  }
  .top-works-title h2 span {
	font-size: 18px;
  }
  .top-works-title .toworks {
	position: initial;
	display: block;
	width: 150px;
	margin: 5px auto;
	text-align: center;
  }
  #top-works ul li {
	width: 48%;
  }
  .info-news li, .info-news li h2 {
	font-size: 16px;
  }
  .info-news time {
	font-size: 14px;
  }
  #new-product {
	font-size: 14px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	left: 0;
	top: -20px;
	right: 0;
	margin: auto;
  }
  .info-news .front-thum, .archive .card-horizontal .thumb, .pretty-wrap .blog-box-prettythings .thumb {
	height: 130px;
  }
	
	#front-chomo-pack {
	padding: 65px 25px 30px 25px;
}
  #front-chomo-pack .right {
	  width: 400px;
	  height: 260px;
  }
  #front-chomo-pack .kawaii-ribon {
	right: -20px;
	width: 150px;
	top: -20px;
  }
  #front-chomo-pack-title .top-menu-img{
	width: 100px;
  }
  #top-menu-list {
	display: block;
  }
  #top-menu-list-title {
	font-size: 20px;
	margin: 0 auto 20px;
  }
  #top-menu-list .top-menu-box {
	width: 100%;
  }
  #top-link > .wp-block-group__inner-container{
	flex-wrap: wrap;
  }
  #top-link a {
	flex-shrink: 0;
	width: 46%;
	margin: 0 auto;
  }
  #front-blog li img{
	width: 100%;
	height: 100% !important;
  }
  
  #front-prettythings h2.title .text {
	  display: block;
  }

  #front-prettythings li {
	width: 32%;
  }
  #front-prettythings li:nth-child(9) {
	display: block;
  }
  /*下層*/
  .page-header {
	animation: bounceInDown;
	animation-duration: 1s;
  }
  .page-header_pageTitle, h1.page-header_pageTitle:first-child {
	margin: 1.2em 0 0.8em;
	position: static;
	animation: none !important;
  }
  .page-header_pageTitle:before {
	left: -10px;
	width: 38px;
	top: 10px;
  }
  .page-header_pageTitle:after {
	right: -20px;
	bottom: -44px;
  }
  .news {
	width: 90%;
	margin: 0 5%;
  }
  #banners p {
	float: none;
	width: 250px;
	height: auto;
	margin: 0 auto 10px auto;
  }
  .baner1, .baner1 img {
	width: 250px;
	height: 170px;
  }
  .templateplan img {
	width: 96%;
	margin: 0 2%;
	max-width: 615px;
	height: auto;
  }
  .contact-baner {
	width: 100%;
	height: auto;
	padding: 30px 20px 12px;
	background: url(images/contact-baner-back-min.jpg.webp) repeat left top;
	border: 0;
	border-radius: 6px;
  }
  .contact-baner h3 {
	font-size: 18px;
	line-height: 140%;
	text-align: center;
  }
  .contact-robo {
	top: -16px;
	width: 70px;
	height: auto;
  }
  .contact-baner .tocontact {
	margin: 10px auto 15px;
	width:300px;
  }
  .contact-baner .clickchomo{
	width: 80px;
	height: auto;
	right: -5px;
  }

  
  .price-nav {
	margin-bottom: 40px;
  }
  .price-nav .price-nav-button {
	font-size: 12px;
  }
  .price-nav .price-nav-button-inner {
	padding: 10px 5px;
	line-height: 140%;
  }
  .pack-button-box {
	width: 32%;
	height: auto;
	background-size: 100% 100%;
  }
  .pack-button-box img.pack-menu {
	width: 120px;
	height: auto;
  }
  .pack-button-box h3.pack-name {
	font-size: 17px;
  }
  .pack-button-box .price {
	font-size: 20px;
	padding: 0;
  }
  #pack_price #front-chomo-pack .button {
	font-size: 14px;
	line-height: 44px;
	margin: 10px auto 0;
  }
  .pack-menu .pack-title {
	margin: 0 auto;
  }
  .pack-title-chomo {
	width: 40px !important;
	height: auto;
  }
  .price-area img.img-inline {
	width: 35px;
	height: auto;
  }
  .arctext-h3 {
	font-size: 20px !important;
	padding: 0 0 20px 0 !important;
  }
  .arctext-h3 .marker {
	line-height: 200%;
  }
  .pack-menu-title {
	display: block;
	text-align: center;
  }
  .pack-menu .pack-title, .pack-menu .price-area {
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
  }
  .pack-menu .pack-title h3.pack-name {
	padding: 0 0 0 14px !important;
	background-size: 100% !important;
  }
  .pack-menu .pack-title h3.pack-name span {
	padding: 0 14px 0 0;
  }
  .pack-in {
	display: none !important;
  }
  .entry-body p.pack-p {
	text-align: center;
  }
  #pack-1, #pack-2, #pack-3 {
	padding: 60px 40px 25px 40px;
  }
  #flow-list .flow-ul li {
	width: 48%;
	font-size: 14px;
	min-height: 10px;
	background-size: 100% 100%;
	margin-bottom: 30px;
  }
  #flow-list h4.flow-title {
	font-size: 20px;
	padding: 30px 0 0 0 !important;
	margin: 0 !important;
	border: none !important;
  }
  #flow-list .flow-ul .flow-img {
	height: 60px;
	width: auto;
  }
  .box {
	width: 48%;
  }
  .box .button p span {
	padding-left: 12px;
	background-size: 6px auto;
  }
  #pretty-title-area .pretty-title-img {
	width: 240px;
	height: auto;
  }
  .archive .card-horizontal h2.title span {
	background: none !important;
	padding: 0 !important;
	position: initial;
  }
  .blog-box-prettythings h2 {
	font-size: 16px;
  }
  .blog-card {
	padding: 0.2em !important;
	background: rgba(255, 255, 255, 0.45) !important;
  }
  .blog-card .wp-block-group__inner-container {
	padding: 13px 10px 1px !important;
  }
  .blog-card p {
	font-size: 0.8em;
  }
  .blog-card figure {
	max-width: 140px !important;
	margin-bottom: 5px !important;
  }
  .wp-pagenavi .pages, .wp-pagenavi .last, .wp-pagenavi .first, .wp-pagenavi .extend {
	display: none;
  }
  .photo-link {
	width: 100%;
	height: auto;
	padding: 0;
  }
  .photo-link img {
	width: 100%;
	height: auto;
  }
  #pack-1, #pack-2, #pack-3 {
	padding: 60px 20px 20px 20px;
  }
  .osusume-temp-box .pc-no {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #665D52;
	margin: 0 0 10px 0;
  }
  .osusume-temp-box .sp-no, .osusume-temp-box hr {
	display: none;
  }
  .osusume-temp-box img {
	margin-left: auto;
	margin-right: auto;
  }
  .osusume-temp-box .alignleft {
	text-align: center;
  }
  #contact-form table th, #contact-form table td {
	display: block;
	width: 100%;
	float: left;
	box-sizing: border-box;
  }
  input[type="text"], textarea, input[type="email"], input[type="url"], input[type="tel"] {
	max-width: 99% !important;
  }
  select {
	line-height: 50px;
	height: 50px;
  }
  .post-single iframe {
	width: 400px;
	height: 220px;
  }
  .page-header_pageTitle, h1.page-header_pageTitle:first-child {
	font-size: 26px;
	background-size: auto 6px;
  }
  #about-top img {
	display: block;
	float: none;
	margin: 0 auto 20px;
  }
  .breadSection {
	margin: 0 auto 20px;
  }
  .breadSection .container {
	width: 90%;
	max-width: 90%;
  }
  .works-page-nokke .wp-block-buttons .wp-block-button, .works-page-nokke .wp-block-button__link {
	display: block;
	margin: 0 auto;
	font-size: 15px;
	width: 250px;
  }
  .veu_relatedPosts .relatedPosts_item>.media .media-heading {
	font-size: 12px;
  }
  .veu_relatedPosts {
	padding: 20px;
  }
  .veu_relatedPosts .relatedPosts_item {
	display: flex-item;
	width: 48%;
	margin: 15px 1% 0;
	padding: 5px 10px 1px;
  }
  .announce-area {
	padding: 20px 15px 20px 15px;
  }
  .announce-area h3 {
	background-size: 40px auto !important;
	margin-top: 0 !important;
  }
  .announce-area .blog-book {
	width: 100px;
	height: auto;
	bottom: -33px;
  }
  .announce-area p {
	padding-right: 0;
  }
  #chomo-form-area table th, #chomo-form-area table td {
	display: block;
	width: 100%;
  }
  #chomo-form-area table th {
	padding: 20px 0 0 5px;
	border-bottom: none;
  }
  /****ブログ***/
  #blog-page-title{
	margin-right: 20px;
	margin-left: 20px;
  }
  .single #main .entry-header .entry-title,#blog-page-title {
	  background-size: auto 5px !important;
	  font-size: 22px;
  }
  .single #main .entry-header .entry-title:before,#blog-page-title:before {width: 36px;}
  .single #main .entry-header .entry-title:after,#blog-page-title:after {width: 60px;}
  
  /****かわいいもの****/
  .post-type-archive-prettythings #main .vk_post-postType-prettythings{
	margin-bottom: 20px;
	padding: 6px;
  }
  .post-type-archive-prettythings #main .vk_post_imgOuter_img{
	height: 160px;
  }

  
  .pretty-site-banner {
  font-size: 14px;
  }
  .pretty-site-banner h2 {
  font-size: 22px;
  }
  .pretty-site-banner .under-h2 {
  font-size: 18px;
  }
  .pretty-site-banner .button {
  font-size: 16px;
  line-height: 140% !important;
  padding: 10px 0;
  }
  #pretty-site1-banner {
  padding: 10px;
  }
  #pretty-site1-banner .pretty-site-banner-inner {
  padding: 50px 15px 20px;
  }
  #pretty-site2-banner {
  background: url(images/pretty-site2-back-sp.png.webp) no-repeat center top;
  background-size: 100% 100%;
  padding: 31px 56px 8px;
  }
  #pretty-site2-banner .pretty-site-banner-inner {
  padding: 20px 0 0 0;
  }
  #pretty-site2-banner .pretty-site2-img {
  width: auto;
  height: 70px;
  }
  #pretty-site2-banner .pretty-site2-img3 {
  width: 160px;
  }
  #pretty-site3-banner {
  padding: 30px 20px 30px;
  }
  #pretty-site3-banner .pretty-site3-ribon {
  width: 200px;
  height: auto;
  margin: 0 auto 10px;
  }
  #pretty-site3-banner .pretty-site3-img1 {
  width: 100px;
  height: auto;
  left: -32px;
  top: -20px;
  }
  #pretty-site3-banner .pretty-site3-img2 {
  top: -20px;
  width: 140px;
  }
  #pretty-site3-banner .pretty-site3-img3 {
  width: 60px;
  top: -44px;
  right: -25px;
  }
  #pretty-site3-banner .pretty-site3-img4 {
  width: 160px;
  height: auto;
  left: -10px;
  }

  #side-pretty-list .postList_miniThumb .postList_item{
	display: block;
  }
  
  #side-pretty-list .postList_item a {
  display: block;
  border-bottom: none;
  }
  #side-pretty-list .postList_item .postList_thumbnail {
	display: block;
	margin: 0 auto 10px;
	float: none;
  }
  #side-pretty-list .postList_item .postList_body{
	float: none;
  }
 
}

@media only screen and (max-width:489px) {
  br.br489 {
	display: inline;
  }
  h2.title, .post h2 {
	font-size: 18px;
  }
  .post h3, .post-single h2, h3.title {
	font-size: 16px;
  }
  .single .w-back {
	padding: 20px 10px 15px 10px;
  }
  .single-post .entry-body ul li {
	margin: 0;
  }
  #header .siteHeader_logo {
	line-height: 130%;
	font-size: 10px;
  }
  #fooder-h2 {
	padding: 30px 0 0 0;
  }
  #mainimage .main{width: 100%;}
  #mainimage .left img {
	  width: 90%;
  }
  #mainimage h2.mainimage-title {
	  font-size: 20px;
	padding: 15px 0 15px;
	background-size: auto 7px;
	display: block;
	text-align: center;
  }
  #mainimage h2.mainimage-title span {
	  padding-right: 0;
  }
  #mainimage h2.mainimage-title img{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -18px;
  }
  .mainimage-robo {
	width: 60px;
	height: 48px;
	bottom: 0;
	right: 0;
  }
  .concept-img {
	width: 70px;
  }
  .top-info h3.top-info-h3 img.img-inline {
	margin: 0 5px;
	width: 26px;
	height: auto;
  }
  #top-sec3 h4.title {
	  font-size: 15px;
  }
 #top-sec3 h4 span {margin: 0;}
	#top-sec3 h4 img.top-info-post-img1 {
position: absolute;
left: -10px;
top: -20px;
}
	#top-sec3 h4 img.top-info-post-img2 {
	bottom: -31px;
	right: -14px;
	}
  #top-menu-list {
	display: block;
  }
  #top-menu-list .top-menu-box {
	width: 100%;
	margin: 0 auto 30px;
	padding: 20px 10px 10px 10px;
  }
  #top-menu-list .top-menu-box1:before {
	left: 10px;
	top: 10px;
  }
  #top-works {
	padding: 30px 15px 5px 15px;
  }
  #top-works ul { margin: 0;}
  .top-works-title h2 {
	display: block;
	text-align: center;
  }
  .top-works-title h2 img {
	display: block;
	margin: 0 auto 3px;
  }
  #front-chomo-pack .right {
	  width: 300px;
	  height: 200px;
	  margin: 45px auto 10px;
  }
  #body .chomo-pack-slider .indicator,#front-chomo-pack .kawaii-ribon{display: none;}
  #front-chomo-pack-title h2 {
	text-align: center;
	display: block;
  }
  #front-chomo-pack-title .top-menu-img {
	  width: 100px;
	  margin: 0 auto;
	  display: block;
  }
	.front-contact-baner .contact-robo {
	width: 38px;
	bottom: 0;
	}
	
	
	
  .info-news li {display: block;}
  #content .date {
	font-size: 12px;
  }
  .info-news li a {
	display: block;
  }
  .info-news .front-thum, .archive .card-horizontal .thumb, .pretty-wrap .blog-box-prettythings .thumb {
	height: 180px;
  }
  #front-blog li {
	width: 100%;
	margin-bottom: 20px;
  }
  #side-banner-area {
	display: block;
  }
  #side-banner-area a {
	width: 100%;
	margin: 0 auto;
  max-width: 260px;
  }
	#front-chomo-pack #front-chomo-pack-h4 {font-size: 1.2em !important;}
  #front-chomo-pack-title .top-menu-img {
	width: 130px;
  }
  #front-chomo-pack .button {
	font-size: 18px;
  }
  #front-prettythings li {
	margin-bottom: 10px;
  }
	
  .copySection p{font-size: 10px;}
  /*下層*/
  .page-header_pageTitle, h1.page-header_pageTitle:first-child {
	font-size: 24px;
	line-height: 130%;
	padding: 0 0 12px;
  }
  .page-header_pageTitle:before {
	top: -17px;
  }
  table.table-res {
	border: none;
  }
  table.table-res tr {
	display: block;
	overflow: hidden;
	padding: 0 0 20px 0;
  }
  table.table-res th, table.table-res td {
	padding: 10px 0;
	clear: both;
	width: 99% !important;
	display: block;
  }
  table.table-res thead th {
	padding: 0;
	border-bottom: 1px #fff solid;
  }
  table.table-res .none {
	display: none;
  }
  table.option {
	border-top: 1px solid #d3c9a4 !important;
  }
  table.option tr {
	padding: 0;
  }
  table.option td {
	border-width: 0 1px 1px 1px;
  }
  .price-nav .price-nav-button p span {
	display: none;
  }
  .entry-body p.pack-p {
	font-size: 13px;
  }
  .pack-menu .pack-title h3.pack-name {
	background: url(images/pack-title-sp.png.webp) no-repeat left top;
	padding: 0 !important;
	height: 56px;
	width: 300px;
	margin: 0 auto 5px auto;
	background-size: 100% 100% !important;
  }
  .arctext-h3 {
	padding: 0 !important;
	font-size: 18px !important;
  }
  #pack_price #front-chomo-pack .right {
	  margin: 0 auto 15px;
  }
  .pack-button {
	display: block;
  }
  .pack-button-box {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 20px auto;
	border-radius: 6px;
	padding: 20px 15px 10px;
  }
  .pack-button-box:before {
	bottom: auto;
	top: -10px;
	right: auto;
	left: -10px;
  }
  .pack-button-box-inner {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .pack-button-box img.pack-menu {
	margin: 0 10px 0 0;
	position: static;
  }
  .pack-button-box .post-link {
	padding-bottom: 5px;
  }
  .pack-box .pack-ul {
	padding: 25px 15px 15px;
  }
  .pack-title-chomo {
	display: none !important;
  }
  #pack-1, #pack-2, #pack-3 {
	padding: 60px 10px 20px 10px;
  }
  .pack-box .pack-ul:before{opacity: 0.2;}
  .entry-body .arctext-h3 {
	padding: 30px 0 10px 0 !important;
  }
  .card-plan-title ul {
	width: auto;
  }
  .paper-list li {
	width: 48%;
  }
  .temp-plan .temp-plan-box-inner {
	margin-bottom: 10px;
  }
  #flow-list ul.flow-ul {
	display: block;
	margin: 0 auto 20px;
  }
  #flow-list .flow-ul li {
	width: 100%;
	height: auto;
	display: block;
	margin: 40px auto 0 auto;
	background: url(images/formback.jpg.webp) repeat left top;
	border-radius: 6px;
	padding: 10px 0 0 0;
	min-height: 50px;
  }
  #flow-list .flow-ul .step {
	position: absolute;
	top: -20px;
	left: 0;
	margin: auto;
	right: 0;
	width: 46px;
  }
  #flow-list h4.flow-title {
	padding: 20px 0 0 0 !important;
  }
  #pack_price #front-chomo-pack-title h2 {
	display: block;
	text-align: center;
  }
  #pack_price #front-chomo-pack-title .top-menu-img {
	display: block;
	margin: 0 auto 5px;
  }
  .pack-pages {
	display: block;
	text-align: center;
	margin: 10px auto 20px auto;
	padding-bottom: 0;
	text-align:center;
  }
  .pack-pages .pages-balloon {
	padding: 0;
	font-size: 12px;
  }
  .pack-pages .pages-balloon .price {
	font-size: 16px;
  }
  .box .button {
	margin: 0 !important;
  }
  .box .button p {
	line-height: 150% !important;
  }
  .box .button p span {
	font-size: 14px;
	background-size: 6px auto;
	padding-left: 10px;
  }
  
  .contact-baner h3 {
	font-size: 16px;
  }
  .contact-baner h3:before {
	left: -12px;
  }
  .contact-robo {
	width: 50px;
  }
  .contact-baner .clickchomo {
	width: 70px;
	right: -11px;
  }
  .contact-baner .tocontact {
	margin: 10px auto 15px;
	width: 240px;
  }
  
  
  .price-nav .price-nav-button-inner {
	padding: 10px 0;
  }
  .post-single iframe {
	width: 320px;
	height: auto;
  }
  .dsfaq_quest {
	font-size: 16px;
	background-size: 40px auto;
	padding: 7px 0 10px 49px;
  }
  dd.answer {
	margin: 0 0 30px 0;
  }
  .dsfaq_answer {
	padding-left: 40px;
	background-size: 34px auto;
	font-size: 100%;
	background-position: left top;
  }
  #about-bottom table th {
	position: relative;
	padding-left: 17px;
	border: none;
  }
  #about-bottom table th::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 3px;
	margin: auto;
	width: 6px;
	height: 6px;
	background-color: #0b7691;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }
  .paper-list li {
	width: 48%;
  }
  #chomo-room h2 span.text:after {
	right: -30px;
  }
  /****記事一覧***/
  .archive .card-horizontal .vk_post_imgOuter {
	  margin: 10px auto 0;
  }
  .archive .card-horizontal .card-title {
	  font-size: 17px;
  }
  /******ブログ******/
  #blog-page-title{
	background-size: auto 6px;
	font-size: 24px;
  }
  .single #main .entry-meta {margin-bottom: 0;}
  .single #main .entry-meta_items {
	  font-size: 12px;
  }
  .single #main .entry-header{
	padding: 25px 10px 20px;
  }
  .single #main .entry-header .entry-title{
	padding: 0 5px;
	background: none !important;
	margin-bottom: 0;
  }
  
  .entry-body h3, .post-single h3 {
	margin-top: 50px;
  }
  .veu_relatedPosts {
  padding: 20px 10px 10px;
  }
  .veu_relatedPosts h1.mainSection-title {
  font-size: 17px;
  margin: 0 auto 5px;
  }
  .veu_relatedPosts .relatedPosts_item {
  margin: 10px 1% 0;
  }
  /******かわいいもの*****/
  .post-type-archive-prettythings #main .vk_post-postType-prettythings{
	width: 49%;
	margin-bottom: 14px;
	padding: 5px;
  }
  .post-type-archive-prettythings #main .vk_post_imgOuter_img{
	height: 160px;
  }
  
  .pretty-wrap #pretty-title-area {
  background-size: 500px auto;
  background-position: right bottom;
  }
  #pretty-title-area .pretty-title-img{
  width: 220px;
  }
  .pretty-wrap .blog-box {
  width: 100%;
  }
  #pretty-site1-banner .pretty-site1-flower {
  width: 240px;
  }
  #pretty-site1-banner .pretty-site1-icon {
  width: 42px;
  }
  #pretty-site1-banner .pretty-site1-icon1 {
  left: -13px;
  top: auto;
  bottom: -12px;
  }
  /*****実績*****/
  .single-works #main .photo-link a{display: block;}
  .single-works #main .photo-link br{display: none;}
  .single-works #main .photo-link img{margin: 0;}
  .single-works #main .site-title h4{
	font-size: 24px;
	margin-top: 0 !important;
  }
  .single-works #main .site-title h4 a{
	display: block;
	text-align: center;
  }
  .single-works #main .site-title h4 a:before {
	  width: 80px;
	  height: 30px;
	  display: block;
	  margin: 0 auto 10px;
  }

}

@media only screen and (max-width:389px) {
  br.br389 {
	display: inline;
  }
  .siteContent {
	  padding: 2rem 15px 2rem;
  }
  h2.title, .entry-body h2 {
	font-size: 20px;
  }
  .entry-body h3, .post-single h2, h3.title {
	font-size: 18px;
  }
  .page-header_pageTitle, h1.page-header_pageTitle:first-child, h1.entry-title {
	  font-size: 20px;
  }
  #body .vk-mobile-nav-menu-btn{
	width: 72px;
	height: 43px;
	top: 55px;
	right: 10px;
	font-size: 14px;
  }

  #mainimage {
	width: 100%;
	height: auto;
  }
  #mainimage h2.mainimage-title .icon-mainimage1 {
	width: 28px;
	margin-right: 10px;
  }
  #mainimage .main_p {
	width: 100%;
	margin: 0 auto;
  }

  .top-info h3.top-info-h3 {
	font-size: 18px;
	margin: 0 0 20px 0;
	min-height: 14px;
  }
  .top-info h3.top-info-h3 img.img-inline {
	margin: 0 5px;
	width: 30px;
	height: auto;
  }
  #top-sec3 h4.title {
	padding: 15px 5px !important;
	font-size: 14px;
  }
  .top-works-title {
	text-align: center;
  }
  .top-works-title h2 img {
	display: block;
	margin: 0 auto;
  }
  #top-works ul li {
	width: 48%;
	margin: 0 1% 15px;
  }
  .info-news li time {
	display: block;
  }
  .photo-link {
	float: none;
	margin: 0 auto;
  }
  #fooder-h2 {
	padding: 30px 0 0 0;
  }
  #nokke-area {
	padding: 30px 20px 15px;
  }
  #front-nokke-area {
	padding: 10px;
  }
  #new-product {
	font-size: 12px;
	width: 60px;
	height: 60px;
	line-height: 60px;
  }
  
  #front-chomo-pack {
	padding: 50px 15px 30px 15px;
	margin: 0 auto 50px auto;
  }
	#front-chomo-pack #front-chomo-pack-h4 {font-size: 1em !important;}
  #front-chomo-pack .chomo-kawaii h3 {
	width: 195px;
	height: 86px;
	padding: 0 0 0 10px;
	line-height: 94px;
	font-size: 16px;
  }
  #front-chomo-pack .kawaii-ribon {
	display: none;
  }
  #front-chomo-pack-title h2 {
	display: block;
	text-align: center;
  }
  #front-chomo-pack-title .top-menu-img {
	display: block;
	margin: 0 auto 10px;
  }
  #front-chomo-pack .right {
	margin: 15px auto 20px;
  width: 240px;
  height: 160px;
  }
  #front-chomo-pack .is-layout-constrained.wp-block-group.right.chomo-pack-slider .indicator{display: none;}
  #front-chomo-pack .front-chomo-pack-price {
	font-size: 22px;
  }
  #front-chomo-pack .button {
	width: 100%;
  }
	.front-contact-baner .logo-img {
	width: 80px;
	height: 80px;
	}
	#front-contactbanner-h3 {font-size: 1.2em;}
  #top-menu-list-title {
	padding: 0 5px 14px;
  }
  #top-link a{
	width: 200px;
  }
  #top-link a.link-price,#top-link a.link-contact{margin-right: calc(100% - 200px);}
  #top-link a.link-qa{margin-left: calc(100% - 200px);}
  #side-banner-book .book-flag1 {
	top: -20px;
	width: 220px;
	height: auto;
  }
  #side-banner-book .book-flag2 {
	width: 210px;
	top: -30px;
  }
  #side-banner-book .side-book {
	width: 136px;
  }
  #side-banner-book p {
	font-size: 12px;
  }
  #front-prettythings li h2 {
	font-size: 12px;
  }
  /*下層*/
  .page-header_pageTitle, h1.page-header_pageTitle:first-child, h1.entry-title {
	font-size: 20px;
  }
  .shiyou {
	width: 280px;
  }
  .price-nav .price-nav-button p span {
	display: none;
  }
  .butterfly-kawaii {
	width: 34px !important;
	height: auto;
  }
  #pack_price #front-chomo-pack {
	padding: 18px 14px 25px 15px;
  }
	
  #pack_price #front-chomo-pack-title h2 img {
	  width: 90px;
  }
  .pack-button {
	margin: 20px auto 20px auto;
  }
  .pack-button-box-inner {
	display: block;
  }
  .pack-button-box img.pack-menu {
	margin: 0 auto 10px;
  }
  .pack-button-box h3.pack-name {
	font-size: 22px;
  }
  #pack-1, #pack-2, #pack-3 {
	padding: 45px 10px 10px 10px;
  }
  .pack-menu .pack-title h3.pack-name {
	font-size: 23px;
  }
  .pack-box .pack-ul:before {
	width: 230px;
	height: 188px;
  }
  .pack-box img.pack-title {
	width: 100%;
	height: auto;
  }
  .pack-pages {
	display: block;
	text-align: center;
	margin: 10px auto 20px auto;
	padding-bottom: 0;
	text-align:center;
  }
  .pack-pages .pages-balloon {
	padding: 0;
	font-size: 12px;
  }
  .pack-pages .pages-balloon .price {
	font-size: 16px;
  }
  .box .button {
	margin: 0 !important;
  }
  .box .button p {
	line-height: 150% !important;
  }
  .shiyou {
	float: none;
	margin: 0 auto;
  }
  img.contact-baner-p {
	width: 280px;
	height: auto;
  }
  .single .w-back {
	padding: 20px 10px 15px 10px;
  }
  .contact-baner h3 {
	font-size: 16px;
  }
  .contact-baner h3:before {
	left: -12px;
  }
  .contact-robo {
	width: 62px;
  }
  .contact-baner .tocontact {
	margin: 10px auto 15px;
	width: 220px;
  }
  
  .price-nav .price-nav-button-inner {
	padding: 10px 0;
  }
  .post-single iframe {
	width: 320px;
	height: auto;
  }
  .top-left, .top-right {
	width: 90%;
	margin: 0 5% 20px 5%;
  }
  .price-area img.img-inline {
	width: 38px;
	height: auto;
  }
  .syntaxhighlighter {
	padding: 10px 0;
  }
  #top-sec3 h4 img.top-info-post-img1 {
	left: 0;
	top: -25px;
  }
  .contact-baner h3:before {
	width: 50px;
	height: 38px;
  }
  .contact-baner h3 {
	font-size: 14px;
  }
  .template_list {
	display: block;
  }
  .box {
	width: 280px;
	display: block;
	margin: 0 auto 30px;
  }
  .box img.box_img {
	margin: 0 auto 5px;
  }
  .post-single iframe {
	width: 300px;
	height: 180px;
  }
  #temp-plan-top .right .arctext-h3 {
	font-size: 20px !important;
  }
  .arctext-h3 .marker {
	line-height: 150%;
  }
  .temp-plan-box h3.pack-name {
	font-size: 20px;
  }
  .archive .card-horizontal .thumb {
	width: 100%;
  }
  ul.page-numbers li {
	width: 44px;
	height: 44px;
	line-height: 44px;
  }
  .works-page-nokke {
	padding: 25px 10px;
  }
  .works-page-nokke .wp-block-buttons .wp-block-button, .works-page-nokke .wp-block-button__link {
	width: 230px;
  }
  .veu_relatedPosts .media-date {
	font-size: 12px;
  }
  .veu_relatedPosts {
	padding: 10px;
	display: block;
  }
  .veu_relatedPosts .relatedPosts_item {
	width: 100%;
  }
  #chomo-room {
	padding: 25px 5px 5px;
  }
  #formWrapper{padding: 15px 20px 20px;  }

  /****実績****/
  .single-works #main .site-title { margin: 0 auto 30px;}

  /****記事一覧****/
  #blog-page-title{font-size: 20px;}
  .archive .card-horizontal {
	  width: 92%;
	  padding: 10px;
  }

  .archive .card-horizontal .vk_post_imgOuter {
	  margin: 0 auto;
	  width: 100%;
  }
  /*****ブログ****/
  #blog-page-title{
	margin-right: 15px;
	margin-left: 15px;
  }
  /******かわいいもの*****/
 #front-prettythings li {width: 48%;}
  .post-type-archive-prettythings #main .vk_post_imgOuter_img{
	height:120px;
  }
  
  .pretty-site-banner .under-h2 {
  font-size: 16px;
  }
  .pretty-site-banner .button {
  font-size: 14px;
  }
  #pretty-site1-banner .pretty-site-banner-inner {
  padding: 50px 10px 10px;
  }
  #pretty-site2-banner {
  padding: 22px 32px 40px;
  }
  #pretty-site2-banner .pretty-site-banner-inner {
  padding: 15px 0 0 0;
  }
  #pretty-site2-banner .pretty-site2-img {
  height: 50px;
  }
  #pretty-site2-banner .pretty-site2-img2 {
  right: -2px;
  }
  #pretty-site2-banner .pretty-site2-img3 {
  width: 110px;
  margin: 1px auto 10px;
  }
  #pretty-site2-banner h2 {
  padding: 0 0 15px 0;
  font-size: 16px;
  }
  #pretty-site2-banner .button-area {
  margin: 20px 0 0;
  }
  #pretty-site2-banner .button img {
  width: 60px;
  height: auto;
  top: -26px;
  }
  #pretty-site3-banner .pretty-site3-img1 {
  width: 80px;
  left: -29px;
  top: -29px;
  }
  #pretty-site3-banner .pretty-site3-img2 {
  top: -20px;
  width: 100px;
  }
	/****見直し部屋***/
	#site-review-lead:before {opacity: 0.3;}

}