@charset "shift_jis";

/* コンテナ */
* html div#container {
    height: 100%;
}
div#container {
	max-width: 1280px;
	margin: 0 auto;
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

/* ヘッダー */
div#header {
	width: 100%;
	height: 40px;
    overflow: hidden;
}
div#header h1#title #logo {
    display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image:url(../img/toptitle.png); 
    background-repeat:no-repeat; 
    background-position: 10px 0;
}
div#header h1#title a#logo:hover {
    display: block;
    background-position: 10px -40px;
}
div#header h1#title2 #logo2 {
    display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image:url(../img/toptitle_2.png); 
    background-repeat:no-repeat; 
    background-position: 10px 0;
}
div#header h1#title2 a#logo2:hover {
    display: block;
    background-position: 10px -40px;
}
div#header h1#title3 #logo3 {
    display: block;
	width: 200px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image:url(../img/toptitle_3.png); 
    background-repeat:no-repeat; 
    background-position: 10px 0;
}
div#header h1#title3 a#logo3:hover {
    display: block;
    background-position: 10px -40px;
}


/* メニュー */
#menu {
	width: 520px;
	height: 40px;
	padding-left: 0;
	margin-left: 0;
	position: absolute;
	z-index: 100;
	left: 220px;
	top: -12px;
}

ul.menu-t {
	width: 520px;
    margin-top: 16px;
}
ul.menu-t li {
    padding: 3px 10px 0 10px;
    float: left;
	font-size: 16px;
	font-size: 1.6rem;
    font-weight: bold;
    text-shadow: 1px 1px 3px #FFF;
}
ul.menu-t li:first-child {
    padding: 3px 10px 0 0;
}
ul.menu-t li:last-child {
    padding: 3px 0 0 10px;
}

ul.menu-t li a {
    display: block;
}
ul.menu-t li a:hover {
    text-shadow: 1px 1px 10px #FFF;
}


/* メイン */
div#main {
	text-align: center;
    padding-top: 2em;
    padding-bottom: 30px;
	overflow-y: auto;
	overflow-x: hidden;
}

div#main p {
    margin: 0 0 1em;
}


/* フッター */
div#footer {
	position: absolute;
	bottom: 0px;
	height: 20px;
	width: 100%;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 4px;
	padding-top: 4px;
	clear: both;
}


/* コンテンツメニューのサブメニュー*/
#menu-mini {
	margin: 0 auto;
	width: 350px;	
	height: auto;
	z-index: 105;
	clear: both;
	padding-bottom: 1em;
}
ul.menu-m {
	width: 350px;
}
ul.menu-m li {
    float: left;
	width: 80px;
	font-size: 15px;
	font-size: 1.5rem;
    font-weight: bold;
    text-shadow: 1px 1px 3px #FFF;
	text-align: center;
	margin: 5px;
    padding: 3px 12px 0 12px;
	line-height: 2;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	z-index: 50;
}
ul.menu-m li a {
    display: block;
}
ul.menu-m li a:hover {
    text-shadow: 1px 1px 10px #FFF;
}


/* コンテンツメニュー */
dl {
	margin: 0 auto;
	word-break:break-all;
	margin-bottom: 2em;
}

