@charset 'UTF-8';
/* CSS Document */

#container{
	background:url("https://f8iv0sxb7k.user-space.cdn.idcfcloud.net/stamps/images/matome/satoco/rakkosan_nannohi/bg.jpg")repeat,100% ;
	background-size:100%;
    /*  background: #ffe400; */
}


#containerbk{
	background:url("https://f8iv0sxb7k.user-space.cdn.idcfcloud.net/stamps/images/matome/satoco/rakkosan_nannohi/bgbk.jpg")repeat,100% ;
	background-size:100%;
    /*  background: #ffe400; */
}

ul {
	margin:0;
	padding:0;
	list-style: none outside none;
}

li {
	list-style:none;
}

a {
	text-decoration: none;
}


div.image{
	background-color: #fff;
	position:relative;
	width:auto;
	height:auto;
}

span.pstamp {
    position: absolute;
    z-index: 1;
    width: 90%;
    height: 100%;
    margin-top: 14px;
    margin-left:5px;
    margin-right:5px;
    background-image: url("https://f8iv0sxb7k.user-space.cdn.idcfcloud.net/stamps/images/index/premium.png");
    background-size: cover;
}

/***　float　***/
.floatL {
	float: left;
}

/***　clearfix　***/
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;    
	clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}

/****************************/
.wallpaper {
	background: -moz-linear-gradient(top, #a1fe76, #fff8ba);
    background: -webkit-gradient(linear, center top, center bottom, from(#a1fe76), to(#fff8ba));
    padding: 0;
}

.tokusyulogo {
	background: #a1fe76;
	border-bottom: none;
	padding-bottom: 10px;
}

/**********************/

.stamp_narabi_1 {
	width: 100%;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	
}
.stamp_narabi_1 li {
	width: 47%;
	margin: 0px auto;			
}

.stamp_narabi_1 li:nth-child(3n) {
	margin-right: 0;
}

.stamp_narabi_1 img {
	width: 100%;
	border: 1px solid #ccc;	/******imageの境界線色******/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}

/**********************/

.stamp_narabi_2 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 15px;
	text-align: center;
}

.stamp_narabi_2 li {
	width: 45%;
	display: inline-block;
}

.stamp_narabi_2 li:nth-child(n) {
	margin: 0 2px 0 2px;
}

.stamp_narabi_2 li img {
	width: 100%;
	border: 1px solid #ccc;				/******imageの境界線色******/
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
  }

/**********************/

.stamp_narabi_3 {					
	width: 98%;				
    margin: 0 auto;
    padding-bottom: 5px;				
}					
					
.stamp_narabi_3 li {					
	display: inline-block;				
	width: 31%;				
	margin: 3px 0 13 1.3%;				
}					
.stamp_narabi_3 li:nth-child(3n) {					
	margin-right: 0;				
}					
.stamp_narabi_3 li img {					
	width: 100%;
	border: 1px solid #D8D8D8;				
}

/*********列1行*************/

.onestamp {
	width: 90%;
	margin: 0 auto;
}
.onestamp li {
	float: center;
	width: 47%;
	margin: 18px auto;
}
.onestamp li:nth-child(2n) {
	margin-right: 0;
}

/****************************/

/********テキストボックス**************/

#textbox{
	width: 90%;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
	font-size: 16px;
	padding: 15px;
	color: #692409;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
        /*border: 2px solid #e87485;*/
 }

/*********imageの境界線*************/

/******ボタン******/
.btn_download {
	text-align: center;
	position: relative;
	width: 100%;
	font-size: 120%;
	margin-top: 4px;
	padding: 0.9em;
	border-radius: 10px;
	display: block;
	font-weight: bold;
	color: #fff;
	background: #fe2e2e;
	box-shadow: 0 6px 0 #b40a04;
}

.btn_link {
    text-align: center;
    width: 75%;
    font-size: 18px;
    line-height: 1.5;
    margin: 25 auto;
    padding: 17px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    background: #dc3114;
	box-shadow: 0 7px 0 #9e0000;}
	
.btn_link a {
		color: #fff;
		
	}

/******DLボタン******/

.btn_download_one {
	position: relative;
	text-align: center;
	width: 100%;
	font-size: 80%;
	margin-top: 5px;
	padding: 0.8em;
	border-radius: 8px;
	display: block;
	font-weight: bold;
	color: #fff;					/******文字色******/
	background: #FE2E2E;			/******背景色******/
	box-shadow: 0 5px 0 #B40404;	/******立体部分****/
}

.btn_download_two {
	position: relative;
	text-align: center;
	width: 90%;
	font-size: 60%;
	margin: 4px 7px 6px 0;
	padding: 0.8em;
	border-radius: 8px;
	display: block;
	font-weight: bold;
	color: #fff;					/******文字色******/
	background: #FE2E2E;			/******背景色******/
	box-shadow: 0 5px 0 #B40404;	/******立体部分****/
}

.btn_download_three {
	position: relative;
	text-align: center;
	width: 100%;
	margin: 8px auto;
	padding: 0.5em;
	border-radius: 10px;
	display: block;
	font-weight: bold;
	color: #fff;					/******文字色******/
	background: #dbc315;			/******背景色******/
	box-shadow: 0 5px 0 #9a8800;	/******立体部分****/
	font-size: 80%;
}

/******スタンプ一覧ページへの遷移ボタン******/

.btn_special
 {  position: relative;
	text-align: center;
	width: 75%;
	font-size: 16px;
	line-height: 1.4;
	margin: 12px auto;
	padding: 0.8em;
	border-radius: 10px;
	display: block;
	font-weight: bold;
	color: #fff;					/******文字色******/
	background: #FF0000;			/******背景色******/
	box-shadow: 0 6px 0 #a00000;	/******立体部分****/
}

.red {
color: #ff0000;
font-size: 18px;
font-weight: bold;
}

span.red_emphasis {
color: #ff0000;
font-size: 16px;
font-style:normal;
font-weight: bold;
}

span.emphasis {
font-size: 14px;
font-style:normal;
font-weight: bold;
}

/**********冒頭のテキスト************/

.readtext{
	text-align: center;
	font-size: 17px;
	line-height: 1.4;
	padding:8px 1em;
	font-weight: bold;
    color: #fff;
	background-color:#e4ae1d;
	}
	
/**********説明文************/
.text{
	text-align: left;
	font-size: 17px;
	line-height: 1.2;
    padding: 8px 4em;
    color: #752e00;
    font-weight: bold;
	}

/**********見出し************/
.midashi_1 {
	text-align: center;
	width: 90%;
	position: relative;
	margin: 6px auto;
	margin-bottom: 6px;
	padding: 9px 1em;
	color: #fff; /******文字色******/
	background: #d8712f;  /******背景色******/
	/*border-left: solid 10px #69e872;*//*左線*/
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
}

.midashi_2 {
	width: 100%;
	position: relative;
	margin: 0px auto;
	padding: 9px 1em;
	color: #fff;	      /******文字色******/
	background: #d8712f;      /******背景色******/
	/*border-left: solid 10px #ffeb52;*//*左線*/
	font-size: 16px;
	text-align: center;
	line-height: 1.2;
	font-weight: bold;
}

.midashi_3 {
	text-align: left;
    width: 95%;
    font-size: 16px;
	margin: 10px 2.5% 10px 2.5%;
	padding: 10px 5px 5px 10px;
	font-weight: bold;
	line-height: 1.2;
    font-style: normal;
    color: #492318;
    background: #e4c137;
}

	
 /**********画像のズーム************/   

.cap_xx{
    margin: 1px auto;
    padding: 5px ;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    background: #fff; 
    }
   
    
.cap_zoom{
	margin: 0px;
    padding: 1px 2em;
    color: #d8712f;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    }
    


/**********************/
.creator_links {
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
}
.creator_links li {
	width: 23%;
	margin: 5px 2px auto;				
	display: inline-block;
}
.creator_links li:nth-child(4n) {
	margin-right: 0;
}

/***************************
****************************/
.contentslist {
	color: #6e2600;
	/*width: 90%;*/
	margin: 0;
	padding: 1% 6%;

}

.contentslist img {
	width: 30%;
	margin-right:2%;
	margin-top:0%;
	border: 2px solid #ccc;
	align-items: center;
}


.contentslist p {
	margin: 0.3em;
	/*color: #fff;*/
	font-size: 100%;
	line-height: 1.3;
	
}

.contentslist1 {
	color: #6e2600;
	/*width: 90%;*/
	margin: 0;
	padding: 1% 6%;

}

.contentslist1 img {
	width: 30%;
	margin-right:2%;
	margin-top:0%;
	border: 2px solid #ccc;
	align-items: center;
}


.contentslist1 p {
	margin: 0.3em;
	*color: #fff;
	font-size: 100%;
	line-height: 1.3;
	
}

.contentslist2{
	color: #6e2600;
	/*width: 90%;*/
	margin: 0;
	padding: 1% 6%;

}

.contentslist2 img {
	width: 30%;
	margin-leftt:2%;
	margin-top:0%;
	border: 2px solid #ccc;
	align-items: center;
}


.contentslist2 p {
	margin: 0.3em;
	/*color: #fff;*/
	font-size: 100%;
	line-height: 1.3;
	
}

.kabegami {
	color: #6e2600;
	/*width: 90%;*/
	margin: 0;
	padding: 1% 5%;
}

.kabegami img{
	width: 45%;
	margin-right: 11px;
	margin-bottom: 18px;
	border: 2px solid #ccc;
}

.kabegami p {
	margin-top: 5px;
	color: #3B0B0B;
	font-size: 90%;
	line-height: 1.6;
}

.movie {
    margin-top: 5px;
    text-align: center;
}

/***************************
/*******テーブルここから**********/

.table01{
    text-align: center;
    width: 80%;
	margin: 10px auto;
	position: relative;
}

table{
    text-align: center;
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
}


table th{
    padding: 10px 0;
    border:solid 1px #692409;
    color: #692409;/*文字色*/
    background-color: #f9c54b;
}



table td{
    padding: 10px 0;
	border:solid 1px #692409;
    color: #692409;/*文字色*/
    background-color: #fff;
}


/*******テーブルここまで**********/
****************************/
#haikei {
    position: relative;
    margin: 0 0 10px 0;
    padding: 7px 8px;
    /*border :2px solid #e0f4ff;*/
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    overflow:hidden;
    background-color: #FE642E;
    text-align: center;
    border-radius: 10px;
}

hr.cute_hr {
	/*background: #fff;*/
	border: 0;
	border-bottom: 0px /*dotted #58D3F7*/;
	width: 80%;
	margin: 4px auto;
}

hr.line {
	/*background: #fff;*/
	border: 0;
	border-bottom: 5px dotted #F781D8;
	width: 80%;
	margin: 1px auto;
}


.image{
  text-align: center;
  padding-top: 0px;
  /*padding-bottom: 13px;*/
}


.banner{
  margin-top: 6px;
  padding-bottom: 15px;
  text-align: center;
}

#mokuji{
    width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	margin-bottom: 10px;
    padding: 5px;
    /*border :2px solid #e0f4ff;*/
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    overflow:hidden;
    
background-color: #D480FD;
  text-align: center;
  border-radius: 10px;
}

#yokoku{
    width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	margin-bottom: 10px;
    padding: 5px;
    /*border :2px solid #e0f4ff;*/
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    overflow:hidden;
    
background-color: #D480FD;
  text-align: center;
  border-radius: 10px;
}

.date {    
    width: 90%;
	text-align: right;
	margin-top: 3px;
	margin-bottom: 10px;
	color: #ff5dd6; /******文字色******/
}


.level {   
    position: relative; 
	text-align: right;
	margin: 2px auto;
	margin-bottom: 10px;
	padding: 0px 1.3em;
}

a{
text-decoration:none;
color: #0040FF;
background-color:transparent;
}

.image-line {
   border: 1px solid #D8D8D8;
}

.banner-line {
   border: 1px solid #1e9eb1;
}


.okzoom {
   border: 1px solid #D8D8D8;
}


/***************************
****************************/

.comment {
    width: 100%;
	color: #6e2600;
	/*width: 90%;*/
	margin: 0;
	padding: 1% 6%;
	
	overflow:hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}

.comment img {
	width: 18%;
	margin-right:2%;
	/*margin-top:15%;*/
	border: 2px solid #ccc;
	align-items: center;
}


.comment p {
	margin: 0.3em;
	/color: #fff;*/
	font-size: 100%;
	line-height: 1.3;
	
}

#hitokoto {
    width: 80%;
    position: relative;
    margin: 0 0 10px 0;
    padding: 7px;
    /*border :2px solid #FE642E;*/
    color:#5f3f3f;
    font-size: 15px;
    line-height: 1.5;
    overflow:hidden;
    
  background-color: #ffe25f;
  text-align: left;
  border-radius: 10px;
  
}

