@charset "utf-8";

/********* HTML再定義 ***********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
/*	outline: 0;*/
}

* {
   margin: 0;
   padding: 0; 
}

/*	width:100%のはみ出し防止*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html, body{
margin:0;
padding:0;
width:100%;
height:100%
}

body {
    line-height:1.7;
    font-size:16px;
    background: #512DA8 url(bg.png) repeat-x;
    background-attachment: fixed;
    padding:0;
    color:#212121;
}



a:link {
     color: #303F9F;
     text-decoration:underline;
}

a:visited {
     color: #673AB7;
     text-decoration:underline;
}


a:hover {
     color: #00BCD4;
     text-decoration: underline;
}

a:active {
     color: #00BCD4;
     text-decoration:underline;
}


h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h2 {
	margin:0 0 5px 0;
	border-top: 0px dotted #212121;
	border-bottom: 0px dotted #212121;
	font-weight: bold;
	padding: 5px 5px 0 32px;
    letter-spacing:2px;
    background: url(tukihoshi.png)no-repeat left center;
     font-size:110%;
}

h3 {
	padding: 2px 0px 2px 20px;
    background:url(hoshi.png) no-repeat left;
    margin:0 0 5px 0;
    font-size:110%;
    border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

h4 {
	padding: 2px 0px 2px 20px;
    background:url(hoshi.png) no-repeat left;
    margin:0 0 5px 0;
    font-size:110%;
    border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}



ul li{
    list-style: none;
}

dl{
    padding:0;
}

dt{
    font-weight: bold;
}

dd{
    margin-bottom:1em;
}

p{
    margin-bottom: 1em;
}

em{
    font-weight: bold;
}

img{
    vertical-align:text-bottom;
    margin:0 0px 5px 0;
}

.red{
    color: #E91E63;
}

strong{
    font-weight: bold;
}

input,textarea,select,button{
    padding:3px 10px;
    margin:2px ;
}

.off-red-18{
color:#fff;
font-size:80%;
line-height:1.5;
background: #E91E63;
padding:2px 5px;
margin-left:1em;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
}

hr {
	height: 0;
	margin: 1em 0;
	padding: 0;
	border: 0;
    border-top: 1px solid #eee;
}



/********* 全体 *****************************************************/

div#container {
	width: 960px;
	margin: 0 auto;
	padding:0;

    border-left:0px solid #212121;
    border-right:0px solid #212121;
}

/********* ヘッダー *************************************************/

div#header {
    margin: 0;
	clear: both;
    height:250px;
    background: url(https://rensei.info/rs_rotate/rotate.php) no-repeat top left;
    border-bottom: 0px solid #212121;    
    padding: 200px 10px 0 0;
    text-align: right;
}

div#header img {
margin: 0 ;
}

div#header h1 a{
font-size:40px;
line-height:40px;
text-shadow: 2px 2px 5px black;
transition: all 0.2s linear;
letter-spacing:3px;
}

div#header h1 a:link, div#header h1 a:visited {
color: #fff;
text-decoration: none;
}

div#header h1 a:active, div#header h1 a:hover {
color: #fff;
text-decoration: none;
letter-spacing:10px;
}
/********* フッター *************************************************/

div#footer {
    clear: both;
    background: #212121;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height:12px;
    letter-spacing: 2px;
    overflow: hidden;   
    width: 100%;
    height: auto;
    border-top: 5px solid #00BCD4;
    border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
}

div#footer a{
     text-decoration: none;
     color: #fff;
}

div#footer a:hover{
     color:#00BCD4;
     text-decoration: underline;
}

/********* フッター メニュー *************************************************/
.foot-menu-box{
	display: flex;
    justify-content:center;
    border-top: 2px solid #fff;
    padding:0 0 5px 0;
    width:100%;
}

.foot-home{
    padding:10px 10px 10px 0;
}

.foot-menu {
    margin: 0 0 0 0;

}

.foot-menu ul {
    margin: 0 ;
    padding: 12px 0 5px 0;
    text-align:left;
}

.foot-menu li {
    display: inline-block;
    list-style: none;
    border-left: 1px solid #fff;
    padding-left:10px;
}

