:root {
    color-scheme: light dark;
}
body {
    margin: 0;
    background-color: #f4f4f4;
    color: #000000;
    font-size: 16px;
}

body {
    background-color: light-dark(#f4f4f4, #332B33);
    color: light-dark(#000000, #999999);
}

form input,
form textarea,
form select,
form button {
    color-scheme: light;
}

a {
    color: #0000FF;
    color: light-dark(
        #0000FF,
        #999999    );
}
a:visited {
    color: #663399;
    color: light-dark(
        #663399,
        #999999    );
}
a:active {
    color: #FF0000;
    color: light-dark(
        #FF0000,
        #999999    );
}

.quote-text {
    color: #666666;
    color: light-dark(
        #666666,
        #bbbbbb    );
}

.comment-text {
    color: #333333;
    color: light-dark(
        #333333,
        #cccccc    );
}

.note-text {
    color: #333333;
    color: light-dark(
        #333333,
        #cccccc    );
}

.name {
    color: #007700;
    color: light-dark(
        #007700,
        #91d18b    );
}

.cap {
    color: #ff4500;
    color: light-dark(
        #ff4500,
        #f48c40    );
}

.deleted-message {
    color: #ff0000;
    color: light-dark(
        #ff0000,
        #ff5555    );
}

.error-message {
    color: #ff0000;
    color: light-dark(
        #ff0000,
        #ff5555    );
}

hr {
    border: none;
    border-top: 1px solid #cccccc;
    border-top-color: light-dark(
        #cccccc,
        #333333    );
}

.embed-post {
    background-color: #f4f4f4;
    color: #000000;
    background-color: light-dark(
        #f4f4f4,
        #332B33    );
    color: light-dark(
        #000000,
        #999999    );
}

mark {
    background-color: transparent;
    color: inherit;
    margin: 0 5px;
}

/* パンくずリスト */
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    list-style: none;
    padding-left: 0;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding: 0 0.5rem;
    content: ">";
    vertical-align: middle;

    color: #000000;
    color: light-dark(
        #000000,
        #999999    );
}

/* 最後のパンくずリスト項目のリンクを無効にする */
.breadcrumb-item:last-child a {
    pointer-events: none;
    color: inherit;
    text-decoration: none;
}

/* スマートフォン用スタイル */
@media (max-width: 640px) {
    .embed-contents {
        position: relative;
        width: 100%;
        max-height: 200px;
        overflow: hidden;
    }
    .embed-instagram {
        width: 100%;
        height: 360px !important;
        max-height: 360px !important;
    }

    .embed-video iframe {
        width: 100%;
        height: 360px !important;
        max-height: 360px !important;
    }

    .embed-youtube iframe {
        width: 100%;
        height: 360px !important;
        max-height: 360px !important;
    }

    .embed-youtube {
        width: 100%;
        height: 360px !important;
        max-height: 360px !important;
    }

    .img-thumbnail, .embed-youtube-img, .embed-image, .video-thumbnail {
        max-width: 128px;
        max-height: auto;
    }
}

/* パソコン用スタイル */
@media (min-width: 641px) {
    .embed-contents {
        position: relative;
        width: 100%;
        max-height: 350px;
        overflow: hidden;
    }

    .embed-instagram {
        width: 600px;
        height: 360px !important;
        max-height: 360px !important;
    }

    .embed-video iframe {
        width: 600px;
        height: 360px !important;
        max-height: 360px !important;
    }

    .embed-youtube iframe {
        width: 600px;
        height: 360px !important;
        max-height: 360px !important;
    }

    .img-thumbnail, .embed-youtube-img, .embed-image, .video-thumbnail {
        max-width: 128px;
        max-height: auto;
        cursor: pointer;
    }
}

img.emoji {
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}

img {
    max-height: 512px;
}

@media (max-width: 1024px) { 
  @view-transition {
    navigation: auto;
  }

  ::view-transition-old(root) {
    animation: fadeOut 0.5s ease forwards;
  }

  ::view-transition-new(root) {
    animation: fadeIn 0.5s ease forwards;
  }


  @keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
}

/* ===== Universal Reset ===== */

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, 
b, i, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline:0;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article, header, footer, aside, figure, figcaption, nav, section {
	display:block;
}

body {
	line-height: 1;
	min-width: 320px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

ol, ul {
	list-style: none;
	list-style-type: none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}

img {
	border-style: none;
}

input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

/* ===== Basic Style ===== */

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '貂ｸ繧ｴ繧ｷ繝�け  Medium', meiryo, sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #AEDFEC;
}

a {
	text-decoration: none;
}

a:link, a:visited, a:hover, a:active {
	color: #1D3994;
}

div.under-space {
	clear: both;
	height: 1px;
}

/* ===== header Area ===== */

#header-bg {
	background-color: #9EBF00;
	width: 100%;
}

#header-bg h1 {
	font-size: 10px;
	color: #FFF;
	padding: 5px;
	width: 100%;
}

#header {
	height: 53px;
	padding-right: 5px;
	padding-left: 5px;
}

#header div.logo {
	float: left;
	margin-top: 5px;
}

#header img.logo {
	width: 310px;
	height: auto;
}

/* ===== menu Area ===== */

#navi ul li a {
	font-size: 12px;
	width: 33.33%;
	height:auto;
	display: block;
	float: left;
	border-right: solid 1px #AEDFEC;
	border-bottom: solid 1px #AEDFEC;
	text-align: center;
	color: #333333;
	background-color: #FFF;
	font-weight: bold;
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#navi ul li a.side {
	border-right-width: 0px;
}

#header-ad-sp {
	clear: both;
	text-align: center;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	margin-top: 0px;
}

/* ===== index-menu Area ===== */

#index-menu{
	clear: both;
	padding-top: 0px;
}

#contents {
	background-color: #FFF;
	clear: both;
	padding-top: 10px;
}

#index-menu h2 {
	background-image: url(../img/h2.gif);
	background-size: auto 31px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 30px;
	color: #FFF;
	margin-bottom: 10px;
	background-color: #3C8F65;
	padding-bottom: 7px;
	padding-right: 5px;
}

#index-menu p {
	line-height: 1.5em;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-left: 5px;
}

#index-menu p a {
	text-decoration: underline;
}

#index-menu p.mainimg {
	margin-top: -5px;
	margin-bottom: 4px;
}

#index-menu p.mainimg img {
	width: 100%;
	height: auto;
}

#index-menu .red {
	color: #F00;
}