/* コンテンツメニュー 　イラスト・4コマ　コンテンツ用 */
dl.contents-a {
	line-height : 1.8em;
	width : 540px;
    margin-top: 3em;
}
dl.contents-a dt {
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px;
   /* CSS3 */
   border-top-left-radius: 21px;   /* 左上 */
   border-top-right-radius: 21px;   /* 右上 */
   /* Firefox */
   -moz-border-radius-topleft: 21px;   /* 左上 */
   -moz-border-radius-topright: 21px; /* 右上 */
   /* Safari,Chrome */
   -webkit-border-top-left-radius: 21px;   /* 左上 */
   -webkit-border-top-right-radius: 21px;   /* 右上 */	
}
dl.contents-a dd {
	margin-top: -1.2em;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px;
    margin-bottom: 0.5em;
   /* CSS3 */
   border-bottom-left-radius: 21px;   /* 左下 */
   border-bottom-right-radius: 21px; /* 右下 */
   /* Firefox */
   -moz-border-radius-bottomleft: 21px;   /* 左下 */
   -moz-border-radius-bottomright: 21px; /* 右下 */
   /* Safari,Chrome */
   -webkit-border-bottom-left-radius: 21px;   /* 左下 */
   -webkit-border-bottom-right-radius: 21px; /* 右下 */
}
dl.contents-a dd a {
    padding: 0 2px;
    display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
dl.contents-a dd img {
   /* CSS3 */
   border-radius: 12px;
   /* Firefox */
   -moz-border-radius: 12px;
   /* Safari,Chrome */
   -webkit-border-radius: 12px;
}

/* コンテンツメニュー 　漫画・小説コンテンツ用 */
dl.contents-m {
	line-height : 1.8em;
	width : 540px;
    margin-top: 3em;
}
dl.contents-m dt {
	width : 130px;
	text-align: right;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px;
    float : left;
    clear : both;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
}
dl.contents-m dd {
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px;
    margin-bottom: 0.5em;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
}
dl.contents-m dd a {
    padding: 0 2px;
    display: block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
dl#manga3S dd a, dl#manga3L dd a, dl#manga5 dd a, dl#ss5 dd a , dl#plot dd a , dl#manga100 dd a , dl#ss100 dd a, dl#menu-r dd a {
    display: inline-block;
}



/* コンテンツメニュー　当サイトのリンク用 */
.box-profile {
	margin: 0 auto;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;	
	width: 570px;
	margin-bottom: 2em;
	padding: 40px 40px 10px 40px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
.box-profile span {
    font-weight: bold;
}

dl.profile-link {
}
dl.profile-link dt {
	float: left;
	width: 100px;
	text-align: right;	
	padding: 10px;
}
dl.profile-link dd {
	margin-left: 100px;
	text-align: left;
	padding: 10px;
}

/* コンテンツメニュー　マップ用 */
.box-map {
	margin: 0 auto;	
	width: 740px;
overflow:hidden;/* テーブルのようにボックスを揃える */
    margin-bottom: 2em;
}

.rank-map {
	float: left;
	text-align: left;	
	width: 365px;
	padding-right: 2px;
}

* html body dl.contents-map dd {
   display:inline-block;
}

dl.contents-map dt {
	float: left;
	width: 100px;
	text-align: right;
	font-size: 15px;
	font-size: 1.5rem;
    font-weight: bold;
    text-shadow: 1px 1px 3px #FFF;
	padding: 10px;
padding-bottom:10010px;/* テーブルのようにボックスを揃える */
margin-bottom:-10000px;/* テーブルのようにボックスを揃える */
}
dl.contents-map dt a {
	display: block;
}
dl.contents-map dt a:hover {
    text-shadow: 1px 1px 10px #FFF;
}
dl.contents-map dd {
	margin-left: 120px;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px;
padding-bottom:10010px;/* テーブルのようにボックスを揃える */
margin-bottom:-10000px;/* テーブルのようにボックスを揃える */
}

/* コンテンツメニュー　オフライン用 */
.box-offline {
	margin: 0 auto;	
	width: 660px;
	margin-bottom: 2em;
}

.box-offline h2 {
	text-align: left;
	margin-bottom: 0;
}

dl.contents-event {
	display: flex;
	flex-wrap: wrap;
	width: 640px;
	padding: 10px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
dl.contents-event dt {
	text-align: left;
	width: 25%;
}
dl.contents-event dd {
	text-align: left;
	width: 75%;
}

dl.contents-event dt, dl.contents-event dd {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
dl.contents-event dt:last-of-type , dl.contents-event dd:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

dl.contents-book {
	display: flex;
	flex-wrap: wrap;
	width: 640px;
	padding: 10px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

dl.contents-book dt {
	text-align: left;
	width: 30%;
}
dl.contents-book img {
    border: 1px solid #333;
}
dl.contents-book dd {
	text-align: left;
	width: 70%;
}
dl.contents-book dd {
    display: inline-block;
}

/* コンテンツメニュー　オフライン用　webオンリー用タイルメニュー */
.only {
	margin: 0 auto;	
	width: 660px;
}
ul.onlymenu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 2em;
    box-sizing: border-box;
}

.onlymenu li {
	width: auto;
    box-sizing: border-box;
}

.onlymenu li img, #onlyprint li img {
	width: auto;
	border-width: 6px;
	border-style: solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}

.onlymenu li a {
	display: block;
}

ul#onlyprint {
    display: grid;
    grid-template-columns: 2fr 1fr;
     gap: 20px;
    margin-bottom: 2em;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
.only {
	width: calc(100% - 2em);
	padding: 0 1em;
}

ul.onlymenu {
    grid-template-columns: 1fr 1fr;
}

ul#onlyprint {
    grid-template-columns: 1fr;
}
}

/* 画像枠 サムネイル用*/
.onlymenu li a:visited img {
	border-color: #bbb;
}
.onlymenu li a:hover img {
	border-color: #bbb;
	-webkit-filter: contrast(150%);
	-moz-filter: contrast(150%);
	-o-filter: contrast(150%);
	-ms-filter: contrast(150%);
	filter: contrast(150%);
}

/* 後書きコメント・小説用 */
.box-comment1, .box-comment2, .box-comment3, .box-ss {
	margin: 0 auto;
	text-align: left;
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 3em 3em 2em;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
.box-comment1 {
	width: 560px;
}
.box-comment2 {
	width: 400px;
}
.box-comment3 {
	width: 220px;
}
.box-ss {
	width:560px;
	font-size: 16px;
	font-size: 1.6rem;
}

.box-ss h2 {
    margin-bottom: 3em;
	font-size: 24px;
	font-size: 2.4rem;
}
.box-ss h2 .press {
    color: transparent;
    background-color : black;
    text-shadow : rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px;
    -webkit-background-clip : text;
}

.box-ss h3 {
    margin-bottom: 1em;
}

.box-ss hr {
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

/* 漫画ページ　スクロール用 */
div.comics-scroll {
	margin: 0 auto;
	width: 680px;
}
div.comics-scroll img {
    margin-bottom: 500px;
}
div.comics-scroll div.box-comment1, div.comics-scroll div.shortcut {
}

/* センター白ボックス 手ブロ漫画用 */
.box-white {
	width:510px;
	padding:1em 0;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 1em;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}


/* コンテンツメニュー　別館漫画入口用 */
dl.contents-enter {
overflow:hidden;/* テーブルのようにボックスを揃える */
}
dl.contents-enter dt {
	float: left;
	width: 200px;
	text-align: right;	
	padding: 10px;
	border-top-width: 2px;
	border-top-style: solid;
padding-bottom:10010px;/* テーブルのようにボックスを揃える */
margin-bottom:-10000px;/* テーブルのようにボックスを揃える */
}
dl.contents-enter dd {
	margin-left: 200px;
	font-size: 17px;
	font-size: 1.7rem;
    font-weight: bold;
    text-shadow: 1px 1px 3px #FFF;
	text-align: center;
	padding: 1em;
	border-top-width: 2px;
	border-top-style: solid;
padding-bottom:10010px;/* テーブルのようにボックスを揃える */
margin-bottom:-10000px;/* テーブルのようにボックスを揃える */
}
dl.contents-enter dd a {
	display: block;
}
dl.contents-enter dd a:hover {
    text-shadow: 1px 1px 10px #FFF;
}

/* 更新履歴 */
#box-history {
	font-size: 15px;
	font-size: 1.5rem;
	width: 300px;
	padding: 10px;
    background-color: rgba( 255, 255, 255, 0.55 );
	text-align: left;
	top: -10px;
	float: left;

}
#box-history dt {
}
#box-history dd {
	margin-bottom: 1em;
}


