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

#container{
    /******単色背景*****
    background-color:#ffdb5e;
    ******************/

    /******画像・パターン背景******/
	padding-bottom: 70px;
    background:url("https://f8iv0sxb7k.user-space.cdn.idcfcloud.net/stamps/images/matome/satoco/20200825/bg.jpg")repeat,100% ;
    background-size:100%;
    /****************************/

    /******グラデーション背景******/
    /*Firefox */
	/*background: -moz-linear-gradient(top, #ffa264,  #f5d0d0,#113eb3);
	/* Chrome , Safari */
	/*background: -webkit-linear-gradient(top, #ffa264, #f5d0d0,#113eb3);
	/* IE11 */
	/*background: linear-gradient(to bottom, #ffa264, #f5d0d0,#113eb3);
	/* 代用 */
    /*background-color:  #f5d0d0;*/
    /****************************/
}

html {
	min-height: 100%;
}

.h2-tokusyu {
	background: none;
	border-bottom: none;
	padding: 0;
}

.readtext {
    text-align: center;
	width: 100%;
	margin: 0px 0px;
	padding:10px 25px;
	/*font-weight: bold;*/
    font-size: 17px;
    color: #b84b2e;    
    background:#f4ea4b;
	line-height: 1.4;
}

.readtext_special{
    text-align: center;
	width: 100%;
	margin: 0px 0px;
	padding:10px 25px;
	font-weight: bold;
    font-size: 17px;
    color: #fff;
    background:#b84b2e;
	line-height: 1.4;
}

.readtext span {
    font-style:normal;
    /*background: linear-gradient(transparent 60%, #ffff00 60%);*/
}

.midashi {
    text-align: center;
    width: 90%;
    font-size: 18px;
    line-height: 1.4;
	margin: 10px auto;
	padding: 10px 0px;
	font-weight: bold;
    font-style: normal;
	color: #fff;
    background:#2546d3;
}

.midashi_2 {
	text-align: center;
    width: 100%;
    font-size: 15px;
	margin-top: 10px auto;
	padding: 10px 0px;
	font-weight: bold;
	line-height: 1.4;
    font-style: normal;
    color: #fff;
    background: #e4c137;
}
.midashi img {
    vertical-align: bottom;
}
.midashi em {
	color: #ffff00;
    font-style: normal;
}


.text{
    text-align: left;
    font-size: 16px;
    line-height:1.4;
    margin-top:25px;
    margin-bottom:5px;
    padding:0px 25px;
}

.text_center{
    text-align: center;
    font-size: 16px;
    line-height:1.4;
    margin-top:5px;
    margin-bottom:18px;
    padding:0px 25px;
}

.text_komoji{
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 25px;
    padding: 0px 50px;
}

.text_special{
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0px 20%;
}

.linktext{
    color: #ffed00;
    background-color: transparent;
    text-decoration: underline;
}

/*p {color: #fff;}*/

p {color: #3a0806;}

a {color: #002aa5;}


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

#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;*/
 }

 
#textbox_yokoku{
    text-align: center;
    width: 85%;
    font-size: 17px;
    line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
    border-radius: 10px;
	color: #fff;
    background:#8ab82e;
 }

.box-img{
    text-align:left;
    width: 60%;
    float:left;
}
				
.image {					
	text-align: center;				
    position: relative;			
    margin: 0 0 10px 0;
}


.image_stamp {					
	text-align: center;				
	position: relative;
	background: #fff;			
}			

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

.image-line_bg {
    border: 1px solid #9e9e9e;
    background: #fff;
 }
 
.valentine_ribon{
	position: absolute;				
	bottom: 0px;				
	left: 0px;				
}

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


.btnlink {
    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;
}

.btnlink_tw {
    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: #31a3dc;
    box-shadow: 0 7px 0 #066ea2;
}

.btnlink a {
	color: #fff;/******文字色******/
}

.btnlink_tw a{
	color: #fff;/******文字色******/
}


/**********Tweetボタン************/

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

