@charset "utf-8";
/*

/* ----- リセット -------------------------------------- */
*{margin:0;padding:0}
div,h1,h2,h3,p,ul,li,input,textarea,table,tr,th,td,footer,header,nav,section{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none;outline:none}
a img{border-style:none}
ul,li{list-style-type:none}

/* ----- リンク -------------------------------------- */
a {
 text-decoration : none;
 color : #8d5641;
}
a:hover {/* マウスオーバー */
 color : #ff9933;
 text-decoration : underline;
}
a:active {/* アクティブ */
 color : #4C4C4C;
 text-decoration : underline;
}
a:visited {/* 既読 */
 color : #ba7d69;
}

/* ----- 基本設定 -------------------------------------- */
html {
 min-height : 100%;
 position : relative;
 font-size : 62.5%
 
 scrollbar-face-color : #ffffff;
 scrollbar-highlight-color : #ffffff;
 scrollbar-shadow-color : #432f2f;
 scrollbar-3dlight-color : #432f2f;
 scrollbar-arrow-color : #432f2f;
 scrollbar-track-color : #ffffff;
 scrollbar-darkshadow-color : #ffffff;
}

body {
 background : #FFFFFF
 color : #55473D;

 font-size : 10pt;
 line-height : 16pt;
 letter-spacing : 1px;
 font-family : 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;

 margin : 30px 0 0 0;
 overflow-wrap : break-word;
 word-wrap : break-word
}

#wrapper{
 padding : 100px 0 0; /* (*1) 0 0 */
 text-align : left;
}

/* ----- header -------------------------------------- */
header {
 background : #edb176;
 border-bottom : 1px solid #57450f;
 position : fixed;
 top:0;left:0;
 height : 100px; /* #wrapperの(*1)と同じ数値 */
 width : 100%;
 z-index : 10
}

#header-inner {
 min-height : 50px;
 padding : 18px 0 0 14em;
}

/* ----- menu -------------------------------------- */
#menu {
 background : #edb176;
 position : absolute;
 text-align : center;
 bottom : 0;
 left : 15em;
 width : 100%
}
/* ----- menu list -------------------------------------- */
#menu ul {
 margin: 0;
 font-weight: bold;
 line-height: 1;
 /zoom: 1;
}

#menu ul:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
 font-size: 0.1em;
 line-height: 0;
}

#menu ul li {
 display: inline;
 margin: 0;
 padding: 0;
 background: none transparent;
}

#menu ul li a {
 position: relative;
 display: block;
 float: left;
 margin: 0 8px -1px 0;
 padding: 8px 15px 7px 15px;
 border: 1px solid #57450f;
 border-bottom: none;
 background: #ffffff;
 -webkit-border-top-right-radius: 5px;
 -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 border-radius: 5px 5px 0 0;
}

#menu ul li a:link, #menu ul li a:visited {
 color : #664d30;
 text-decoration : none;
}

#menu ul li a:hover, #menu ul li a:active {
 color : #ffa95e;
 text-decoration : none;
}

/* ----- main(左側と右側のwidthを足して全体の幅を超えないよう) -------------------------------------- */
#contents {
 margin : 0 auto;
 height : 100%;
 width : 1000px; /* 全体の幅・大きさはここで変更 */
}

#leftcolumn {
 float : left;
 text-align : left;
 width : 300px
}

#rightcolumn {
 display : inline;
 float : right;
 margin : 0;
 width : 700px
}

.block {
 background : #FFFFFF;
 margin : 20px 10px;
 padding : 8px;
 font-family : 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
}

.blocklog{
 background : #FFFFFF;
 margin : 20px 10px;
 padding : 8px;
 font-family : 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
 text-align : center;
}

#contents,#rightcolumn,#leftcolumn,.block{
 -moz-box-sizing : border-box;
 -webkit-box-sizing : border-box;
 box-sizing : border-box
}

/* ----- 見出し -------------------------------------- */
h1 {
 font-size : 13pt;
 color : #494949;

 border-bottom : solid 1px #ffaf58;
 border-left : solid 7px #ffaf58; /*左線*/
 padding : .2em .8em; /*文字周りの余白*/
 margin: 0 0 1em 0;
 background : #FFFFFF;
}

