/*

/*-----------------------------------------------
 ALL
-----------------------------------------------*/
.nbdr{
border:none;
}
a.alpha:hover img{
opacity:0.4;
}
.iehk{
vertical-align:bottom;
margin:0px;
border:0px;
padding:0px;
font-size:0px;
line-height:0px;
}
#contact{
clear:both;
background-color:#735838;
color:#ffffff;
padding:10px 0px;
width:800px;
margin:0 auto;
font-size:125%;
margin-bottom:20px;
}
#contact span{
font-weight:bold;
font-size:150%;
}
#contact a{
color:#ffffff;
font-size:100%;
}


/*-----------------------------------------------
 BASIC
-----------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@300;400;500;600;700;800&display=swap');
.mplus{
	font-family: 'M PLUS 2', sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Kosugi&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
.noto{
	font-family: 'Noto Sans JP', sans-serif;
}


*{
font-size:12px;
}
html{
height:100%;
}
body {
height:100%;
line-height:180%;
background:#ffffff;
/*font-family:'ヒラギノ角ゴ Pro W3',sans-serif,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';*/
font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
text-align:center;
color:#0D0D0D;
}
h1,h2,h3,h4,h5,h6,h7{text-align:left;}
li,dt,dd,th,td{text-align:left;}
br{letter-spacing:normal;}
p{
font-size:115%;
line-height:180%;
padding:0;
text-align:left;
color:#333333;
}
li{list-style:none;}
strong{font-weight:bold;}
img,
fieldset {
	border:0;
	vertical-align: bottom;
}
.lt{float:left;}
.gt{float:right;}
.ctr{text-align:center;}
.small{font-size:88%;}
.red{color:#cc0000;}
.strong{
	font-weight: bold;
}
.under{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #330000;
}
.ud{
	padding-bottom:10px;
	margin-bottom:10px;
}
.liner{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dotted #c71585;
}

.pc-only{
	display: block;
}
.sp-only{
	display: none;
}

/*-----------------------------------------------
 LAYOUT
-----------------------------------------------*/

#container {
width:900px;
margin:0 auto;
text-align:center;
min-height:100%;
height: auto !important;
height:100%;
}

#footer {
clear:both;
width:100%;
padding:10px 0px 0px 0px;
}



/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/
a {color:#1c51d7;text-decoration:none;}
a:hover{color:#cc0000;text-decoration:underline;}
a:link {}
a:visited {}
a:active {}



/*-----------------------------------------------
 NAVIGATION
-----------------------------------------------*/
#navigation{
width:900px;
height:50px;
margin-bottom:20px;
}
#navigation ul{
width:900px;
height:45px;
}
#navigation li{
width:12.5%;
float:left;
line-height:140%;
}
#navigation a{
width:100％;
height:35px;
padding-top:10px;
display:block;
color:#0D0D0D;
text-align:center;
text-decoration:none;
position: relative;
}
#navigation a:hover{
}
#navigation a span{
color:#735838;
font-family:"Monotype Corsiva";
font-size:120%;
}

#navigation a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #D9644A;
  opacity: 1;
  visibility: visible;
  transition: .3s;
}
#navigation a:hover::after {
  bottom: -8px;
  opacity: 0;
  visibility: hidden;
}




/*-----------------------------------------------
 HEADER
-----------------------------------------------*/
#titles{
width:900px;
height:127px;
background:url("https://shokoballet.com/common/img/all/title.jpg") center bottom no-repeat;
}
#titles p{
padding:15px 0px 0px 20px;
margin:0px;
color:#ffffff;
font-size:180%;
font-weight:bold;
}

#header{
	height: 80px;
	text-align: left;
	background: #BFA36F;
}

#header a.logo{
	display: inline-block;
	line-height: 1;
}

/*-----------------------------------------------
 CONTENTS
-----------------------------------------------*/
#contents{
width:870px;
margin:0 auto;
text-align:center;
}

section {
  text-align: center; }
  section .inner {
    width: 100%;
    margin: 0px;
    height: 0px;
    position: relative;
/*    overflow: hidden;*/ }
    section .inner div {
      opacity: 0;
      -webkit-transform-origin: 0px 0px;
          -ms-transform-origin: 0px 0px;
              transform-origin: 0px 0px;
      -webkit-animation-name: Drop;
              animation-name: Drop;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; 
            }