/***************************
****************************/
span.pstamp {
    position: absolute;
    z-index: 1;
    width:100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
    background-image: url(https://f8iv0sxb7k.user-space.cdn.idcfcloud.net/stamps/images/index/premium.png);
    background-size: cover;
    
}
/***************************
****************************/
.btn_download_one {
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 1.3;
	margin: 5px auto;
	padding: 1.0em;
	display: block;
	font-weight: bold;
    border-radius: 8px;
    color: #fff;/******文字色******/
    background: #FE2E2E;/******背景色******/
	box-shadow: 0 5px 0 #B40404;/******立体部分******/
}

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

/*********画像とテキストを並列に並べる*************/
.yoko-narabi {
    width: 100%;
	color: #fff;
    margin: 0 auto;
    padding: 3% 6%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yoko-narabi p {
    width: 70%;
    text-align: left;
    padding-left: 2%;
    font-size: 16px;
    line-height: 1.5;
}

.yoko-narabi img {
    width: 98%;
	align-items: center;
}

/**********************/
.stamp_narabi_1 {
    text-align: center;
    vertical-align:middle;
	width: 95%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.stamp_narabi_1 li {
	width: 47%;
	margin: 10px 0 0 2.4%;				
	display: inline-block;
}
.stamp_narabi_1  li:nth-child(3n) {
	margin-right: 0;
}

.stamp_narabi_1  li img {
	width: 100%;
	border: 2px solid #cecece;	
	background: #fff;			/******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_1 li p {
    text-align: left;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;}
    
    
/**********************/
.stamp_narabi_2 {
    text-align: center;
	width: 90%;
	margin: 0 auto;
    margin-bottom: 5px;
    padding:10px 0px
}
.stamp_narabi_2 li {
    display: inline-block;
    vertical-align:middle;
	width: 40%;
}
.stamp_narabi_2 li:nth-child(n) {
	margin:4px 4px 7px 0.4%;
}

.stamp_narabi_2 li img {
  width: 100%;
  background: #fff;
  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_2 li p {
    text-align: left;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;}

/**********************/
.stamp_narabi_3 {					
	width: 100%;				
    margin: 0 auto;
   padding-bottom: 0px;				
}					
					
.stamp_narabi_3 li {					
    display: inline-block;	
    vertical-align:middle;			
	width: 31%;				
	margin: 2px 0 10px 5px;				
}					
.stamp_narabi_3 li:nth-child(3n) {					
	margin-right: 0;				
}					
.stamp_narabi_3 li img {					
	width: 100%;
	border: 1px solid #D8D8D8;	
				
}

.stamp_narabi_3 li p {
    text-align: left;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;}


/*******壁紙ボタンここから**********/
/***　float　***/
.floatL {
	float: left;
}

.floatR {
	float: right;
}

/***　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;
}

.contentslist {
	color: #fff;
	margin: 0;
	padding: 5% 5%;
}

.contentslist img {
	width: 45%;
    margin-right: 11px;
	border: 2px solid #656565
    ;
}

.contentslist p {
	margin-top: 5px;
	line-height: 1.5;
}
.font-small{
    width: 50%;
    color:#460303;
    position: relative;
	font-size: 14px;
	line-height: 1.5;
    background: #fff;
    margin:auto;
    margin-right:3px;
    padding: 0.8em;
    border-radius: 10px;
    border: 2px solid #ff7945;
}

.btn_download {
	position: relative;
	width: 50%;
	margin-top: 10px;
	padding: 0.8em;
	background: #f32727;
	border-radius: 10px;
	box-shadow: 0 5px 0 #981616;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

#haikei {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 10px 0;
    padding: 7px 8px;
    overflow:hidden;
    color: #fff;
	
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;
  background-color: #f84600; 
}
/*******壁紙ボタンここまで**********/

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

.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;
}


/*******テーブルここまで**********/

.text_left{
	text-align: left;
}

.text_center{
	text-align: center;
}


  /*satocoさん吹き出し*/
  .balloon1{
    line-height: 1.4;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    color: #ffffff;
    background-color: #ff7608;
    margin-left: 90px;          /* 左に余白を設ける */
    margin-bottom: 20px;
  }
  /* 画像 - 絶対配置で左上に配置 */
  .balloon1 .icon{
    position: absolute;
    left: -90px;
    top: 0;
  }
  /* 三角アイコン */
  .balloon1::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -10px;
    top: 10px;
    border-right: 15px solid #ff7608;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }

.int{
    width: 90%;
 margin: 0 2% 0 4%;
}