h2 {
background-color:#57450f;
border-radius:6px;
color:#e6dec5;
font-size:1em;
margin:0 0 2em 0;
text-align : left;

padding:10px;
position:relative
}
h2::after {
border:8px solid transparent;
border-top:8px solid #57450f;
content:'';
position:absolute;
top:100%;left:30px;
height:0;width:0
}

h3 {
 color: #4d4538;
 padding: 0.3em;/*文字周り余白*/
 /*display: inline-block; /*崩れたら始動*/
 line-height: 1.3;
 background: #c4d7a0;
 vertical-align: middle;/*中央揃え*/
 border-radius: 25px 0px 0px 25px;
 
 margin:0 0 1em 0;
}
h3:before {
content: '\025cf';
color: white;
margin-right: 8px;
}

.infobox {
 position: relative;
 background: #fff0cd;
 box-shadow: 0px 0px 0px 5px #fff0cd;
 border: dashed 2px white;
 padding: 0.3em 2em 0 1em;
 color: #454545;
 margin: 1em 0 1.5em 0;

}
.infobox:after{
 position: absolute;
 content: '';
 right: -7px;
 top: -7px;
 border-width: 0 15px 15px 0;
 border-style: solid;
 border-color: #ffdb88 #fff #ffdb88;
 box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.infobox_rs {
 position: relative;
 background: #a0ae6e;
 box-shadow: 0px 0px 0px 5px #a0ae6e;
 border: dashed 2px #D6DCC1;
 padding: 0.3em 2em 0 1em;
 color: #454545;
 margin: 1em 0 1.5em 0;

}
.infobox_rs:after{
 position: absolute;
 content: '';
 right: -7px;
 top: -7px;
 border-width: 0 15px 15px 0;
 border-style: solid;
 border-color: #879554 #fff #879554;
 box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.marker {
background:#ffd500;
padding:1px 5px
}
.ln01 {
border-left:5px solid #dd0206;
margin:5px 0;
padding:3px
}
.ln02 {
border-left:5px solid #57450f;
margin:5px 0;
padding:3px
}
dt{
border-bottom:1px solid #57450f;
font-weight:700
}
dd{
padding:1em
}
em {
background:#fdb4a9; /* Ie9 */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd3b3), color-stop(0.49, #ddd3b3), color-stop(0.5, #fdb4a9), color-stop(1, #fdb4a9));
background:-webkit-linear-gradient(transparent 50%, #fdb4a9 0%);
background:linear-gradient(transparent 50%, #fdb4a9 0%);
}
input,textarea {
background-color:#998c66;
border:1px dotted #57450f;
color:#e6dec5;
font-family:Verdana,Roboto,'游ゴシック','Yu Gothic','游ゴシック体','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:1em;
margin:3px 0;
width:200px
}
textarea {
height:50px
}
.frame {
background:#998c66;
border-radius:3px;
padding:5px;
}
hr {
display:block;
border:0;  
border-top:1px solid #C1BAA3;
margin:0;
padding:0;
height:1px
}
.cf:before,.cf:after{content:" ";display:table}
.cf:after{clear:both}

/* ページ内リンクのずれ修正 */
.link{
margin-top:-80px; /* headerのheightと同じだけマイナス */
padding-top:80px; /* headerのheightと同じ数値 */
}

/* ----- offline page -------------------------------------- */
#offmain {
 width : 800px;
 text-align : left;
 margin : 0px auto;
}
#offmain p {
margin : 15px 0 30px 0;
}
/* ----- offline リンク -------------------------------------- */
#offmain .img {
	vertical-align: middle;
}
.a:link img {
	opacity: 1;
}
.a:visited img {
	opacity: 1;
}
a:hover img {
	opacity: 0.65;
}
a:active img {
	opacity: 0.65;
}

a.offmain:link {
 text-decoration : none;
 background-color :#FFE4E1;
 color : #DC143C; 
}
a.offmain:hover {
 color : #ff9933;
 text-decoration: underline;
}
a.offmain:active {
 color: #4C4C4C;
 text-decoration: underline;
}
a.offmain:visited {
 color : #DC143C; 
}
/* ----- offline 見出し -------------------------------------- */
#offmain .about {
 color : #55473D;
 font-size : 12pt;
 font-weight : bold;
 position : relative;
 padding : 0.6em;
 background : #ffaf58;
 border-radius : 0.5em;/*角丸*/
}
#offmain .about:after {
 position : absolute;
 content : '';
 top : 100%;
 left : 30px;
 border : 10px solid transparent;
 border-top : 8px solid #ffaf58;
 width : 0;
 height : 0;
}
#offmain .title {
 color : #4d4538;
 font-size : 11pt;
 font-weight : bold;
 padding : 0.5em;/*文字周り余白*/
 /*display: inline-block; /*崩れたら始動*/
 line-height : 1.3;
 background : #c4d7a0;
 vertical-align : middle;/*中央揃え*/
 border-radius : 25px 0px 0px 25px;
}
#offmain .title:before {
 content : "\025cf";
 color : white;
 margin-left : 3px;
 margin-right : 8px;
}
/* 枠付きBOX---------------------------------------------------- */
#offmain p.box {
 color : #55473D;
 font-size : 10pt;
 line-height : 170%;
 padding : 10px 10px;
 border : 1px solid #999999;
 background : #ffffff;
}
/* ボックス指定--------------------------------------------- */
/* ボックス */
#offmain .book {
 width : 700px;/* 横幅指定 */
 margin : 20px 2px 25px 2px;
}
/* ボックス内テーブル--------------------------------- */
#offmain .book table {width:100%;}
/* 画像ボックス(左) */
#offmain td.book-thumb {
 width : 160px;
 padding : 0px 20px 0px 0px;
 vertical-align : top;
}
/* 画像枠 */
#offmain .img {border:1px solid #666666; padding:5px;}
/* テキストボックス(右) */
#offmain td.book-text {
 padding : 0px 0px 0px 0px;
 vertical-align:top;
}
/* タイトル */
#offmain p.book-title {
 color : #55473D;
 font-size : 11pt;
 font-weight : bold;
 margin : 0px 0px;
 padding : 0px 0px 2px 0px;
 background : #ffffff;
 border-bottom : 2px solid #d9e367;
}
/* 詳細 */
#offmain p.size {
 color : #55473D;
 font-size : 10pt;
 font-weight : bold;
 margin : 0px 0px;
 padding : 3px 0px 5px 0px;
}
/* コメント */
#offmain p.com {
 font-size : 10pt;
 line-height : 16pt;
 margin : 10px 0px 0px 0px;
 padding : 0px 0px 10px 0px;
}