#index-menu h3 {
	background-image: url(../img/h2.gif);
	background-size: auto 31px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 30px;
	color: #FFF;
	margin-bottom: 10px;
	background-color: #3C8F65;
	padding-bottom: 7px;
	padding-right: 5px;
}

#index-menu h4.menu {
	padding-left: 16px;
	background-image: url(../img/title_h4.gif);
	clear: both;
	padding-top: 3px;
	background-position: 0px 2px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	padding-bottom: 8px;
	color: #333;
}

#index-menu ul {
	margin-left: 10px;
	padding-top: 5px;
	margin-bottom: 15px;
}

#index-menu li {
	margin-bottom: 12px;
	line-height: 1.5em;
}

#index-menu ul.disc {
	list-style-type: disc;
	margin-left: 30px;
}

#index-menu div.table {
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 5px;
}

#index-menu table {
	width: 100%;
	font-size: 12px;
}

#index-menu td {
	border: 1px solid #DDE5EE;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	text-align: center;
	background-color: #FCFCFC;
}

#index-menu div.table a {
	text-decoration: none;
}

#index-menu div.table table.menu td {
	line-height: 1.5em;
	width: 33.333%;
	font-size: 12px;
}

#index-menu div.table table.menu-bbs td {
	line-height: 1.5em;
	width: 33.333%;
	font-size: 14px;
	background-position: 7px 2px;
	text-align: left;
	padding-left: 50px;
	padding-top: 8px;
	height: 45px;
}

#index-menu div.table table.menu-bbs td.bbs1 {
	background-image: url(../img/icon-bbs1.gif);
}

#index-menu div.table table.menu-bbs td.bbs2 {
	background-image: url(../img/icon-bbs2.gif);
}

#index-menu div.table table.menu-bbs td.bbs3 {
	background-image: url(../img/icon-bbs3.gif);
}

#index-menu div.table table.menu-bbs td.creation1 {
	background-image: url(../img/icon-creation1.gif);
}

#index-menu div.table table.menu-bbs td.creation2 {
	background-image: url(../img/icon-creation2.gif);
}