.foot-menu li:last-child{
    border-right: 1px solid #fff;
    padding-right:10px;
}

.foot-add{
    text-align:left;
}


/********* 左右囲み *****************************************************/
.main-Container {
    margin: 0 0 0 0;
    padding: 0px;
	overflow: hidden;
    width: 100%;
    border-top: 0px solid #212121;
    background: #fff;
}


/*********記事 内容 *****************************************************/

div#content {
	float: left;
	width: 680px;
    background:;
    margin:0;
    padding:20px 0 20px 20px;
}

/********* エントリー ***********************************************/

div#entry h2 {
	display: none;
}
div#entry div.entry {
	width: 680px;
	margin: 0 0 3em 0;
    background:;
	border: 0px solid #212121;
    padding:0;
}
div#entry div.entry h3 {
	margin:0 0 5px 0;
	border-top: 0px dotted #212121;
	border-bottom: 0px dotted #212121;
	font-weight: bold;
	padding: 5px 5px 0 32px;
    letter-spacing:2px;
    background: url(tukihoshi.png)no-repeat left center;
    font-size:110%;
}
div#entry div.entry h3 a:link, div#entry div.entry h3 a:visited {
	color: #212121;
	text-decoration: none;
}
div#entry div.entry h3 a:active, div#entry div.entry h3 a:hover {
	color: #00BCD4;
	text-decoration: none;
}
div#entry div.entry div.content {
	margin: 0;
}
div#entry div.entry ul.information {
	margin: 2px 0 15px 0;
	padding-top: 2px;
	font-size: 90%;
}
div#entry div.entry ul.information li {
	display: inline;
	margin-right: 0;
}
div#entry div.entry ul.link {
	margin: 0;
	padding:0 10px;
	text-align: right;
    font-size:90%;
}
div#entry div.entry ul.link li {
	display: inline;
}

x
/********* コメント *************************************************/

div#comment,div#comment_form{
    margin: 0;
    font-size: 90%;
}

div#comment p,div#comment_form p{
    background:pink;
}


div#comment .attention,div#comment_form .attention{
    color: #E91E63;
}

div#comment h3,div#comment_form h3{
	padding: 0px 0px 0 20px;
    background:url(kinoko_mini.png) no-repeat left;
}

div#comment li,div#comment_form li{
    list-style: none;
}

div#comment div.comment ul.information {
	margin-bottom: 1em;
	text-align: right;
}
div#comment div.comment ul.information li {
	display: inline;
	margin-left: 5px;
}




/********* インフォメーション ***************************************/

div#information {
	margin-bottom: 30px;
}
div#information ul.continue {
	margin: 0;
	text-align: right;
}
div#information ul.continue li {
	display: inline;
}

/********* ユーティリティ *******************************************/

div#utility {
	float: right;
	width: 210px;
    background: ;
    line-height:1.5;
    margin:20px 20px 20px 0;
}
div#utility h2 {
	display: none;
}

div#utility div.utility {
	margin: 0 0 0 0;
	padding-bottom: 10px;
	background-color: ;
	border: 0px solid #212121;
    background: ;
}

div#utility div.utility h3 {
    border-top: 0px dotted #212121;
	border-bottom: 0px dotted #212121;
}

div#utility div.utility div.content {
    font-size:73%;
    line-height:1.4;
	margin: 0 0px 15px 10px;
}

div#utility div.utility ul {
	margin: 0 0 0 1em;
    padding:0;

}

div#utility div.utility ul li {
    list-style:none;
}

div#utility div.utility ul li ul {
	margin-top: 0;
	margin-bottom: 0;
}

div#utility div.utility ul li ul li{
    list-style:none;
}


div#utility div.utility ul li ul li:before {
	content: '┣';
}

div#utility div.utility ul li ul li:last-child:before{
	content: '┗';
}


div.utility dl{
    margin: 0;
    padding: 0;
}

div.utility dt{
    margin: 0;
    padding: 0;
    font-weight:normal;
}

div.utility dd{
   margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border-bottom: 1px solid #eee;
}



