@charset "utf-8";
/*
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}
*/

html {
    height: 100%;
    font-size: 62.5%;
}
body {
    background:#fff;
    height: auto;
    /*font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
}

#body {
    min-height:700px;
}

#header {
    margin-bottom: 10px;
}

#header h1 {
    margin: 5px 0 5px 5px;
    padding:0;
    height: 30px;
    font-size:24px;
    line-height:30px;
}

#header h1 img{
    display:block;
    margin:0px;
    padding:0px;
    width:90px;
    height:30px;
}

#footer {
    height:100px;
    margin-top: 10px;
    background: #ff64b1;
}

.hatten-rows {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.hatten-cols {
  width: 90%;
}

/* imobile */
.adWrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.adWrap .adBox {
  flex: 1 0 33%;
  padding: 10px 0;
}
.adWrap .adBox.adBoxGhost {
  padding: 0;
}

.adWrap .adBox.adBoxGhost div {
  width: 300px;
}


#slide_wrap {
  position: fixed;
  z-index: 100;
  /*border: 1.5px solid #ddd;*/
  top: 30%;
  right: 0;
  transform-origin: right center;
  transform: scale(0.8);
  display: none;
}

.btn_parts {
  font-family: Arial;
  color: #737373;
  width: 25px;
  height: 25px;
  margin: 0;
  position: absolute;
  top: -30px;
  right: 6px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  background: #eee;
  border: none;
  line-height: 25px;
  z-index: 10;
}
.slide_b_sp {
  animation: slide_img_sp 2s ease-out forwards;
}
@keyframes slide_img_sp {
  0% {
    right: -242px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@media screen and (min-width: 599px){.btn_parts, #slide_wrap iframe {display:none;}}


#slide_wrap_pc {
  position: fixed;
  z-index: 100;
  /*border: 1.5px solid #ddd;*/
  top: 30%;
  left: 0;
  transform-origin: left center;
  transform: scale(0.8);
  display: none;
}

.btn_parts_pc {
  font-family: Arial;
  color: #737373;
  width: 25px;
  height: 25px;
  margin: 0;
  position: absolute;
  top: -30px;
  right: 6px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  background: #eee;
  border: none;
  line-height: 25px;
  z-index: 10;
}
.slide_b_pc {
  animation: slide_img_pc 2s ease-out forwards;
}
@keyframes slide_img_pc {
  0% {
    left: -242px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@media screen and (max-width: 599px){.btn_parts_pc, #slide_wrap_pc iframe {display:none;}}

/* imobile */


.fc2AD-title {
  width: 100%;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  background: #E2609F;
  padding: 0 0 0 10px;
  color: #fff;
}
.fc2AD-wrap {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-flow: row wrap;
}
.fc2AD {
  height: 161px;
  background: #eee;
  padding: 10px 5px;
  flex: 1 1 50%;
}
.fc2AD-image-wrap {
  display: flex;
  justify-content: center;
  margin: 0 0 5px;
  width: 100%;
  height: 105px;
}
.fc2AD-image-wrap a {
  width: 100%;
  height: 100%;
  max-width: 140px;
  max-height: 105px;
}
.fc2AD-image {
  width: 100%;
  height: 100%;
  max-width: 140px;
  max-height: 105px;
}
.fc2AD-detail {
  display: flex;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 36px;
  font-size: 14px;
  line-height: 18px;
}
.fc2AD-detail span {
}
.fc2ADOver6 {
  display: none;
}

@media screen and (max-width: 330px) {
  .fc2AD{
    flex: 1 1 100%;
  }
}

@media screen and (min-width:480px) {
  .fc2AD{
    flex: 1 1 33%;
  }
}
@media screen and (min-width:620px) {
  .fc2AD{
    flex: 1 1 25%;
  }
  .fc2ADOver6 {
    display: block;
  }
}


.check_line {
    height:10px;
    background-color: #E2609F;
    background:url('/img/bg_check.jpg');
    width: 100%;
}

h3.bg_check{
    color:#fff;
    border-bottom: 0px solid;
    background-color: #E2609F;
    background-image: url('/img/bg_check.jpg');
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    border-radius: 5px;
}
.board_link {
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 5px;
    //padding: 2px 2px;
    padding: 5px;
}

.board_link h4 {
    width: 100%;
    color: #fff;
    background: #E85298;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    border-radius: 5px;
    margin: 0 0 5px 0;
}

.board_link div.color_border {
    height: 10px;
    margin: 0 0 5px 0;
    padding: 0;
}

.board_link a{
    display: block;
    text-decoration: none;
    margin: 0 0 5px 0;
}

.board_link a div{
    border-radius: 5px;
    border: 1px solid;
}

.board_link a:hover div , .board_link a:active div{
    text-decoration: none;
    //background-color: #E2609F;
    //background-color: #E85298;
    background-color: #e35fb5;
    color: #fff;
}

.breadcrumb {
    margin-bottom: 10px;
}

h2 {
    padding: 0px;
    margin: 0px;
}

.panel {
    margin-bottom: 5px;
}
.panel a {
    color: #ff188b;
}
div.panel-board .panel-body {
    padding:0 15px;
    margin-bottom: 5px;
}
div.panel-board .panel-head {
    padding: 10px 15px 0 15px;
    margin-bottom: 2px;
    font-size: 18px;
    line-height: 18px;
    color: #00f;
}
div.panel-board .panel-body.panel-prof {
    margin-bottom: 10px;
    color: #666;
    font-size: 12px;
    line-height: 20px;
}
.panel-prof span.pp_outer {
    margin-right: 5px;
    border-bottom: 1px solid #ff3197;
}

.panel-prof span.pp_inner {
    color: #333;
    font-size: 16px;
    font-weight:normal;
}
div.panel-board .panel-body.panel-mess {
    color: #333;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    word-wrap: break-word;
}
.panel-image{
    margin:0 0 5px 0;
    padding: 0px 15px;
    max-height: 120px;
    margin-bottom: 5px;
}
.panel-image-item{
    padding: 0 5px 0 0;
    margin:0px;
}
.panel-image-item img{
    margin:0px;
    max-width: 100%;
    max-height:100px;
}

.panel-time {
    color: #666;
    font-size: 16px;
    line-height: 16px;
}

.label-opt {
    padding: 2px 5px 1px;
    vertical-align: 3px;
    font-size: 11px;
    font-weight:normal;
    background-color: #FF64B1;
}
.style-5 .label-opt {
    background-color: #25A2FF;
}
.style-5 a {
    color: #25A2FF;
}

.form-column {
    margin-bottom: 10px;
}

.form-column input[type="text"] {
    font-siz:30px;
    line-height: 34px;
}

.form-column textarea#message {
    height: 200px;
}

.form-column textarea#message, .form-column input#name {
    ime-mode: active;
}

.form-column input#password, .form-column input#mailadress {
    ime-mode: inactive;
}

.output_wrap {
    display: none;
    margin-top: 5px;
}
.output_body {
    overflow: none;
    background: #eee;
    position: relative;
    width: 120px;
    height: 120px;
}
.output_body img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    max-width: 100px;
    max-height: 100px;
}
.output_file_name {
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}

.label_board_photo {
    display:block;
    width: 120px;
    margin: 0px;
}
.uploader_sub {
    width: 120px;
}
.uploader_visible {
    visibility: hidden;
    height:1px;
    width: 1px;
}

.btn-active {
    background-color: #61FB4B;
    border-color: #61FB4B;
    cursor: not-allowed;
}

.error_mess {
    height: auto;
    margin-top: 5px;
    display: none;
    font-size: 13px;;
    line-height: 15px;
    color: #fff;
    background-color: #f66;
    padding: 5px;
    border-radius:3px;
}
.margin-10 {
    margin-top:0px;
    margin-bottom: 10px;
}
.block_show {
    display: block;
}
.block_hide {
    display: none;
}

textarea {
    resize: vertical;
}

#board_search_form {
    overflow: hidden;
    background: #eee;
    height: 0px;
    opacity: 0;
    transition: opacity 1s linear 0s;
    -webkit-transition: opacity 0.5s linear 0s;
}
#board_search_form.open {
    overflow: auto;
    height: auto;
    opacity: 1;
    padding: 10px 20px;
    margin: 0 0 10px 0;
}

div.board_dmm {
    margin:0;
    padding:0px;
    font-size:14px;
    line-height:16px;
    word-break: break-all;
}
div.board_dmm a.dmm_a{
    display:block;text-align:center;
}
div.board_dmm img.dmm_img{
    width:100%;height:100%;max-width:147px;max-height:200px;
}
div.board_dmm span.dmm_detail {
    display:block;margin:5px 0 0 0;padding:0;text-align:left; max-height:80px; overflow:hidden;
}


//thread



div.thread-panel-wrap {
    border-bottom: 1px solid;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
}
div.thread-panel-wrap .thread-panel-main {
	padding: 10px 0;
}
div.thread-panel-wrap .thread-panel-main .thread-panel-header {
color: #ff64b1;
margin-bottom: 5px;
font-size: 16px;
line-height: 18px;
font-weight: bold;
}
div.thread_wrap .thread_main .thread_body {
//color: #fff;
font-size: 16px;
line-height: 18px;
}