/* 当サイトのリンク記述用ボックス */
.mylink {
    padding-left:10px;
}
.mylink textarea {
	font-size: 14px;
	font-size: 1.4rem;
	width: 420px;
	height: 44px;
}

/* 画像枠 当サイトのリンクバナー用 他*/
.frame2 img {
	border-width: 3px;
	border-style: solid;
}

/* 画像枠 サムネイル用*/
.frame3 img {
	margin-bottom: 10px;
	margin-right: 10px;
	border-width: 3px;
	border-style: solid;
}

/* 角丸枠飾り 8コマ漫画用*/
.frame5 img {
	display: inline-block;
	border: solid 1px #ccc;
	overflow: hidden;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	margin: 1em 0;
	padding: 0 10px;
}


/* テキスト用 */
.t-right {
	text-align: right;
}
.t-mini {
	font-size: 13px;
	font-size: 1.3rem;
}

/* リンクボタン */
p .link-button, #diarycenter p .link-button {
	font-size: 16px;
	font-size: 1.6rem;
    font-weight: bold;
    text-shadow: 1px 1px 3px #FFF;
	text-align: center;
	margin: 0 10px;
	padding: 6px 10px;
	line-height: 2;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	white-space: nowrap;
}
p .link-button a, #diarycenter p .link-button a {
	display:inline-block;
}
p .link-button a:hover , #diarycenter .link-button a:hover {
    text-shadow: 1px 1px 10px #FFF;
}