#textbox {
	text-align:center;
	width: 80%;
	font-size: 17px;
	line-height: 1.5;
    margin-top: 8px;
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	padding: 20px;
	border-radius: 10px;
	border :2px solid #ff38cd;
	overflow:hidden;
    color: #fff;
    background-color: #fff;
    /*display: flex;*/
    /* justify-content: center;*/
     /*align-items: center;*/
}

#textbox2 {
    width: 80%;
    margin-top: 6px;
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
    padding: 20px;
    /*border :2px solid #fff;*/
    color: #fff;
    font-size: 17px;
    line-height: 1.3;
    overflow:hidden;
    background-color: rgb(255, 124, 16);
    border-radius: 10px;
    text-align:center;
    /*display: flex;*/
    /* justify-content: center;*/
     /*align-items: center;*/
}

.box-text{ 
     width: 70%;
     margin-top:5px;
     margin-bottom:5px;
     margin-left:12px;
     float:left;
     word-wrap: break-word;
 }
 
.box-img{
 margin-top:5px;
     margin-bottom:5px;
     width: 30%;
     float:left;
     text-align:left;
}

.font-b{font-size: 17px;
        font-weight:bold;
        }

.font-b2{font-size: 22px;
        font-weight:bold;
        }


.font-s{font-size: 15px;
        font-weight:bold;
        }