div#utility div.utility form {
	margin: 0;
}
div#utility div.utility form dl {
	margin: 0;
}
div#utility div.utility form dl dt {
	display: none;
}
div#utility div.utility form dl dd {
	margin: 0;
    padding: 0 0 0 0;
    border-bottom: 0px solid #eee;
}
div#utility div.utility form dl dd input {
	width: 200px;
}
div#utility div.utility form p {
	margin: 0 0 10px 0;
}

div#utility address{
    text-align: right;
    font-size: 80%;
}

div#utility .feed{
    text-align: right;
    font-size: 80%;

}

/********* ページ個別移動 ビュー個別記事前後移動 ****************/
div#page_link{
    margin:1em 0;
    font-size:80%;
    text-align:center;
    border-top: 1px solid #eee;
    background:;
    padding:10px 0;
}
div#page_link h3{
    display:none;
}

.page_link_box{
    background:;
    display: flex;
    justify-content: center;
    width:100%;
}

.page_link_box_center{
    background:;
    width:100px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    text-align:center;

}

.page_link_box_right{
    background:;
    width:50%;
    text-align:left;
    padding-left:10px;
}

.page_link_box_left{
    background:;
    width:50%;
    text-align:right;
    padding-right:10px;
}

.page_link_box_left:before{
    content:"<<";
}

.page_link_box_right:after{
    content:">>";
}


/** プラグイン　エントリーページ移動表示部分 **********************/
div#entry_pagelink h2{
   display:none;
}

div#entry_pagelink{
    clear:both; 
    margin:1em 0 0 0;
    border-top: 1px solid #eee;
}

div#entry_pagelink ul.entry_pagelink {
    text-align:center;
    margin: 1em 0;
}
div#entry_pagelink ul.entry_pagelink li {
    display:inline-block;
    list-style: none;
    margin-right: 10px;
    font-size:90%;
    border:0px solid #212121;
}


/********* ページ移動　検索フォームなど***********************************************/
div#page{
    font-size: 90%;
    margin-top:1em;
    border-top: 0px solid #eee;
}


div#page h2 {
	display: none;
}
div#page ul.order {
	margin: 1em 0;
    text-align: center;
}
div#page ul.order li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}

div#page ul.order li.home {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

div#page ul.direct {
	margin: 10px 0;
	text-align: center;
}
div#page ul.direct li {
	display: inline;
	list-style: none;
	margin-left: 10px;
}


/********* トップへ戻る ホーム画像 ****************/
.home{
    text-align: center;
}



/********* IE6用設定 ************************************************/

* html body {
	text-align: center;
}
* html div#container {
	width: 800px;
	text-align: left;
}
* html pre {
	width: 100%;
}
* html table tr th, * html table tr td {
	font-size: 80%;
}



/***** オフライン＋ギャラリー用ページテンプレ　画像用 *******************/
.off-img img{

}


/********* 検索ページ　search プラグイン ****************/
.search{
    font-size:90%;
}
.search{
    margin-bottom:1em;
}
.search ul {
	margin:0;
	font-size: 90%;
}
.search ul li {
	display: inline;
}



/*******拍手テンプレ用*************/
blockquote{
    color: #666;
}

.complete{
    color: #4169e1;
}

/* ------------------------------
    ページトップへ戻る
    js-sub/pagetop.js
------------------------------ */
#fixedTop {
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: none;
    background:#FFC107;
    border:2px solid #fff;
    position: fixed;
    z-index: 9999;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius:30px; 
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    
}


/* ------------------------------
   #menuList メニューリスト
   js/menulist.js
------------------------------ */
#menuList {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
text-align: right;
margin:3px 0;
background:;
padding-right:0px;
}

#menuList h2 {
display: none;
}

#menuList ul {
margin: 0 ;
padding:0;
font-size: 0;

}
 
#menuList li {
display:inline-block;
list-style: none;
font-size:12px;
line-height:25px;
font-weight:bold;
letter-spacing:2px;
padding-right:30px;
}

#menuList ul li a {
color: #fff;
text-decoration: none;
background: url(line-menu.png) no-repeat right;
display: block;
padding-right:25px;
transition: all 0.2s linear;
}
 
#menuList ul li:hover > a {
text-decoration: none;
display: block;
letter-spacing:5px;
color:#00BCD4;
background: url(line-menu-blue.png) no-repeat right;
}