/* ----- テーブル設定 -------------------------------------- */
table.frame {
 border-collapse : collapse;
 border : 0px;
 padding : 0px 0px;
 width  : 700px;
 height : 100%;
 text-align : center;
 margin : 0px auto;
}

td.fd1 { 
 border-top : 0px #55473D solid;
 border-bottom : 0px #55473D solid;
 border-right : 0px #55473D solid;
 border-left : 0px #55473D solid;
 padding : 0px;
 
 background-repeat : no-repeat;
}

table.main {
 border-collapse : collapse;
 background-color : #FFFFFF;
 border-top : 0px #55473D dashed;
 border-bottom : 0px #55473D dashed;
 border-right : 0px #55473D solid;
 border-left : 0px #55473D solid;
 margin : 0px;
}

td.mdtitle1 { 
 border-top : 1px #55473D solid;
 border-bottom : 1px #55473D solid;
 border-right : 1px #55473D solid;
 border-left : 1px #55473D solid;

 background-color : #FFFFFF;
 letter-spacing : 3px;
 
 width : 700px;
 height : 40px;
 padding : 20px 17px 20px 17px;
 vertical-align : top;
 text-align : center;
}

td.mdtitle2 { 
 border-top : 0px #55473D dashed;
 border-bottom : 1px #55473D solid;
 border-right : 1px #55473D solid;
 border-left : 1px #55473D solid;
 
 color : #FCE9D3;
 font-family : 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
 background-color : #55473D;
 font-size : 10pt;
 letter-spacing : 3px;
 line-height : 15pt;
 
 height : 30px;
 padding : 15px 17px 15px 0px;
 text-align : center;
 vertical-align : bottom;
}

td.md1 {
 border-top : 1px #55473D dashed;
 border-bottom : 1px #55473D solid;
 border-right : 1px #55473D solid;
 border-left : 1px #55473D solid;
 padding : 13px 17px;
 
 font-size : 10pt;
 line-height : 17pt;
 letter-spacing : 1px;
 font-family : "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif;
 vertical-align : top;
 text-align : left;
}

