@charset "Shift_JIS";

/*
==================================================
基本
==================================================
*/

body {
   margin:0;
   margin-left:0em;
   margin-bottom:0px;
   padding-top:0px;
   padding:0;
   color:#333;
   font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "Yu Gothic" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;	
   font-style:normal;
   font-weight:normal;
   font-size:1.5em;;
   text-align:center;
   text-decoration:none;
   letter-spacing:-0.8px;
   line-height:1.5;
   vertical-align:bottom;
   background:#fff url(http://charitokita.com/illust-top/back.gif) ;
   background-attachment: fixed;
   -webkit-text-size-adjust: 100%;

}

a:link {
   color:#FA8072;
   text-decoration:underline;
}
/*未訪問のリンク*/

a:visited {
   color:#FA8072;
   text-decoration:underline;
}
/*訪問済みのリンク*/

a:hover {
color:#CDFA72;
text-decoration:underline;
}
/*ポイント時のリンク*/

br {
   letter-spacing:normal;
}

img {
   position: relative;
   border:0;
   vertical-align:baseline;

}

em {
   font-weight:bold;
   font-style:normal;
}

strong {
   font-weight:bold;
   color:#FF6535;
}

ins {
   text-decoration: underline;
}

del {
   color:#999;
   text-decoration: line-through;
}


ul,ol {
   margin:0;
   padding:1em 0;
   padding-left:40px;
   font-size:75%;
}

dl{
   margin:0;
   padding:1em 0;
   font-size:75%;
   
}

th,td {
   font-weight:normal;
   font-size:100%;
   text-align:left;
}

form {
   margin:0;
   margin-left:1em;
   font-size:75%;;

}

textarea,
input[type=text],
select {
   font-size:100%;
   background:#fff;
   border:1px solid #333;
   }

address {
   margin:0;
   padding:0;
   color:#333;
   font-style:normal;
   font-weight:normal;
   font-size:75%;
}

table {
  border-collapse: collapse;
  table-layout: auto;
  border-spacing: 0;
     font-size:100%;
}

/*
==================================================
のせちゃりトップページ
==================================================
*/

.index-header {
	height: 650px;
	width: 100%;
	zindex: 1;
	background-color: #FFF;
	background-position:center center ;
	background-size: cover;
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: center;
	background-size:cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

#index-main {
   position:relative;
   margin:0 auto;
}


#index-main img {

  z-index: 1; 
}

#index-main a:hover img {

  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
  background: white;
}

#index-main p {
position: absolute;
top: 42%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
  background-color: rgba(0, 0, 0, 0);
  color: white;
  font-size: 100%;
  text-shadow: 0px 0px 10px black,
  0px 0px 20px black;
  z-index: 2; 
}

#index-manga {
   position:relative;
   margin:0 auto;
}


#index-manga img {

  z-index: 1; 
}

#index-manga a:hover img {

  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
  background: white;
}

#index-manga p {
position: absolute;
top: 40%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
  background-color: rgba(0, 0, 0, 0);
  color: white;
  font-size: 150%;
  text-shadow: 0px 0px 10px black,
  0px 0px 20px black;
  z-index: 2; 
}


#index-dougu {
   position:relative;
   margin:0 auto;
}


#index-dougu img {

  z-index: 1; 
}

#index-dougu a:hover img {

  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
  background: white;
}

#index-dougu p {
position: absolute;
top: 30%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
  background-color: rgba(0, 0, 0, 0);
  color: white;
  font-size: 100%;
  text-shadow: 0px 0px 10px black,
  0px 0px 20px black;
  z-index: 2; 
}

#index-contents {
   width:1180px;
   padding:10px;
   background:#FFF;
}


#index-top h3 {
   font-size:1em;
   color:#336666;
   letter-spacing:-1px;
   font-style:normal;
   font-style:normal;
   font-weight:normal;
}


#footer p{
  color: white;
}

#footer a:link {
   color: white;
   text-decoration:underline;
}

#footer a:visited {
   color: white;
   text-decoration:underline;
}

#footer a:hover {
color:white;
text-decoration:underline;
}

#top {
   position:relative;
   width:1200px;
   margin:10px auto;
   text-align:center;
}

#header {
   position:relative;
   width:1200px;
   height:250px;
   padding:10px;
   background:#fff ;
}

#menu {
   position:relative;
   width:1200px;
   height:85px;
   padding:10px;

}

#contents {
   width:1200px;
   padding:10px;
   background:#FFF;
}

slidetop	{
	z-index:1;
	width:1180pt;
	min-height:283px;
	position:relative;
	margin:25px auto;
	background-position:50% 0;
	background-repeat:no-repeat
	}


