@charset "utf-8";

/* @font-face {
  font-family: 'PixelMplusB';
  src: url('PixelMplus12-Regular.woff2') format('woff2');
} */

/* -- form.form-area -------------------------------------------------------------------------------- */

*{
    font-family: 'PixelMplus', sans-serif;
}

 input[type="file"] {
    display: none;
}

label {
    padding: 4px 20px 6px 20px;
    color: #ee4e9c;
    background-color: #ffffff;
    cursor: pointer;
	border: 1px solid #ee4e9c;
}


form.form-area input[type="file"] {
	max-width: calc( 100% - 4% - 4px );
	padding: 4px 2%;
	border: none;
	border-radius: 0px;
	background: #ffe500;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: 'PixelMplus', sans-serif;
}


body,input,textarea,select,button{
    font-family: 'PixelMplus', sans-serif;
}

form.form-area input[type="file"]:focus {
/*	box-shadow: 0px 0px 5px #ee4e9c; */
	border: 1px solid #ee4e9c;
	background: #ee4e9c;
}

form.form-area input[type="file"] + p {
	margin-top: 5px;
}


form#bbs-form blockquote p {
	overflow: hidden;
}

form#bbs-form blockquote p a.overlay-zoombox {
	display: inline-block;
	max-width: 300px;
	float: right;
	margin: 0 0 10px 30px;
}

form#bbs-form blockquote p a.overlay-zoombox:hover {
	opacity: 0.7;
}

form#bbs-form blockquote p a.overlay-zoombox img {
	max-width: 100%;
	height: auto;
	border-radius: 0px;
}


p#exist-image {
	overflow: hidden;
}

p.change-image img,
p#exist-image img {
	max-width: 200px;
	height: auto;
	border-radius: 0px;
	margin-bottom: 10px;
}

p#exist-image span#reset {
	display: none;
	float: right;
	width: auto;
	height: auto;
	color: #ffffff;
	line-height: 1;
	padding: 11px 20px;
	border-radius: 0px;
	background: #ee4e9c;
	border: 1px solid #ee4e9c;
}

p#exist-image span#reset:hover {
	cursor: pointer;
	background: #ee4e9c;
	border: 1px solid #ee4e9c;
}


form.form-area dl dd span.error-filetype {
	display: block;
	color: #ee4e9c;
	margin-top: 5px;
}




/* -- div.bbs-post -------------------------------------------------------------------------------- */

div.bbs-post p {
	overflow: hidden;
}

div.bbs-post p a.overlay-zoombox {
	display: inline-block;
	max-width: 300px;
	float: right;
	margin: 0 0 10px 30px;
}

div.bbs-post p a.overlay-zoombox:hover {
	opacity: 0.7;
}

div.bbs-post p a.overlay-zoombox img {
	max-width: 100%;
	height: auto;
	border-radius: 0px;
}








/* -- responsive ----------------------------------------------------------------------------------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {


/* -- form.form-area -------------------------------------------------------------------------------- */

form#bbs-form blockquote p a.overlay-zoombox {
	max-width: 40%;
	margin: 0 0 15px 15px
}

p.change-image img,
p#exist-image img {
	max-width: 40%;
}




/* -- div.bbs-post -------------------------------------------------------------------------------- */


div.bbs-post p a.overlay-zoombox {
	max-width: 40%;
	margin: 0 0 15px 15px
}


}
/* 1000pixel end */