岡山県備前市.valign-wrapper {
    margin-right: auto;
    margin-left: auto;

     
}
body {
    background-image: url(../img/back.png);
    background-position: center top;
    background-repeat: repeat-y;
}
.container {
    background-color: rgba(255,255,255,1.00);
    background-position: center top;
}


* {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.top-h {
    background-color: #cc0000;
    color: rgba(255,255,255,1.00);
    font-size: 1.1em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
}

#nav-pc {
    position: relative;
}
#user-menu {
    width: 420px;
    height: 108px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 40px;
   padding-rught: 0px;
}



#global-menu > a:first-of-type > img {
    border-left: none;
	padding-left: 15px;
	padding-right: 15px;
}

.wideslider {
    width: 100%;
    height: 330px;
    text-align: left;
    position: relative;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;

}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
    background: #fff url(../img/prev.jpg) no-repeat right center;
}
.slider_next {
    background: #fff url(../img/next.jpg) no-repeat left center;
}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
    display: inline-block;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.container-fluid {
    width: 100%;
}

.off {
    background-color: #cc0000;
    text-align: center;
    color: rgba(255,255,255,1.00);
    font-weight: 900;
    font-size: 2.4em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    width: 100%;
}

.off2 {
    background-color: #cc0000;
    text-align: center;
    color: rgba(255,255,255,1.00);
    font-weight: 900;
    font-size: 4em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    width: 100%;
}