.contents .link-button {
	padding: 2px 10px;
    font-weight: normal;
    text-shadow: none;
}
.contents .link-button a {
	display:inline-block;
}
.contents .link-button a:hover {
    text-shadow: none
}

#introduction-otherside p .link-button, #box-history-t dd .link-button, #box-history dd .link-button, #box-history-t-other dd .link-button, .box-comment1 p .link-button, .box-comment2 p .link-button, .box-comment3 p .link-button, .t-mini .link-button, dl.contents-event dd .link-button, dl.contents-book dd .link-button, dl.contents-m dd .link-button, dl.contents-map dd .link-button {
	font-size: 15px;
	font-size: 1.5rem;
    font-weight: normal;
    text-shadow: none;
	margin: 0 2px;
	padding: 3px 6px;
	line-height: 1.8;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#diarycenter .opendiary .text .link-button {
	font-size: 16px;
	font-size: 1.6rem;
    font-weight: normal;
    text-shadow: none;
	margin: 0 2px;
	padding: 3px 6px;
	line-height: 1.8;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#introduction-otherside p .link-button a, #box-history-t dd .link-button a, #box-history dd .link-button a, #box-history-t-other dd .link-button a, .box-comment1 p .link-button a, .box-comment2 p .link-button a, .box-comment3 p .link-button a, .t-mini .link-button a, #diarycenter .opendiary .text .link-button a, dl.contents-event dd .link-button a, dl.contents-book dd .link-button a, dl.contents-m dd .link-button a, dl.contents-map dd .link-button a {
	display:inline-block;
}
#introduction-otherside p .link-button a:hover, #box-history-t dd .link-button a:hover, #box-history dd .link-button a:hover, #box-history-t-other dd .link-button a:hover, .box-comment1 p .link-button a:hover, .box-comment2 p .link-button a:hover, .box-comment3 p .link-button a:hover, .t-mini .link-button a:hover, #diarycenter .opendiary .text .link-button a:hover, dl.contents-event dd .link-button  a:hover, dl.contents-book dd .link-button a:hover, dl.contents-m dd .link-button a:hover, dl.contents-map dd .link-button a:hover {
    text-shadow: none;
}

/*SS並列用リンクボタン配置*/
.SS-link {
    width:100%;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    box-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
}

/* ページトップのリンクボタン */
.page-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
	font-size: 16px;
	font-size: 1.6rem;
    font-weight: bold;
	line-height: 1.4;
    text-shadow: 1px 1px 3px #FFF;
	text-align: center;
	vertical-align: middle;
    width: 70px;
	height: 70px;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.page-top span {
  position: relative;
  top:20%;
}
.page-top a {
	display:inline-block;
}
.page-top a:hover {
    text-shadow: none
}

/* Aboutの画像 */
.circle {
    width: 100px;
	height: 100px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}