/*
==================================================
個別ページ
==================================================
*/
div.spot  {  
    width: 640px;  
    background: url(http://charitokita.com/illust-top/spotunder.gif) no-repeat bottom;  
    padding-bottom: 43px;  
    margin-bottom: 40px;  
    margin: 0 auto;  
	font-size: 0.8em;
}  
div.spot .inner   {  
    background: url(http://charitokita.com/illust-top/spottop.gif) no-repeat;  
    padding-top: 90px;  
}  
div.spot .inner div   {  
    background: url(http://charitokita.com/illust-top/spotmid.gif) repeat-y;  
    padding: 0 20px;  
}  

div.chinspo  {  
    width: 400px;  
    background: url(http://charitokita.com/illust-top/chinspounder.gif) no-repeat bottom;  
    padding-bottom: 43px;  
    margin-bottom: 40px;  
    margin: 0 auto;  
	font-size: 0.8em;
}  
div.chinspo .inner   {  
    background: url(http://charitokita.com/illust-top/chinspotop.gif) no-repeat;  
    padding-top: 110px;  
}  
div.chinspo .inner div   {  
    background: url(http://charitokita.com/illust-top/chinspomid.gif) repeat-y;  
    padding: 0 20px;  
}  

div.chinspo img#chinsponintei{
	position: absolute;
	right: 275px;
	
}

div.chinspomatome  {  
    width: 600px;  
    background: url(http://charitokita.com/illust-top/chinspomatomeunder.gif) no-repeat bottom;  
    padding-bottom: 43px;  
    margin-bottom: 40px;  
    margin: 0 auto;  
}  
div.chinspomatome .inner   {  
    background: url(http://charitokita.com/illust-top/chinspomatometop.gif) no-repeat;  
    padding-top: 110px;  
}  
div.chinspomatome .inner div   {  
    background: url(http://charitokita.com/illust-top/chinspomatomemid.gif) repeat-y;  
    padding: 0 20px;  
}  

div.spotmatome  {  
    width: 600px;  
    background: url(http://charitokita.com/illust-top/spotmatomeunder.gif) no-repeat bottom;  
    padding-bottom: 43px;  
    margin-bottom: 40px;  
    margin: 0 auto;  
}  
div.spotmatome .inner   {  
    background: url(http://charitokita.com/illust-top/spotmatometop.gif) no-repeat;  
    padding-top: 110px;  
}  
div.spotmatome .inner div   {  
    background: url(http://charitokita.com/illust-top/spotmatomemid.gif) repeat-y;  
    padding: 0 20px;  
}  

div.notitlematome  {  
    width: 600px;  
    background: url(http://charitokita.com/illust-top/spotmatomeunder.gif) no-repeat bottom;  
    padding-bottom: 43px;  
    margin-bottom: 40px;  
    margin: 0 auto;  
}  
div.notitlematome .inner   {  
    background: url(http://charitokita.com/illust-top/spotmatometopnotitle.gif) no-repeat;  
    padding-top: 50px;  
}  
div.notitlematome .inner div   {  
    background: url(http://charitokita.com/illust-top/spotmatomemid.gif) repeat-y;  
    padding: 0 20px;  
}  


div.subtitle  {  
    width: 1000px;  
    background: url(http://charitokita.com/illust-top/subtitle3.gif) no-repeat bottom;  
    padding-bottom: 29px;  
    margin-bottom: 40px;  
    margin: 0 auto;  
}  
div.subtitle .inner   {  
    background: url(http://charitokita.com/illust-top/subtitle1.gif) no-repeat;  
    padding-top: 8px;  
}  
div.subtitle .inner div   {  
    background: url(http://charitokita.com/illust-top/subtitle2.gif) repeat-y;  
    padding: 0 4px;  
}  



div.round-top {
width: 1000px;
padding: 8px 0 0;
background-image: url(http://charitokita.com/illust-top/subtitle1.gif);
background-position: center top;
background-repeat: no-repeat;
margin: 0 auto;
text-align: center;

}

div.round-middle {
padding: 0 0px ;
background-image: url(http://charitokita.com/illust-top/subtitle2.gif);
background-position: center top;
background-repeat: repeat-y;
margin: 0 auto;
text-align: center;
}

div.round-bottom {
padding-bottom: 10px;
background-image: url(http://charitokita.com/illust-top/subtitle3.gif);
background-position: center bottom;
background-repeat: no-repeat;
margin: 0 auto;
text-align: center;
}

h2 {
  font-size:1em;
  text-align:center;
  font-style:normal;
  font-weight:normal;
}

span#spotpink {color:#000000}

span#chinspocounter {
	color:#FFFFFF;
	font-weight:normal;
	font-size:0.7em;
}

span#chinspowhite {
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.5em;
}

span#chinspocomment {
	color:#FFFFFF;
	font-weight:normal;
	font-size:1em;
}


#contents ul,
#contents ol {
   margin-left:1em;
}

#contents dt {
   margin-left:1em;
}

#contents dd {
   margin-left:2em;
}

#contents p {
   margin-left:1em;

}

#contents h1 {
   margin-bottom:2px;
      color:#585858;
   font-size:2em;
   font-style:normal;
   font-weight:bold;
}

#contents h2 {
  font-size:0.5em;
  text-align:center;
  font-style:normal;
  font-weight:normal;
}

#contents h3 {
   font-size:1em;
   color:#336666;
   letter-spacing:-0.5px;
   font-style:normal;
   font-style:normal;
   font-weight:normal;
}


#contents h4 {
   font-size:1em;
   letter-spacing:-0.5px;
   font-style:normal;
   color:#993300;
   font-style:normal;
   font-weight:normal;
}

#contents h5 {
   font-size:1em;
   letter-spacing:-0.5px;
   font-style:normal;
   color:#7b7513;
   font-style:normal;
   font-weight:normal;
}


#contents .totop {
   font-size:75%;
   text-align:right;
}

#scroll_to_top {
  cursor: pointer;
  position: fixed;  
  right: 20px;      
  bottom: 20px;     
}

#scroll_to_top.button {
  padding: 0 15px;
  font-size: 15px;
  display: inline-block;
  border: 1px solid #999;
  border-radius: 1em;
  background-color: #eee;
}

#sns-button {
  position: absolute;  
  zindex: 5;
  right: 20px;      
   top: 10px;    
}

#sns-button-sub {
  position: absolute;  
  
  right: 0px;      
  top: 0px;     
}

#next-button a:hover img {

  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
  background: white;
}