#sakura {
/*  color: #92405d;
  background: #f9f1f4;*/
  margin-bottom: 0px; }
  #sakura .inner div {
    position: absolute;
    display: block;
    width: 10px;
    height: 15px;
    background: url("https://shokoballet.com/wpskb/wp-content/uploads/2017/04/sakura-1.png") no-repeat; }
    #sakura .inner div.flake2 {
      background-size: 5px 6px !important; }
    #sakura .inner div.flake4 {
      background-size: 5px 6px !important; }
    #sakura .inner div.flake6 {
      background-size: 5px 6px !important; }
    #sakura .inner div.flake8 {
      background-size: 5px 6px !important; }

@-webkit-keyframes Drop {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0; }

  50% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 1; }

  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0.3; } }

@keyframes Drop {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0; }

  50% {
    -webkit-transform: translateY(400px);
            transform: translateY(400px);
    opacity: 1; }

  100% {
    -webkit-transform: translateY(800px);
            transform: translateY(800px);
    opacity: 0.3; } }

.flake1 {
  left: 20px;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s; }

.flake2 {
  left: 40px;
  -webkit-animation-duration: 2.7s;
          animation-duration: 2.7s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

.flake3 {
  left: 60px;
  -webkit-animation-duration: 2.9s;
          animation-duration: 2.9s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }

.flake4 {
  left: 80px;
  -webkit-animation-duration: 2.4s;
          animation-duration: 2.4s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }

.flake5 {
  left: 100px;
  -webkit-animation-duration: 2.4s;
          animation-duration: 2.4s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.flake6 {
  left: 150px;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s; }

.flake7 {
  left: 170px;
  -webkit-animation-duration: 2.7s;
          animation-duration: 2.7s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s; }

.flake8 {
  left: 200px;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s; }
/*-----------------------------------------------
 CONTENTS LEFT (MAIN)
-----------------------------------------------*/
#main{
width:600px;
float:left;
/*background-color:#fff4f4;*/
margin-bottom:30px;
}


/*-----------------------------------------------
 CONTENTS RIGHT (SIDEBAR)
-----------------------------------------------*/
#sidebar{
width:245px;
float:right;
margin-bottom:30px;
background-color:#FFF6F9;
border:1px solid #dddddd;
padding-top:10px;
}
#sidebar ul{
width:215px;
margin:0 auto;
}
#sidebar li{
width:215px;
height:132px;
background-color:#ffffff;
margin-bottom:20px;
}
#sidebar .last{
margin:0px;
}
#sidebar strong{
color:#A48A48;
font-size:135%;
}
#sidebar_in{
background-color:#ffffff;
width:230px;
padding:10px 0px;
border:1px solid #eeeeee;
margin:0 auto;
margin-bottom:10px;
}

/*-----------------------------------------------
 CONTENTS TOP
-----------------------------------------------*/

#topics{
float:left;
width:383px;
height:285px;
border:1px solid #cccccc;
background-image:url("https://shokoballet.com/common/img//top/topics.gif");
background-repeat:no-repeat;
background-position:top left;
margin-bottom:30px;
overflow:auto;
}
#topics ul{
padding:60px 0px 0px 40px;
}
#topics ul li{
background-image:url("https://shokoballet.com/common/img//top/arrow.gif");
background-repeat:no-repeat;
background-position:10px 4px;
font-size:115%;
padding:0px 0px 5px 25px;
margin:0px 20px 20px 0px;
border-bottom:1px solid #cccccc;
}
#topics ul li a{
font-size:100%;
padding-left:10px;
color:#FCB6CD;
font-weight:bold;
}

.bnr0{
margin-bottom:40px;
}
#top2{
width:188px;
height:285px;
margin-left:25px;
margin-bottom:30px;
float:left;
}
#top3{
width:244px;
height:285px;
margin-left:25px;
margin-bottom:30px;
float:left;
}
#top3 li{
padding-bottom:18px;
}



/*-----------------------------------------------
 CONTENTS PAGE
-----------------------------------------------*/
h2{
font-size:160%;
color:#FCC5D4;
font-weight:bold;
border-bottom:1px solid #eeeeee;
padding:0px 0px 3px 0px;
margin:10px 0px 0px 0px;
}
h2 span{
font-weight:normal;
color:#666666;
font-family:"Times New Roman";
}