#index-menu div.table table.menu-bbs td.creation3 {
	background-image: url(../img/icon-creation3.gif);
}

#index-menu div.table table.menu-bbs td .sb {
	font-size: 12px;
}

#index-menu ul.mokuzi {
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
	list-style-type: none;
	background-color: #E4F3F1;
	margin-right: 5px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	border: 1px solid #E4E4E4;
	background-image: url(https://cdn.hamster.land/doumori/admin/e4e77c264d.png);
	background-position: right bottom;
}

#index-menu ul.mokuzi li {
	margin-bottom: 12px;
	margin-left: 6px;
	background-image: url(https://cdn.hamster.land/doumori/admin/e4e77c264d.png);
	padding-left: 8px;
	background-position: left center;
}

#index-menu ul.mokuzi li a{
	font-weight: bold;
}

#index-menu ul.mokuzi li.title {
	margin-left: 0px;
	background-image: none;
	padding-left: 0px;
	font-weight: bold;
}

#mokuzi-info ul {
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
	list-style-type: none;
	background-color: #E4F3F1;
	margin-right: 5px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	border: 1px solid #E4E4E4;
	background-image: url(https://cdn.hamster.land/doumori/admin/e4e77c264d.png);
	background-position: right bottom;
}

#mokuzi-info li {
	margin-bottom: 12px;
	margin-left: 6px;
	line-height: 1.5em;
	background-image: url(https://cdn.hamster.land/doumori/admin/e4e77c264d.png);
	padding-left: 8px;
	background-position: left center;
}

#mokuzi-info li a{
	font-weight: bold;
}

#mokuzi-info li.title {
	margin-left: 0px;
	background-image: none;
	padding-left: 0px;
	font-weight: bold;
}


#mokuzi-info-h {
	text-decoration:none;
	display:block;
	border: 1px solid #D09F82;
	border-radius: 4px;
	color: #000;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(https://cdn.hamster.land/doumori/admin/e4e77c264d.png);
	padding-top: 10px;
	padding-bottom: 10px;
}

/* ===== main-contents basic Area ===== */

#main-contents{
	clear: both;
	padding-top: 0px;
}

#middle-ad {
	text-align: center;
	margin-bottom: 12px;
}

#main-contents h2 {
	background-image: url(../img/h2.gif);
	background-size: auto 31px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 30px;
	color: #FFF;
	margin-bottom: 10px;
	background-color: #3C8F65;
	padding-bottom: 7px;
	padding-right: 5px;
}

#main-contents p {
	line-height: 1.5em;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 15px;
}

#main-contents p a {
	text-decoration: underline;
}

#main-contents .red {
	color: #F00;
}

#main-contents h3 {
	color: #F36;
	font-size: 14px;
	padding-left: 18px;
	background-image: url(../img/title_h3.gif);
	padding-bottom: 14px;
	clear: both;
	padding-top: 5px;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
}

#main-contents h4 {
	font-size: 14px;
	padding-left: 16px;
	background-image: url(../img/title_h4.gif);
	clear: both;
	padding-top: 3px;
	background-position: 0px 2px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	padding-bottom: 8px;
	margin-top: 6px;
}

#main-contents ul.disc {
	list-style-type: disc;
	margin-left: 25px;
}

#main-contents ul.disc li {
	line-height: 1.5em;
}

#main-contents ul.disc2 {
	list-style-type: disc;
	margin-left: 25px;
	margin-top: -12px;
	margin-bottom: 12px;
}

#main-contents ul.disc2 li {
	line-height: 1.5em;
}


ul.discmenu {
	list-style-type: disc;
	margin-left: 30px;
	padding-top: 5px;
	margin-bottom: 15px;
}

ul.discmenu li {
	margin-bottom: 12px;
	line-height: 1.5em;
}


#main-contents ol.decimal {
	list-style-type: decimal;
	margin-left: 21px;
	margin-bottom: 15px;
}

#main-contents ol.decimal li {
	line-height: 1.5em;
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
}

#main-contents td ol.decimal {
	list-style-type: decimal;
	margin-left: 12px;
	margin-top: auto;
	margin-bottom: auto;
}

#main-contents td ol.decimal li {
	line-height: 1.5em;
}