.ph-c {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


.slide_margin {
    z-index: 100;
    visibility: visible;
    display: none;
	}

.slide_margin li {
	margin-right: 20px;
}
.block-center {
    margin-right: auto;
    margin-left: auto;
}


.picup_head {
    text-align: center;
}
.red-waku{
    border: 2px solid #cc7f7f;
    width: 100%;
    height: auto;
}
.br-waku{
    border: 2px solid #663300;
    width: 100%;
    height: auto;
}
.houjin {
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.row-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.sample {
	position:relative;
    width: 305px;
    height: 240px;
	margin-right:5px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.sampl-left {
	position:relative;
    width: 305px;
    height: 240px;
	margin-right:5px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.sample h2,.sampl-left h2{
    fony-weight: bold;
    font-siza: 1.5em;
    position: absolute;
    font-weight: 600;
    font-size: 1.25em;
    left: 42px;
    top: 4px;
    color: rgba(0,0,0,1.00);
    margin-top: 3px;
}
#footer-link {
    padding-top: 26px;
}
.sample.s-08 h3 {
    font-size: 0.9em;
    margin-left: -9px;
}


.sample h3{
    fony-weight: bold;
    font-siza: 1.5em;
    position: absolute;
    font-weight: bold;
    font-size: 0.9em;
    left: 151px;
    top: 197px;
    background-color: rgba(255,255,255,0.00);
    color: rgba(255,255,255,1.00);
    margin-top: 0px;
}
.sampl-left h3{
    fony-weight: bold;
    font-siza: 1.5em;
    position: absolute;
    font-weight: bold;
    font-size: 0.9em;
    left: 20px;
    top: 197px;
    background-color: rgba(255,255,255,0.00);
    color: rgba(255,255,255,1.00);
    margin-top: 0px;
}
.sampl-left  p {
    margin-top: 0px;

}
.sampl-left  h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.sample .p01 {
    margin-top: -6px;
}


.sampl  p {
    margin-top: 0px;
}


.sample p,.sampl-left p{
    fony-weight: bold;
    font-siza: 1.5em;
    position: absolute;
    font-weight: bold;
    font-size: 0.9em;
    left: 19px;
    top: 41px;
    background-color: rgba(255,255,255,0.00);
    color: rgba(42,42,42,1.00);
}

.s-01 {
    background-image: url(../img/cat01_haku.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-01:hover {
    background-image: url(../img/cat01_2_haku.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}
.s-02 {
    background-image: url(../img/cat02_designer.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-02:hover {
    background-image: url(../img/cat02_2_designers.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}
.s-03 {
    background-image: url(../img/cat03_fude.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-03:hover {
    background-image: url(../img/cat03_2_fude.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}

.s-04 {
    background-image: url(../img/cat04_unique.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-04:hover {
    background-image: url(../img/cat04_2_unique.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}


.s-05 {
    background-image: url(../img/cat05_popcute.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-05:hover {
    background-image: url(../img/cat05_2_popcute.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}

.s-06 {
    background-image: url(../img/cat06_stylish.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-06:hover {
    background-image: url(../img/cat06_2_stylish.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-07 {
    background-image: url(../img/cat07_photo.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-07:hover {
    background-image: url(../img/cat07_2_photo.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-08 {
    background-image: url(../img/cat08_basic.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-08:hover {
    background-image: url(../img/cat08_2_basic.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-09 {
    background-image: url(../img/cat09_etegami.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-09:hover {
    background-image: url(../img/cat09_2_etegami.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-10 {
    background-image: url(../img/cat10_eco.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-10:hover {
    background-image: url(../img/cat10_2_eco.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
cat10_2_ecocat10_2_ecocat10_2_ecocat10_2_ecocat10_2_ecocat10_2_ecocat10_2_eco}


.s-11 {
    background-image: url(../img/cat11_23color.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-11:hover {
    background-image: url(../img/cat11_2_23color.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}

.s-12 {
    background-image: url(../img/cat12_mono.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}
.s-12:hover {
    background-image: url(../img/cat12_2_mono.png);
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;
}

.ma-50 {
    margin-bottom: 50px;
}
.ma-30 {
    margin-bottom: 30px;
}
.ma-20 {
    margin-bottom: 20px;
}
.img-res {
    width: 100%;
    height: auto;
}
.block-center {
    max-width: 536px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
}
.houjin-ph {
    width: 319px;
}
#docucolor-inner h2 {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 25px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#docucolor {
    padding-left: 14px;
    padding-top: 11px;
    background-image: url(/static/2021/img/docu-back.png);
    background-repeat: repeat-y;
    position: relative;
}

#docucolor-inner p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 0.8em;
    line-height: 1.5em;
}
.f-right {
    float: right;
    margin-top: 29px;
    margin-left: 10px;
}
#banners {
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}
#logo {
    width: 497px;
    height: 141px;
}
.img-res {
    width: 100%;
    height: auto;
}


.foot  {

    margin-top: 14px;
}
.foot h3 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 10px;
}
#footer-link h3 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 10px;
}

.foot p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: .9em;
	line-height: 1.5em;
}

#footer-link a {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: .9em;
	line-height: 1.5em;
}
.information-table .ta   {
    width: 30%;
}
.information-table tr th,.information-table tr td {
    border: 1px solid rgba(239,229,218,1.00);
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#information,#company,#faq,#contact,#container,#privacy,#price,#howto,#delivery,
{
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 43px;
    padding-right: 37px;
}













@media (min-width:601px){
	.top-h2{
		display: none;
	}
#global-menu > a > img {
    background-color: #efe5da;
}
.logo-small {
    display: none;
}
.slider {
    display: none;
}
.motyu-s {
    display: none;
}
.kojin-s   {
    display: none;
}
.hojin-s {
    display: none;
}
.kojin-l {
    margin-bottom: 20px;
}
.osusume2 {
    display: none;
}







}


@media (max-width:809px) and (min-width:601px){
	
.red-waku{
 
    max-width: 660px;
    height: auto;
}	
.br-waku{
 
    max-width: 660px;
    height: auto;
}	
.top-h {
    font-size: 0.9em;
    text-align: left;
}
	
	#global-menu{
		display: flex;
	}	
	
#global-menu > a> img {
    border-left: none;
width: 135px;
	margin-right: 5px;
}
.off {
    background-color: #cc0000;
    text-align: left;
    color: rgba(255,255,255,1.00);
    font-weight: 400;
    font-size: 2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
	padding-left: 3em;
    width: 100%;
}	
.popularBlock {
    max-width: 700px;
}
.block-center {
    max-width: 536px;
    margin-left: 46px;
}
#docucolor {
    max-width: 700px;
}
#banners {
    max-width: 700px;
    margin-left: 6px;
}




	
	
}

@media (max-width:600px){
	
	.wideslider{
		display: none;
	}
	
	.row-box {
	width: 100%;
	display: flex;
	justify-content: center;
}
	
	.top-h2 {
    background-color: #cc0000;
    color: rgba(255,255,255,1.00);
    font-size: 1.1em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
}
.nav-b  {
    background-color: #EFE5DA;
    display: inline-block;
    width: 19%;
    height: 74px;
}

.off {
    background-color: #cc0000;
    text-align: center;
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-left: 0em;
    width: 100%;
}
.top-h  {
    font-size: 0.9em;
    line-height: 20px;
}
.logo-small {
    margin-bottom: -56px;
    margin-left: 10px;
}
.left li {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 6px;
    line-height: 21px;
    padding-left: 6em;
    text-indent: -6em;
}
.left {
    width: 140%;

}
#docucolor-inner {
    padding-bottom: 15px;
}
#banners img {
    height: 62px;
}
#contacts {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contacts .foot {
    background-color: rgba(225,204,204,1.00);
    width: 100%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-left: 15%;
}

.slider {
  width: 100%;
	height: 150px;
	
  position: relative;
	margin-bottom: 50px;
    margin-top: 80px;
	}
.slide1 img,.slide2 img,.slide3 img,.slide4 img,.slide5 img {
  position: absolute;
  width: 100%;
	height: auto;

}

	
.slide1 {
    animation: fade1 20s infinite;
    -webkit-animation: fade1 20s infinite;
}	
	
.slide2 {
    animation: fade2 20s infinite;
    -webkit-animation: fade2 20s infinite;
}
.slide3 {
      animation: fade3 20s infinite;
    -webkit-animation: fade3 20s infinite;
	}
.slide4 {
    animation: fade4 20s infinite;
    -webkit-animation: fade4 20s infinite;
}
.slide5 {
    animation: fade5 20s infinite;
    -webkit-animation: fade5 20s infinite;
}	
	

@keyframes fade1
{
  0%   {opacity:1}
  16.6% { opacity: 1}
  33.2% { opacity: 0}
  49.8% { opacity: 0}
  66.4% { opacity: 0}
  83.3% { opacity: 0}	
  100% { opacity: 1}
}
@keyframes fade2
{
   0%   {opacity:0}
  16.6% { opacity: 0}
  33.2% { opacity: 1}
  49.8% { opacity: 0}
  66.4% { opacity: 0}
  83.3% { opacity: 0}	
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  16.6% { opacity: 0}
  33.2% { opacity: 0}
  49.8% { opacity: 1}
  66.4% { opacity: 0}
  83.3% { opacity: 0}	
  100% { opacity: 0}
}
@keyframes fade4
{
   0%   {opacity:0}
  16.6% { opacity: 0}
  33.2% { opacity: 0}
  49.8% { opacity: 0}
  66.4% { opacity: 1}
  83.3% { opacity: 0}	
  100% { opacity: 0}
}
@keyframes fade5
{
  0%   {opacity:1}
  16.6% { opacity: 0}
  33.2% { opacity: 0}
  49.8% { opacity: 0}
  66.4% { opacity: 1}
  83.3% { opacity: 1}	
  100% { opacity: 0}
}
#footer-link {
	width: auto;
    padding-left: 25px;
}
#footer-link  h3 {
    margin-top: 1.3em;
}

	
	#footer-link a{
		width: 130%;
	}	
	
	#footer-link .bo-no{
		border: 0px none;
	}	
.motyu-l {
    display: none;
}
.motyu-s {
    margin-bottom: 30px;
}
.kojin-l {
    display: none;
}
.kojin-s {
    margin-bottom: 30px;
}
.hojin-l {
    display: none;
}
.hojin-s {
    margin-bottom: 30px;
}
.f-right {
    margin-left: 2em;
    margin-bottom: 1em;
}
.osusume1 {
    display: none;
}


















}

@media (min-width:809px){
#docucolor-inner img {
    margin-bottom: 9px;
    margin-top: -34px;


}

}

@media (max-width:360px){
.slider {
    margin-bottom: 0px;
}
}