.big{
font-size:150%;
}
.eng{
font-family:"Times New Roman";
}
h3{
font-size:150%;
color:#9B4729;
font-weight:bold;
padding:0px 0px 3px 0px;
margin:40px 0px 5px 0px;
}
h3 span{
font-weight:normal;
color:#666666;
font-family:"Times New Roman";
}

.tbl{
width:100%;
border-right:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
}
.tbl th{
padding:7px;
background-color:#9d9e90;
color:#ffffff;
font-size:135%;
text-align:center;
border-top:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
}
.tbl .td1{
width:33%;
height:50px;
font-weight:bold;
padding:7px;
font-size:145%;
background-color:#eef0e5;
border-top:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
}
.tbl .td2{
padding:7px;
font-size:115%;
border-top:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
text-align:center;
}
.tbl .td1 span{
font-size:12px;
}
.tbl .td3{
width:33%;
padding:7px;
font-size:115%;
border-top:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
text-align:center;
}
.qa{
margin:20px 0px 40px 0px;
}
.qa dt{
font-size:135%;
color:#f45068;
font-weight:bold;
padding:10px 0px 0px 0px;
}
.qa dd{
border-bottom:1px dotted #cccccc;
font-size:135%;
padding:5px 0px 10px 0px;
}

.ac{
color:#a0935e;
font-size:135%;
font-weight:bold;
padding:0px 0px 10px 0px;
}
.ac_box{
height:115px;
border:3px double #cdcbce;
background-image:url("https://shokoballet.com/common/img/class/bg.gif");
background-repeat:repeat-x;
width:500px;
padding:15px 15px 15px 15px;
margin-bottom:20px;
font-size:125%;
text-align:left;
}
.ac_box p{
padding:0px 0px 5px 0px;
}
.ac_box_2{
height:180px;
border:3px double #cdcbce;
background-image:url("https://shokoballet.com/common/img/class/bg.gif");
background-repeat:repeat-x;
width:500px;
padding:15px 15px 15px 15px;
margin-bottom:20px;
font-size:125%;
text-align:left;
}
.ac_box_2 p{
padding:0px 0px 5px 0px;
}

.enty-content img{
	max-width:50%;
	height:auto;
}



/*-----------------------------------------------
 BREAD CRUMBS
-----------------------------------------------*/
#breadcrumbs{
padding:10px 0px;
font-size:12px;
color:#666666;
}
#breadcrumbs ul{
}
#breadcrumbs ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#breadcrumbs li{
float:left;
color:#666666;
padding-right:10px;
}
#breadcrumbs a{
color:#666666;
padding-right:15px;
font-weight:normal;
background-image:url("https://shokoballet.com/common/img/all/bc.gif");
background-repeat:no-repeat;
background-position:right;
}




/*-----------------------------------------------
 FOOTER
-----------------------------------------------*/
#footer{
background-color:#D9644A;
padding:10px 0px;
color:#ffffff;
}
address{
font-size:16px;
}


/* =Content
-------------------------------------------------------------- */

#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0 0 48px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}

section {
  text-align: center; }
  section .inner {
    width: 100%;
    margin: 0px;
    height: 0px;
    position: relative;
/*    overflow: hidden;*/ }
   

/* ===================================================================

content style

=================================================================== */
section {
  text-align: center; }
  section .inner {
    width: 100%;
    margin: 0px;
    height: 0px;
    position: relative;
/*    overflow: hidden;*/ }
    section .inner div {
      opacity: 0;
      -webkit-transform-origin: 0px 0px;
          -ms-transform-origin: 0px 0px;
              transform-origin: 0px 0px;
      -webkit-animation-name: Drop;
              animation-name: Drop;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; 
            }


@-webkit-keyframes Drop {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0; }

  50% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 1; }

  100% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0.3; } }

@keyframes Drop {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0; }

  50% {
    -webkit-transform: translateY(400px);
            transform: translateY(400px);
    opacity: 1; }

  100% {
    -webkit-transform: translateY(800px);
            transform: translateY(800px);
    opacity: 0.3; } }

.flake1 {
  left: 20px;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s; }