/* メールフォーム */
.mailform textarea {
	width: 350px;
	height: 10em;
}

.mailform input {
	width: 350px;
	height: 2em;
	padding: 0;
}

.mailform textarea, input {
	border-top: solid 1px #333333;
	border-left: solid 1px #333333;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

.mailform {
	margin: 0 auto;
	width: 600px;
}

.check input {
	vertical-align: middle;
	width: 25px;
}

* html body .mailform dd {
   display:inline-block;
}

.mailform dt {
	float: left;
	width: 130px;
	text-align: right;
	padding: 10px;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
}
.mailform dd {
	margin-left: 150px;
	text-align: left;
	padding: 10px;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-style: solid;
	border-left-width: 2px;
}

.button input {
	font-size: 15px;
	font-size: 1.5rem;
    font-weight: bold;
    text-shadow: 1px 1px 3px #FFF;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
}
.button input:hover {
	color: #D4546E;
    text-shadow: 1px 1px 10px #FFF;
}

/* web clap */
.clap .message {
	margin: 0 auto;
	width:380px;
	padding:10px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
.clap .radio {
	text-align:center;
	font-size: 14px;
	font-size: 1.4rem;
	margin-left:10px;
	margin-right:5px;
}
input[type=radio]:checked + label {
	color:#D4546E;
}
.clap .mailform {
	margin: 0 auto;
	width:380px;
}
.clap .mailform textarea {
	width:350px;
}

.clap blockquote {
	margin: 0 auto;
	padding: 10px;
}

/* 絵日記 コンテナ等の設定は上部に */
#diarycenter {
	width: 660px;
	margin: 0 auto;
	text-align: center;
}

#diarycenter h2 {
	padding-top: 20px;
	margin-bottom: 0;
}

#diarycenter p {
    text-align: center;
}

#diarycenter .opendiary h3 {
	width: 660px;
	padding: 10px 20px;
	text-align: left;
   /* CSS3 */
   border-top-left-radius: 9px;   /* 左上 */
   border-top-right-radius: 9px;   /* 右上 */
   /* Firefox */
   -moz-border-radius-topleft: 10px;   /* 左上 */
   -moz-border-radius-topright: 10px; /* 右上 */
   /* Safari,Chrome */
   -webkit-border-top-left-radius: 9px;   /* 左上 */
   -webkit-border-top-right-radius: 9px;   /* 右上 */
}
.opendiary div.text {
	width: 660px;
	padding: 20px;
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
   /* CSS3 */
   border-bottom-left-radius: 9px;   /* 左下 */
   border-bottom-right-radius: 9px;   /* 右下 */
   /* Firefox */
   -moz-border-radius-bottomleft: 10px;   /* 左下 */
   -moz-border-radius-bottomright: 10px; /* 右下 */
   /* Safari,Chrome */
   -webkit-border-bottom-left-radius: 9px;   /* 左下 */
   -webkit-border-bottom-right-radius: 9px;   /* 右下*/
	margin-bottom: 1em;
}

.opendiary div.text img {
	padding: 0;	
}

.opendiary div.text p {
    	text-align: center;
}

#diarycenter #number {
    padding-bottom: 1em;
}

#diarycenter #number strong {
    text-shadow: 1px 1px 3px #FFF;
}
#diarycenter #number strong a {
    display: block;
}
#diarycenter #number strong a:hover {
    text-shadow: 1px 1px 10px #FFF;
}