/***************************
****************************/

.tweet{
	position: relative;
	text-align: right;
	width: 95%;
	padding:10px 0px;
 }
 

/***************************
****************************/


.back{
float: left;
color: #fff;
width: 40%;
margin: 5px 5% 5px 5%;
padding: 10px 5px 10px 5px;
text-align: center;
border-radius: 10px;
background-color: rgb(23, 189, 100);
}

.mirai{
	float: left;
	color: #fff;
	width: 40%;
	margin: 5px 5% 5px 5%;
	padding: 10px 5px 10px 5px;
	text-align: center;
	border-radius: 10px;
	background-color: rgb(255, 124, 16);
	}

.miraistart{
		float: right;
		color: #fff;
		width: 40%;
		margin: 5px 5% 5px 5%;
		padding: 10px 5px 10px 5px;
		text-align: center;
		border-radius: 10px;
		background-color: rgb(255, 124, 16);
		}

		.back{
			float: left;
			color: #fff;
			width: 40%;
			margin: 5px 5% 5px 5%;
			padding: 10px 5px 10px 5px;
			text-align: center;
			border-radius: 10px;
			background-color: rgb(23, 189, 100);
			}
			
			.prev{
			float: left;
			color: #fff;
			width: 40%;
			margin: 5px 5% 5px 5%;
			padding: 10px 5px 10px 5px;
			text-align: center;
			border-radius: 10px;
			background-color: rgb(255, 124, 16);
			}