/* ----- RS2 テーブル -------------------------------------- */
table.rs2_frame {
 border-collapse : collapse;
 border : 0px;
 padding : 0px 0px;
 width  : 700px;
 height : 100%;
 text-align : center;
 margin : 0px auto;
}

td.rs2_fd1 { 
 border-top : 0px #55473D solid;
 border-bottom : 0px #55473D solid;
 border-right : 0px #55473D solid;
 border-left : 0px #55473D solid;
 padding : 0px;
 height : 100%;
 
 background-repeat : no-repeat;
}

table.rs2_main {
 border-collapse : collapse;
 background-color : #FFFFFF;
 height : 100%;
 border-top : 0px #55473D dashed;
 border-bottom : 0px #55473D dashed;
 border-right : 0px #55473D solid;
 border-left : 0px #55473D solid;
 margin : 0px;
}

td.rs2_mdtitle1 { 
 border-top : 1px #55473D solid;
 border-bottom : 1px #55473D solid;
 border-right : 1px #55473D solid;
 border-left : 1px #55473D solid;
 
 color : #FCE9D3;
 background-color : #55473D;
 font-size : 12pt;
 letter-spacing : 3px;
 line-height : 8pt;
 
 width : 700px;
 height : 40px;
 padding : 30px 17px 30px 17px;
 font-weight : bold;
 
 text-align : center;
 vertical-align: middle;
}

td.rs2_mdtitle2 { 
 border-top : 0px #55473D dashed;
 border-bottom : 1px #869980 solid;
 border-right : 1px #55473D solid;
 border-left : 1px #55473D solid;
 
 color : #55473D;
 background-color : #869980;
 font-size : 10pt;
 letter-spacing : 3px;
 line-height : 15pt;

 height : 20px;
 padding : 10px 17px 10px 17px;
 text-align : center;
 vertical-align : bottom;
}

td.rs2_md1 {
 border-top : 1px #55473D dashed;
 border-bottom : 1px #55473D dashed;
 border-right : 1px #55473D solid;
 border-left : 1px #55473D solid;
 padding : 13px 17px;

 vertical-align : top;
 text-align : left;
}

td.rs2_md2 { 
 border-top : 1px #55473D dashed;
 border-bottom : 1px #55473D solid;
 border-right : 1px #55473D solid;
 border-left : 1px #55473D solid;
 padding : 13px 17px;

 vertical-align : top;
 text-align : left;
}

/* ----- RS2 キャラ紹介用テーブル_簡易 -------------------------------------- */
table#rs2_tab {
    width: 450px;
    border: 1px #55473D solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#rs2_tab th {
	padding: 5px;
	border: #55473D solid;
	border-width: 1px 1px 1px 0px;
	background: #FFFFFF;
}
table#rs2_tab td {
    padding: 10px;
    border: 1px #55473D solid;
    border-width: 1px 0 1px 0px;
}

/* ----- キャラ紹介用テーブル -------------------------------------- */
table#rs2_chara {
    width: 700px;
    border: 1px #FFFFFF solid;
    border-collapse: collapse;
    border-spacing: 0;
	
	margin: auto
}

table#rs2_chara th {
	padding: 15px;
	border: #FFFFFF solid;
	border-width: 1px 1px 1px 0px;
	background: #FFFFFF;
}
table#rs2_chara td {
    padding: 10px;
    border: 1px #FFFFFF solid;
    border-width: 1px 0 1px 0px;
	
	text-align : left;
}

/* ----- ページ上部へのリンク -------------------------------------- */
#pagetop{
 background-color : #a08282;
 color : #ffffff;
 border-radius : 30px;
 height : 60px;width:60px; /* サイズ */
 bottom : 20px;right:100px; /* 位置 */
 line-height : 22px;
 padding-top : 30px;

 text-align : center;
 display : block;
 position : fixed;
 box-sizing : border-box
}

.arrow {
 border-left : 3px solid #fff;
 border-top : 3px solid #fff;
 position : absolute;
 top:20px ; left:24px;
 height : 10px; width:10px;
 -ms-transform : rotate(45deg);
 -webkit-transform : rotate(45deg);
 transform : rotate(45deg);
 box-sizing : border-box
}

#pagetop:hover{
 background-color : rgba(222,222,222,0.8);
 transition : .3s
}