#diarycenter #number h4 {
	width: 680px;
	font-size: 16px;
	font-size: 1.6rem;
    text-shadow: none;
	padding: 10px;
	text-align: center;
	border-bottom: 2px #EEEEEE solid;
   /* CSS3 */
   border-top-left-radius: 21px;   /* 左上 */
   border-top-right-radius: 21px;   /* 右上 */
   /* Firefox */
   -moz-border-radius-topleft: 21px;   /* 左上 */
   -moz-border-radius-topright: 21px;   /* 右上 */
   /* Safari,Chrome */
   -webkit-border-top-left-radius: 21px;   /* 左上 */
   -webkit-border-top-right-radius: 21px;   /* 右上 */
}
#diarycenter #number p {
	width: 680px;
	padding: 10px;
	text-align: center;
	border-bottom: 2px #EEEEEE solid; /* 絵日記背景指定 */
   /* CSS3 */
   border-bottom-left-radius: 21px;   /* 左下 */
   border-bottom-right-radius: 21px;   /* 右下 */
   /* Firefox */
   -moz-border-radius-bottomleft: 21px;   /* 左下 */
   -moz-border-radius-bottomright: 21px;   /* 右下 */
   /* Safari,Chrome */
   -webkit-border-bottom-left-radius: 21px;   /* 左下 */
   -webkit-border-bottom-right-radius: 21px;   /* 右下*/
}

/* 日記　続きを読む */

#diarycenter .open, #main .open {
	font-size: 16px;
	font-size: 1.6rem;
    font-weight: normal;
    text-shadow: none;
	margin: 0 2px;
	padding: 3px 6px;
	line-height: 1.8;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
#diarycenter #slideBox, #main #slideBox {
     display:none;
     }
     

/* トップページ 別館用 */
/* 別館用　コンテンツ並列配置 */
#flexbox {
    display: -webkit-flex;
    display : -ms-flexbox;
    display: flex;
    justify-content: center;
	margin-top: 300px;
}
    
/* 説明文 別館用 */
#introduction-otherside {
	font-size: 15px;
	font-size: 1.5rem;
	width: 470px;
    background-color: rgba( 255, 255, 255, 0.55 );
	padding: 0 20px 10px 20px;
/* margin-top: 200px; */
	margin-left: 10px;
	text-align: left;
}
#introduction-otherside p {
	font-size: 15px;
	font-size: 1.5rem;
}
#introduction-otherside img {
border: solid 2px #ccc;
}

/* サブメニュー 別館用*/
#menu-sub-other {
	width: 500px;	
	height: auto;
	clear: both;
    background-color: rgba( 255, 255, 255, 0.55 );
	padding: 0 0 1em 10px;
	margin-left:10px;
}
ul.menu-s-other {
	width: 500px;
}
ul.menu-s-other li {
    float: left;
	width: 90px;
	font-size: 15px;
	font-size: 1.5rem;
    font-weight: bold;
    text-shadow: 1px 1px 3px #FFF;
	text-align: center;
	margin: 5px;
    padding: 3px 12px 0 12px;
	line-height: 2;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
}
ul.menu-s-other li a {
    display: block;
}
ul.menu-s-other li a:hover {
    text-shadow: 1px 1px 10px #FFF;
}

/* 更新履歴 別館トップ用 */
#history-t-other {
	font-size: 15px;
	font-size: 1.5rem;
width: 490px;
/* width: 220px; */
	height: 24px;
	padding: 0 10px;
	margin-left:10px;
	text-align: left;
	clear: both;
}
#box-history-t-other {
	font-size: 15px;
	font-size: 1.5rem;
width: 488px;
/* width: 218px; */
	height: 230px;
	padding: 10px;
	margin-left:10px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
    overflow-y: scroll;
	overflow-x: hidden;
	float: left;
	clear: both;
    background-color: rgba( 255, 255, 255, 0.55 );
}
#box-history-t-other dt {
}
#box-history-t-other dd {
	margin-bottom: 1em;
}
#box-history-t-other ul.memo li {
    list-style-type: disc;
	margin-left: 14px;
}

/* トップイラスト 別館用 */
body#top-other div#container {
	background-image: url(../img/other_pc.jpg);
	background-repeat: no-repeat;
 /*    background-position: 80% 60px;
    background-position: right 40px;
	background-attachment: scroll; */
    background-position: 0 0;
	background-attachment: fixed;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

/* 通販 別館用 */
.mailorder {
	width: 270px;
	height: 246px;
	text-align: left;
	margin-left: 10px;
	padding: 10px;
	background-image: linear-gradient(to left, rgba(255,255,255,0), #fff 95%) ,url(../img/order.jpg);
	background-repeat: no-repeat;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
}
.mailorder a {
    display: block;
}

/* 通販 日記用 */
#diarycenter div.mailorder {
	margin: 0 auto;
}
#diarycenter div.mailorder p {
	text-align: left;
}

