@charset "utf-8";
/* CSS Document */


/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
	
	
	#contents #printRead p.print{
		display:none;
	}
	
	.flowImages{
		padding:15px 0px 0px 0px;
	}

  .flowImages .flowSet{
    width:80%;
    height:auto;
    margin:0px auto 10px auto;
    padding:3%;
    border:1px solid #ccc;
  }

  .flowImages .flowSet.flexibleSet .flowSet__box:nth-of-type(n+2){
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
  }
		
			.flowSet .setImg{
				height:auto;
			}
		
			.flowSet p{
				padding:0px 0px 0px 0px;
			}
		/*
		
		#flowImages .flowSet{
			width:42%;
			height:200px;
			margin:0px 1% 10px 1%;
			padding:2%;
			border:1px solid #ccc;
			float:left;
			
		}
		
			.flowSet .setImg{
				height:auto;
			}
			
			.flowSet img{
				width:80%;
			}
		
			.flowSet p{
				padding:6px 0px 0px 0px;
			}
		*/
			
	#secureArea{
		padding:0px 0px 15px 0px;
	}
	
		#secureArea .secureImg{
			width:100%;
			float:none;
			margin:0px 0px 15px 0px;
		}
		
		#secureArea .secureImg img{
			width:100%;
		}
	
		#secureArea .secureSet{
			width:40%;
			height:auto;
			margin:0px 3% 10px 3%;
			padding:5px;
			border:1px solid #ccc;
			text-align:center;
			float:left;
			font-size:11px;
		}
		
			#secureArea p.creditLink{
				display:block;
				width:80%;
				margin:0px auto;
				background-color: #0777d7; 
				background: -moz-linear-gradient(top, #0777d7, #0777d7 50%, #529ce7); 
				background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #0777d7),color-stop(0, #529ce7));
				
				border-radius:5px;		/* CSS3草案 */
				-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
				-moz-border-radius:5px;	/* Firefox用 */
			}
			
				#secureArea p.creditLink a{
					display:block;
					padding:4px 0px;
					margin:0px 0px 6px 0px;
					text-align:center;
					font-size:11px;
					color:#fff;
				}

		
		#secureArea .secureSet h5{
			font-weight:bold;
		}
		
			.secureSet .creditImg{
				padding:10px 0px;
			}
	
	
	#rosenArea{
		padding:0px 0px 15px 0px;
	}
	
	#rosenArea img{
		width:100%;
	}
	
		#rosenArea p.rosenLinkImg{
			display:block;
			width:60%;
			margin:0px auto;
			background-color: #0777d7; 
			background: -moz-linear-gradient(top, #0777d7, #0777d7 50%, #529ce7); 
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #0777d7),color-stop(0, #529ce7));
			
			border-radius:5px;		/* CSS3草案 */
			-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
			-moz-border-radius:5px;	/* Firefox用 */

		}
		
			p.rosenLinkImg a{
				display:block;
				padding:8px 0px;
				text-align:center;
				font-size:14px;
				color:#fff;
			}

}