.flake2 {
  left: 40px;
  -webkit-animation-duration: 2.7s;
          animation-duration: 2.7s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

.flake3 {
  left: 60px;
  -webkit-animation-duration: 2.9s;
          animation-duration: 2.9s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }

.flake4 {
  left: 80px;
  -webkit-animation-duration: 2.4s;
          animation-duration: 2.4s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }

.flake5 {
  left: 100px;
  -webkit-animation-duration: 2.4s;
          animation-duration: 2.4s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.flake6 {
  left: 150px;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s; }

.flake7 {
  left: 170px;
  -webkit-animation-duration: 2.7s;
          animation-duration: 2.7s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s; }

.flake8 {
  left: 200px;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s; }


/* studio
-------------------------------------------------------------- */
.person {
	margin:10px 0;
	padding:10px 0;
	border-bottom:1px dotted #aaa;
}
.face{
	width:33%;
	float:left;
	text-align:left;
}

.face img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

.hist{
	width:66%;
	float:right;
}
.hist h3{
	margin:0;

}
.hist p{
	line-height:1.45;
	letter-spacing:1px;
	font-size:12px;
}
.hist li{
	line-height:1.45;
}

.name {
	text-align:left;
}

.solo {
	padding:10px 0;
}
.tiled-gallery-item{
	margin:5px 0;
}

ul.gallery{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
ul.gallery figure,ul.gallery figure img{
	max-width:100%;
	margin:0;
	padding:0;
}
ul.gallery li.gallery-item{
	flex-basis:24%;
}
ul.gallery li.gallery-item a{
	display:block;
	width:100%;
}




.belt_p{
	background:#D9644A ;
	color: #fff;
}
.belt_ch{
	background-color: #3c7170;
	color: #fff;
}

#s-atelier img{
	max-width: 100%;
	height: auto;
}
#s-atelier{
		font-family: 'Noto Sans JP';
		background: #ECECED;
		color: #000;
}
#s-atelier ul{
	padding: 10px 5px;
}
#s-atelier ul li{
	list-style: inside circle;
}
#s-atelier h4{
	font-size: 1.45em;
	font-weight: bold;
	margin-bottom: 15px;
 display: flex;
 align-items: center;
}

#s-atelier div.split{
 display: flex;
 align-items: center;
}

#s-atelier dt,#s-atelier dd,#s-atelier ul li{
	font-size: 1.2em;
}

#s-atelier > div{
	padding: 20px;
	font-family: 'Noto Sans JP';
}
#s-atelier h3{
	  position: relative;
    margin-bottom: 0.8rem;
    padding: 0.2rem 0rem 0.8rem;
    border-bottom: 5px dotted;
    font-weight: bold;
    font-size: 26px;
    margin-top: 10px;
}
#s-atelier .belt_p h3,#s-atelier .belt_ch h3{
	color: #fff;
}
#s-atelier dl dt{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
}

#s-atelier .belt_p p,#s-atelier .belt_ch p{
	color:#fff;
}
#s-atelier .illust{
width: 20%;
margin-left: auto;
margin-right: 0px;
}

.goods a {
	background-color: #ceb849;
	border: 1px solid transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 300px;
	height: 60px;
	color: #333;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}

.goods a::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #333;
}

.goods a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -15px;
	transform: translateY(-50%);
	width: 30px;
	height: 1px;
	background-color: #333;
}