/* トップページ 別館用 */
/* 説明文 跡地用 */
body#randomart #introduction-otherside {
	height: 600px;
}

/* 跡地コンテンツメニュー */
dl.contents-r {
	line-height : 1.8em;
	width : 440px;
    margin-top: 1em;
}
dl.contents-r dt {
	width : 90px;
	text-align: right;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px;
    float : left;
    clear : both;
	border-radius: 21px 0 0 21px;
	-moz-border-radius: 21px 0 0 21px;
	-webkit-border-radius: 21px 0 0 21px;
}
dl.contents-r dd {
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px;
    margin-bottom: 0.5em;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
}

dl.contents-r a {
    display: block;
}

/* トップページ用 */
/* サブメニュー */
#menu-sub {
	position: absolute;
	top: 336px;
    left: 5px;S
	width: 284px;	
	height: auto;
	z-index: 105;
	clear: both;
    background-color: rgba( 255, 255, 255, 0.55 );
}
ul.menu-s {
	width: 280px;
}
ul.menu-s li {
    float: left;
	width: 100px;
	font-size: 15px;
	font-size: 1.5rem;
    font-weight: bold;
    text-shadow: 1px 1px 3px #FFF;
	text-align: center;
	margin: 5px;
    padding: 3px 12px 0 12px;
	line-height: 2;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	z-index: 50;
}
ul.menu-s li a {
    display: block;
}
ul.menu-s li a:hover {
    text-shadow: 1px 1px 10px #FFF;
}

/* 更新履歴 トップ用 */
#history-t {
	font-size: 15px;
	font-size: 1.5rem;
	position: absolute;
	top: 80px;
	left: 10px;
	width: 260px;
	height: 24px;
	padding: 0 10px;
	text-align: left;
	z-index: 20;
	clear: both;
}
#box-history-t {
	font-size: 15px;
	font-size: 1.5rem;
	position: absolute;
	top: 100px;
	left: 10px;
	width: 258px;
	height: 200px;
	padding: 10px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
    overflow-y: scroll;
	overflow-x: hidden;
	float: left;
	clear: both;
    background-color: rgba( 255, 255, 255, 0.55 );
}
#box-history-t dt {
}
#box-history-t dd {
	margin-bottom: 1em;
}
#box-history-t ul.memo li {
    list-style-type: disc;
	margin-left: 14px;
}
#box-history-y {
	width: 258px;
	float: left;
}
#box-history-y li {
	float: left;
	margin: 3px;	
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	padding: 3px 5px;
	border-radius: 21px;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
}

/* 説明文 */
#introduction {
	position: static;
	top: 0;
	left: 0;
    width: 500px;
margin-top: 340px;
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
	text-align: left;
	clear: both;
    background-color: rgba( 255, 255, 255, 0.55 );
}
#introduction p {
	font-size: 15px;
	font-size: 1.5rem;
}

/* トップイラスト　兼　更新履歴のイラスト */
body#top-main div#container, body#history div#container {
	background-image: url(../img/top_pc.jpg);
	background-repeat: no-repeat;
 /*   background-position: 80% 60px; */
/* 	background-attachment: scroll; */
    background-position: 0 0;
	background-attachment: fixed;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

/* カウンター */
#count {
	border: none;
	text-align: left;
/* position: absolute;
	top:40px; */
	position: static;
	left: 5px;
	clear: both;
	overflow: hidden;
}

/* フロートクリア */
.clearfix:after {
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* PC非表示 */
.hidden-pc {
	visibility: hidden;
    display: none;
}

/* PC表示 */
.hidden-iphone {
	visibility: visible;
}

/* フロートクリア */
.clearfix:after {
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*￥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ゲーム特集
.game {
	position: absolute;
	top: 60px;
    left: 10px;
    padding-right: 5px;
}
.game img {
    border: 3px solid #333;
} */