#main-contents td ul.disc {
	list-style-type: disc;
	margin-left: 18px;
	margin-bottom: auto;
}

#main-contents td ul.disc li {
	line-height: 1.5em;
}

#main-contents div.table {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 17px;
}

#main-contents div.table2 {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 17px;
	overflow-x: auto;
}

#main-contents p.scroll {
	padding-bottom: 5px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

#main-contents table {
	width: 100%;
	font-size: 12px;
	border: 1px solid #CCC;
}

#main-contents div.table2 table {
	width: 545px;
	font-size: 12px;
	border: 1px solid #CCC;
}

#main-contents table.nth tr:nth-child(2n+1) {
    background: #F1F1E4;
}

#main-contents th {
	color: #fff;
	font-size: 12px;
	padding: 5px;
	background: #009900;
	line-height: 120%;
	text-align: center;
	border: 1px solid #CCC;
}

#main-contents td {
	border: 1px solid #CCC;
	vertical-align: middle;
	line-height: 1.5em;
	padding: 5px;
}

#main-contents td.center {
	text-align: center;
}

#main-contents td.center img {
	border-radius: 4px;
}

#main-contents td a {
	text-decoration: underline;
}

#main-contents p.img {
	margin-right: 5px;
	margin-left: 5px;
}

#main-contents p.img img {
	width: 100%;
}

#main-contents ul.square {
	list-style-type: square;
	margin-left: 21px;
	margin-bottom: 15px;
	margin-top: 0px;
}

#main-contents ul.square li {
	line-height: 1.5em;
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
}

#main-contents div.contentsmenu div{
	border: 1px solid #E4E4E4;
	border-radius: 3px;
	background-color: #F8F8F8;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}

#main-contents div.contentsmenu div h3 {
	text-decoration: none;
	background-image: none;
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 15px;
	color: #999;
}

#main-contents div.contentsmenu div h3 a {
	text-decoration: none;
	font-weight: bolder;
}

#main-contents div.contentsmenu div p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
}

#main-contents div.contentsmenu div.toggle-box {
	border: none;
	border-radius: 0px;
	background-color: #FFF;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: none;
}

#community-index {
	padding-top: 10px;
	padding-right: 5px;
}

#community-index div {
	padding-top: 3px;
	padding-left: 50px;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

#community-index h3 {
	font-size: 16px;
	background-image: none;
	margin: 0px;
	padding: 0px;
}

#community-index h3 a {
	font-weight: bold;
}

#community-index p {
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
}

#community-index .talk {
	background-image: url(../community/images/talk.gif);
}

#community-index .info {
	background-image: url(../community/images/info.gif);
}

#community-index .wi-fi {
	background-image: url(../community/images/wi-fi.gif);
}

#community-index .qr {
	background-image: url(../design_melody/images/qr.gif);
}

#community-index .design {
	background-image: url(../design_melody/images/design.gif);
}

#community-index .melody {
	background-image: url(../design_melody/images/melody.gif);
}

#att1 {
	padding: 5px;
	margin-top: 10px;
	background-color: #CC6600;
	margin-bottom: 20px;
	margin-right: 5px;
	margin-left: 5px;
}

#att2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 6px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #336600;
}

#att2 p {
	line-height: 1.1em;
	padding-left: 17px;
	background-image: url(../community/images/ex.gif);
}

#att2 ul {
	list-style-type: disc;
	margin-left: 18px;
}

#att2 li {
	margin-bottom: 10px;
	line-height: 1.5em;
}

#att2 a {
	color: #FFFFFF;
	text-decoration: underline;
}

/* ===== main-contents wide Area ===== */

#main-contents-wide{
	clear: both;
	padding-top: 0px;
}

#main-contents-wide h2 {
	background-image: url(../img/h2.gif);
	background-size: auto 31px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 30px;
	color: #FFF;
	margin-bottom: 10px;
	background-color: #3C8F65;
	padding-bottom: 7px;
	padding-right: 5px;
}

#main-contents-wide p {
	line-height: 1.5em;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 15px;
}

#main-contents-wide p a {
	text-decoration: underline;
}

#main-contents-wide p.img {
	margin-right: 5px;
	margin-left: 5px;
}

#main-contents-wide p.img img {
	width: 100%;
}

#main-contents-wide .red {
	color: #F00;
}