.goods a:hover {
	background-color: #B99b00;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

/* new contact  */

.contact-area {
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin: 20px auto;
}

.contact-area .tel-number {
    font-size: 24px;
    font-weight: bold;
    padding: 30px 20px;
}

.mw_wp_form .contact-list {
    border: 1px solid #008db7;
    border-radius: 4px 4px 0 0;
}

.mw_wp_form * {
		box-sizing: border-box;
}

.mw_wp_form .privacy {
    display: flex;
    flex-wrap: wrap;
    border-radius: 0 0 4px 4px;
    border: 1px solid #008db7;
        border-top-color: rgb(0, 141, 183);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: none;
}

.contact-area .tel-number p{
  display: inline-block;
  padding:5px 10px 7px;
  border:1px solid #008db7;
}


.mw_wp_form .contact-list{
  border:1px solid #008db7;
  border-radius: 4px 4px 0 0;
}

.mw_wp_form .contact-list li {
  display:flex;
  flex-wrap: wrap;
  text-align:left;
  border-bottom:1px solid #25b7c0;
}

.mw_wp_form .contact-list li label,.mw_wp_form .labeling{
  flex-basis:33%;
  padding:10px;
  font-size:16px;
  background:#ffefff;
  color:#735838;
}

.mw_wp_form .contact-list li span.wpcf7-list-item label{
  background:transparent;
  color:#555;
  align-items: center;
}

.mw_wp_form .contact-list li .mwform-radio-field.horizontal-item{
    display: flex;
    flex-direction: column;
}
.mw_wp_form .contact-list li .mwform-radio-field.horizontal-item label{
  background:transparent;
  color: #333;
}
.mwform-radio-field-text{
 flex-shrink: 0;
  vertical-align: middle;
}
.mw_wp_form .contact-list li .input-box{
  flex-basis:66%;
  padding:10px 20px 10px 10px;
}
.mw_wp_form input[type="email"], .mw_wp_form input[type="tel"],.mw_wp_form input[type="text"],.mw_wp_form textarea{
  width: 100%;
  border: 1px solid #555;
  border-radius: 4px;
  padding:10px 5px; 
}

.mw_wp_form .contact-list li span.small{
  display:inline-block;
  padding:2px 5px;
  border-radius: 2px;
  font-weight:bold;
  float:right;
}


.mwform-checkbox-field.horizontal-item label{
	font-size: 1.2em;
	font-weight:bold;
	color: #111;
}

.consult{
	margin: 0 auto;
}

.mw_wp_form .privacy{
  display:flex;
  flex-wrap: wrap;
  border-radius: 0 0 4px 4px;
  border: 1px solid #008db7;
  border-top:none;
}


.mw_wp_form .privacy .privacy-title{
  flex-basis:30%;
  padding:10px;
  font-size:16px;
  background:#49779b;
  color:#fff;
}

.mw_wp_form .privacy .privacy-body{
  text-align:left;
  font-size:16px;
  flex-basis:70%;
  padding:10px 30px 10px 10px;
}
.mw_wp_form .privacy .privacy-body p{
  padding:10px 0 0 10px;
}
.mw_wp_form .privacy .privacy-body .scroll{
  margin-top:10px;
  max-height: 20.3125rem;
  border:1px solid #7b5544;
  overflow-y: scroll;
  padding:10px;
  font-size:0.8em;
  background:#eee;
}

.contact-check-button{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-check-button > div{
  display: flex;
  flex-basis: 20%;
  flex-shrink: 0;
}

.contact-check-button > div > span{
  display: block;
  margin-top: 20px;
}

input.consult,input.wpcf7c-elm-step1,input.wpcf7-back{
	display: inline-block;
  margin: 20px auto ;
  border:none;
  font-size:21px;
  padding:10px 20px;
  background: #008db7;
  color:#fff;
  border-radius: 6px;
  cursor: pointer;
}

input.wpcf7-back{
  background:#ed6d35;
}

input.wpcf7-submit:hover,input.wpcf7c-elm-step1:hover{
  background: #00608d;
}

.wpcf7-form-mode-confirm .contact-list table th span,
.wpcf7-form-mode-confirm .contact-list .txt_edit,
.wpcf7-form-mode-confirm .contact-list .txt_sent{
  display:none;
}
.wpcf7-form-mode-edit .contact-list .txt_confirm,
.wpcf7-form-mode-edit .contact-list .txt_sent{
  display:none;
}
.sent .contact-list .txt_confirm,
.sent .contact-list .txt_edit,
.sent .contact-list table,
.sent .contact-list h2{
  display:none;
}
.sent .contact-list .txt_sent{
  display:block;
}
div.wpcf7-mail-sent-ok {
    border: none;
    padding:0;
    margin:0;
}

#policy p{
  text-indent: 1em;
}

#policy p.ud{
  margin-bottom: 40px;
}


.lkn{
text-decoration:none;
font-size:20px;
color:#000;
}

.tsukushi{
width:670px;
margin:0 auto 20px auto;
}
.tsukushi img{
max-width:100%;
height:auto;
}

/*-----------------------------------------------
 CLEAR FIX
-----------------------------------------------*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*-----------------------------------------------
 PRINT
-----------------------------------------------*/

@media print{
html{
background-image:none;
}
body {
background-image:none;
}
}