#main-contents-wide h3 {
	color: #F36;
	font-size: 14px;
	padding-left: 18px;
	background-image: url(../img/title_h3.gif);
	padding-bottom: 14px;
	clear: both;
	padding-top: 5px;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
}

#main-contents-wide h4 {
	font-size: 14px;
	padding-left: 16px;
	background-image: url(../img/title_h4.gif);
	clear: both;
	padding-top: 3px;
	background-position: 0px 2px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	padding-bottom: 8px;
	margin-top: 6px;
}

#main-contents-wide div.table {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 17px;
}

#main-contents-wide div.table2 {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 17px;
	overflow-x: auto;
}

#main-contents-wide p.scroll {
	padding-bottom: 5px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

#main-contents-wide table {
	width: 100%;
	font-size: 12px;
	border: 1px solid #CCC;
}

#main-contents-wide div.table2 table {
	width: 730px;
	font-size: 12px;
	border: 1px solid #CCC;
}

#main-contents-wide div.table table.t10 {
	font-size: 10px;
}

#main-contents-wide th {
	color: #fff;
	font-size: 12px;
	padding: 5px;
	background: #009900;
	line-height: 120%;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #CCC;
}

#main-contents-wide td {
	border: 1px solid #CCC;
	vertical-align: middle;
	line-height: 1.5em;
	padding: 5px;
}

#main-contents-wide td.centering {
	text-align: center;
}

#main-contents-wide table.nth tr:nth-child(2n+1) {
    background: #F1F1E4;
}

/* ===== main-contents item Area ===== */

#main-contents-item h2 {
	background-image: url(../img/h2.gif);
	background-size: auto 31px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 30px;
	color: #FFF;
	margin-bottom: 10px;
	background-color: #3C8F65;
	padding-bottom: 7px;
	padding-right: 5px;
}

#main-contents-item p {
	line-height: 1.5em;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 15px;
}

#main-contents-item p.img {
	margin-right: 5px;
	margin-left: 5px;
}

#main-contents-item p.img img {
	width: 100%;
}

#main-contents-item p.scroll {
	padding-bottom: 5px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

#main-contents-item p a {
	text-decoration: underline;
}

#main-contents-item ul.square {
	list-style-type: square;
	margin-left: 21px;
	margin-bottom: 15px;
	margin-top: -10px;
}

#main-contents-item ul.square li {
	line-height: 1.5em;
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
}

#main-contents-item .red {
	color: #F00;
}

#main-contents-item h3 {
	color: #F36;
	font-size: 14px;
	padding-left: 18px;
	background-image: url(../img/title_h3.gif);
	padding-bottom: 14px;
	clear: both;
	padding-top: 5px;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
}

#main-contents-item h4 {
	font-size: 14px;
	padding-left: 16px;
	background-image: url(../img/title_h4.gif);
	clear: both;
	padding-top: 3px;
	background-position: 0px 2px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	padding-bottom: 8px;
	margin-top: 16px;
}

#main-contents-item div.table {
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 17px;
	overflow-x: auto;
}

#main-contents-item table {
	width: 730px;
	font-size: 10px;
	border: 1px solid #CCC;
}

#main-contents-item th {
	color: #fff;
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #009900;
	line-height: 120%;
	text-align: center;
	white-space: nowrap;
}

#main-contents-item td {
	border: 1px solid #CCC;
	vertical-align: middle;
	line-height: 1.5em;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#main-contents-item td hr {
	margin-top: 2px;
	margin-bottom: 2px;
	height: 1px;
	background-image: url(../img/line.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	line-height: 0em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#main-contents-item tr:nth-child(2n+1) {
    background: #F1F1E4;
}

#main-contents-item td.fb {
	text-align: center;
}

#main-contents-item td.fb img {
	width: 50px;
	height: 43px;
	margin-top: 2px;
    border-radius: 4px;
}

/* ===== footer Area ===== */

#footer-ad {
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	clear: both;
}

#footer .link {
	background-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
}

#footer .cop {
	background-color: #3C8F65;
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
}

#footer .link a:link, #footer .link a:visited, #footer .link a:hover, #footer .link a:active {
	color: #333;
}

#footer .cop a:link, #footer .cop a:visited, #footer .cop a:hover, #footer .cop a:active {
	color: #FFF;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
}

.pagetop a {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

/* ===== bbs Area ===== */

#bbs {
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 10px;
}

#middle-ad-bbs {
	text-align: center;
	clear: both;
	padding-top: 18px;
	padding-bottom: 18px;
}


#bbs a {
	text-decoration: underline;
}

#contents h2.bbs {
	background-image: url(../img/h2.gif);
	background-size: auto 31px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 30px;
	color: #FFF;
	margin-bottom: 10px;
	background-color: #3C8F65;
	padding-bottom: 7px;
	padding-right: 5px;
}

#bbs-menu {
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
	margin-right: 5px;
	margin-left: 3px;
}

#bbs-menu li {
	background-image: url(https://cdn.hamster.land/doumori/admin/e4e77c264d.png);
	background-position: left center;
	background-size: auto 8px;
	display:inline;
	padding-left: 10px;
	margin-right: 5px;
}

#bbs-menu li a {
	font-weight: bold;
}

#bbs p {
	line-height: 1.5em;
	word-break: break-all;
}

#bbs span.red {
	color: #F00;
}

#bbs p.page {
	padding-bottom: 6px;
	text-align: right;
	color: #FF0000;
}

#bbs ul.square {
	list-style-type: square;
	margin-left: 21px;
	margin-bottom: 15px;
}

#bbs ul.square li {
	line-height: 1.5em;
	margin-bottom: 3px;
}

#bbs div.table {
	padding-right: 0px;
	padding-left: 0px;
}

#bbs table {
	clear: both;
}

#bbs table a{
	text-decoration: none;
}

#bbs table.in {
	border: thin solid #9EBF00;
	width: 100%;
	margin-bottom: 10px;
	border-collapse:separate;
	border-spacing:1px;
	font-size: 10px;
}

#bbs table.in th {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #3C8F65;
	text-align: center;
	border: thin solid #9EBF00;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
}

#bbs table.in td {
	border: thin solid #9EBF00;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	vertical-align: middle;
}

#bbs table.in td.kanri {
	background-image: url(/img/kanri.gif);
	background-position: center;
	width: 24px;
}

#bbs table.in td.lock {
	background-image: url(/img/lock.gif);
	background-position: center;
	width: 24px;
}

#bbs table.in td.warning {
	background-image: url(/img/warning.gif);
	background-position: center;
	width: 24px;
}

#bbs table.in td.normal {
	background-image: url(/img/normal.gif);
	background-position: center;
	width: 24px;
}

#bbs table.in td.indexqr {
	width: 64px;
	text-align: center;
	padding-right: 4px;
	padding-left: 4px;
}

#bbs table.in td.indexpl {
	width: 30px;
	text-align: center;
	padding-right: 4px;
	padding-left: 4px;
}

div#bbs .url {
	text-decoration: underline;
	word-break: break-all;
	color: #1D3994;
}

#bbs .num {
	font-size:14px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
	padding-bottom: 20px;
	line-height: 1em;
}

#bbs .num strong {
	width: 36px;
	font-weight: bold;
	display: block;
	float: left;
	color: #333333;
	border: #DDDDDD solid 1px;
	background-color: #EEEEEE;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#bbs .num a {
	width: 36px;
	font-weight: normal;
	display: block;
	float: left;
	color: #333333;
	border: #DDDDDD solid 1px;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

#bbs .num a:hover, #bbs .num a:active {
	color: #FFFFFF;
	background-color: #1D3994;
	border: #1D3994 solid 1px;
}

#bbs .num strong.page {
	display: block;
	float: left;
	width: 75px;
}

#bbs ul.icon {
	clear: both;
	padding-bottom: 20px;
	padding-top: 12px;
}

#bbs ul.icon li {
	display:block;
	float: left;
	margin-right: 10px;
	height: 20px;
}

#bbs p.error {
	color: #FF0000;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
}

#bbs p.title {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 20px;
	margin-bottom: 7px;
	font-size: 12px;
}

#bbs p.article {
	padding-top: 15px;
	padding-bottom: 20px;
}

#bbs p.maint {
	text-align: right;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#bbs p.maint a {
	font-size:12px;
	text-decoration:none;
	display:block;
	text-align:center;
	color:#fff;
	background-color:#999;
	border-radius:3px;
	float: right;
	padding:3px;
}

#bbs p.info {
	font-size:12px;
}

#bbs span.st {
	font-weight: bold;
}

#bbs p.res {
	font-weight: bold;
	background-color: #CCCCCC;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 25px;
	color: #333333;
	margin-bottom: 10px;
	font-size: 12px;
}


#bbs div.er_en {
	text-align: center;
	padding-top: 5px;
}

#bbs div.er_en input[type="submit"], #bbs div.er_en input[type="button"] {
	width: 160px;
	height: 40px;
	border:1px solid #777;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-top: 15px;
}

#bbs .bbs-form {
	padding-top: 15px;
}

#bbs .bbs-flashform {
	padding-top: 15px;
}

#bbs .bbs-flashform-sp {
	padding-top: 15px;
	text-align: center;
}

#bbs .bbs-form table {
	width: 100%;
}

#bbs .bbs-form td {
	padding-bottom: 10px;
	vertical-align: middle;
}

#bbs .bbs-form input[type="text"], #bbs .bbs-form textarea, #bbs .bbs-form input[type="password"] {
	font-size: 16px ;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#bbs .bbs-form input[type="submit"] {
	width: 150px;
	height: 40px;
	border:1px solid #777;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

#bbs .favorite input[type="submit"] {
	height: 30px;
	border:1px solid #777;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

#bbs .bbs-form textarea {
	resize: none;
}

#bbs div.qr-design {
	margin-top: 15px;
	margin-bottom: 12px;
}

#bbs div.design-img {
	margin-bottom: 10px;
	text-align: center;
}

#bbs div.qr-design img {
	margin-bottom: 10px;
}

#bbs div.my-design {
	margin-top: 15px;
	margin-bottom: 0px;
}

#bbs div.simamero {
	margin-top: 15px;
	margin-bottom: 0px;
}

#bbs div.simamero .music-score {
	background-image: url(../design_melody/images/music_score_bg.gif);
	background-repeat: no-repeat;
	width: 281px;
	height: 171px;
	margin-right: auto;
	margin-left: auto;
}

#bbs div.simamero .music-score ul {
	list-style:none;
	margin-left: 13px;
	width: 256px;
	height: 58px;
}
#bbs div.simamero ul.upper {
	padding-top: 28px;
}
#bbs div.simamero ul.lower {
	padding-top: 8px;
}
#bbs div.simamero .music-score li {
	width:32px;
	height:58px;
	text-indent:-9999px;
	text-decoration:none;
	background-image: url(../design_melody/images/note.gif);
	display:block;
	float: left;
}
#bbs div.simamero .score00 {
	background-position:0px 0px;
}
#bbs div.simamero .score99 {
	background-position:-32px 0px;
}
#bbs div.simamero .score01 {
	background-position:-64px 0px;
}
#bbs div.simamero .score02 {
	background-position:-96px 0px;
}
#bbs div.simamero .score03 {
	background-position:-128px 0px;
}
#bbs div.simamero .score04 {
	background-position:-160px 0px;
}
#bbs div.simamero .score05 {
	background-position:-192px 0px;
}
#bbs div.simamero .score06 {
	background-position:-224px 0px;
}
#bbs div.simamero .score07 {
	background-position:-256px 0px;
}
#bbs div.simamero .score08 {
	background-position:-288px 0px;
}
#bbs div.simamero .score09 {
	background-position:-320px 0px;
}
#bbs div.simamero .score10 {
	background-position:-352px 0px;
}
#bbs div.simamero .score11 {
	background-position:-384px 0px;
}
#bbs div.simamero .score12 {
	background-position:-416px 0px;
}
#bbs div.simamero .score13 {
	background-position:-448px 0px;
}
#bbs .music {
	text-align: center;
}

/* ===== info form Area ===== */

#main-contents div.form {
	margin-right: 5px;
	margin-left: 5px;
}

#main-contents div.form-end {
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 100px;
}

#main-contents div.form-end img {
	width: 216px;
	height: auto;
}

#main-contents div.form p.mds {
	padding-left: 5px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #999;
}

#main-contents div.form p {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#main-contents div.form input[type="text"], #main-contents div.form textarea {
	font-size: 16px ;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#main-contents div.form input[type="submit"] {
	margin-top: 0px;
	width: 150px;
	height: 40px;
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;
}

#main-contents div.form textarea {
	resize: none;
}

#main-contents div.form p.button {
	text-align: center;
	margin-bottom: 20px;
}

/* ===== media screen Area ===== */

@media screen and (max-width: 599px) {

#header div.logo-official {
	display:none;
}

#header-sab {
	display:none;
}

#side-contents {
	display:none;
}

#header-ad {
	display:none;
}

#bbs .bbs-flashform {
	display:none;
}

#footer-ad-bbs {
	display:none;
}

}

 @media screen and (min-width: 600px) {
	 
#body {
	width: 760px;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
}

#header-bg {
	min-width: 760px;
}

#header-bg h1 {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 78px;
}

#header div.logo {
	margin-top: 14px;
}

#header img.logo {
	width: 350px;
	height: auto;
}

#header div.logo-official {
	float: right;
	margin-top: 9px;
}

#header img.logo-official {
	width: 150px;
	height: auto;
}

#navi {
	display:none;
}

#header-ad-sp {
	display:none;
}


#header-sab {
	background-color: #FFFFFF;
	margin-bottom: 20px;
	height: 36px;
}

#header-sab p.btn-top {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}

#header-sab p.adlink {
	float: right;
	margin-right: 10px;
	height: 15px;
	margin-top: 11px;
}

#header-ad {
	width: 760px;
	margin-bottom: 0px;
	padding-top: 6px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 8px;
}

#side-contents {
	width: 198px;
	float: left;
	margin-top: 10px;
	margin-left: -18px;
	background-image: url(../img/side_linkbg.gif);
	background-repeat: repeat-y;
	line-height: 0;
}

#side-contents p.splink {
	background-image: url(../img/side_splink.gif);
	padding-top: 30px;
	padding-left: 28px;
	padding-bottom: 20px;
}

#side-contents div.end {
	background-image: url(../img/side_bottom.gif);
	height: 10px;
	width: 198px;
}

#middle-ad {
	display:none;
}

#middle-ad-bbs {
	display:none;
}

#index-menu {
	width: 555px;
	float: right;
	margin-right: 10px;
	margin-top: 12px;
}

#main-contents {
	width: 555px;
	float: right;
	margin-right: 10px;
	margin-top: 12px;
}

#main-contents p.img img {
	width: auto;
}

#main-contents-wide p.img img {
	width: auto;
}

#main-contents-item p.img img {
	width: auto;
}

#main-contents table.menu td {
	font-size: 12px;
}

#footer-ad {
	padding-top: 10px;
	padding-bottom: 16px;
	padding-right: 16px;
	padding-left: 16px;
}

#footer-ad-bbs {
	padding-top: 10px;
	padding-bottom: 16px;
	padding-right: 16px;
	padding-left: 16px;
}

#footer {
	padding-top: 20px;
	min-width: 760px;
}

#footer .link, #footer .cop {
	font-size: 12px;
}

#bbs {
	margin-left: 20px;
	margin-right: 20px;
}

#contents h2.bbs {
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
}

#bbs-menu {
	margin-top: 20px;
	margin-bottom: 25px;
	clear: both;
	margin-right: 5px;
	margin-left: 3px;
}

#bbs-menu li {
	background-image: url(https://cdn.hamster.land/doumori/admin/e4e77c264d.png);
	background-position: left center;
	background-size: auto 14px;
	display:inline;
	padding-left: 15px;
	margin-right: 15px;
}

#bbs table.in {
	font-size: 12px;
	border-spacing:2px;
}

#bbs .num {
	font-size:12px;
}

#bbs td.nowrap {
	white-space: nowrap;
}

#bbs span.small {
	font-size:10px;
}

#bbs p.article {
	padding-left: 40px;
}

#bbs div.qr-design {
	margin-left: 35px;
}

#bbs div.qr-design img {
	margin-right: 10px;
}

#bbs .bbs-flashform-sp {
	display:none;
}

#main-contents-item{
	margin-top: 12px;
	margin-right: 10px;
	margin-left: 10px;
}

#main-contents-wide{
	margin-top: 12px;
	margin-right: 10px;
	margin-left: 10px;
}

#main-contents p.scroll {
	display:none;
}

#main-contents-wide p.scroll {
	display:none;
}

#main-contents-item p.scroll {
	display:none;
}

}