@charset "utf-8";

/*-----------------------------------
       基本設定
------------------------------------*/

body {
	min-width: 960px ;
	background: -moz-linear-gradient(top,  rgba(68,189,255,1) 0%, rgba(146,216,255,1) 25%, rgba(255,255,255,1) 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(68,189,255,1) 0%,rgba(146,216,255,1) 25%,rgba(255,255,255,1) 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(68,189,255,1) 0%,rgba(146,216,255,1) 25%,rgba(255,255,255,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#44bdff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
}

.container{
	background: #fff;
}

a{ color:#3d5afe; text-decoration:none;}
a:hover { color:#5e35b1; text-decoration: none;}
img{ border:none;}
figure{ margin:0; padding:0;}


@media screen and (max-width: 748px) {
	body {
		min-width:100%;
		-webkit-text-size-adjust: 100%;
	}

	/* SPモード時:ボックスモデルを変更 */
	* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}
	
	img {
		touch-callout:none;
		user-select:none;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-touch-callout:none;
		-moz-user-select:none;
	}

}


/*-----------------------------------
 コンテンツ全体
------------------------------------*/
 .main_content{
	background: url(../img/bg_01.png) ;
	background-position:center top;
	background-repeat:no-repeat;
}

 .main_content * {
	font-size: 14px;
}

#wrapper{
	width:100%;
	margin: 0 auto;
	padding:10px 0 0;
	text-align:center;
	background-image: url(../img/bg_04.png),  url(../img/bg_02.png) ;
	background-position:center bottom 150px, center bottom;
	background-repeat: no-repeat, repeat-x;
	background-size:auto, auto;
	overflow:hidden;}

header{
	width:960px;
	height:160px;
	margin: 0 auto;
	position: relative;
}


	header h1#chara{
		position:absolute;
		left:-90px;
		top:0;
		z-index:10;}

@media screen and (max-width: 1160px) {
	header h1#chara{
		left:-70px ;
	}
}
		header h1 a{
			color: #FFF;}

		header nav{
			width:100%;
			margin:110px 0 0;
			padding:5px 0;
			position:absolute;}
			
		header nav ul{
			/*width:680px;*/
			padding: 0 0 0 282px;
			display: block;
			table-layout: fixed;}
			
			header nav li{
				width:130px;
				margin:0;
				font-size: 15px;
				display: inline-block;
				list-style:none;
				text-shadow: 1px 2px 3px rgba(0,0,0,0.3);}

			header nav li a{
				color:#FFF !important;
				padding:15px 0 10px;
				display:block;
				vertical-align:middle;
				font-weight:bold;
				text-align:center;
				border-radius: 10px 10px 0 0;
				-moz-border-radius: 10px 10px 0 0;
				-webkit-border-radius: 10px 10px 0 0;
				background: -moz-linear-gradient(top,  rgba(226,255,136,1) 0%, rgba(127,210,1,1) 5%, rgba(50,178,0,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(226,255,136,1) 0%,rgba(127,210,1,1) 5%,rgba(50,178,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(226,255,136,1) 0%,rgba(127,210,1,1) 5%,rgba(50,178,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ff88', endColorstr='#32b200',GradientType=0 ); /* IE6-9 */
				position:relative;
				top:0;
				left:0;
				transition: 0.2s all ease 0s;}

					header nav li a:hover{
						transform: translate3d(0, 3px, 0);
						color:#FFF;
						background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(79,159,239,1) 3%, rgba(75,121,229,1) 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(79,159,239,1) 3%,rgba(75,121,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(79,159,239,1) 3%,rgba(75,121,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4b79e5',GradientType=0 ); /* IE6-9 */
						}

				header nav li:last-child a{
					background: -moz-linear-gradient(top,  rgba(249,224,236,1) 0%, rgba(252,95,106,1) 5%, rgba(219,54,79,1) 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top,  rgba(249,224,236,1) 0%,rgba(252,95,106,1) 5%,rgba(219,54,79,1) 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom,  rgba(249,224,236,1) 0%,rgba(252,95,106,1) 5%,rgba(219,54,79,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e0ec', endColorstr='#db364f',GradientType=0 ); /* IE6-9 */
					}
	
					header nav li:last-child a:hover{
						background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,143,247,1) 5%, rgba(173,18,131,1) 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,143,247,1) 5%,rgba(173,18,131,1) 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,143,247,1) 5%,rgba(173,18,131,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7a47bc',GradientType=0 ); /* IE6-9 */
						}

#sp_menu_btn{ display:none;}

.main {
	width: 964px;
	margin: 0 auto 100px;
	padding: 0;
	text-align: center;
	border:1px solid #CCC;
	box-sizing:border-box;
	background-color:#FFF;
	position:relative;
	border-radius:5px;}

	.main::before{
		position: absolute;
		content: "";
		top: 50px;
		left: -160px;
		width: 320px;
		height: 500px;
		background: url(../img/bg_03.png) top left no-repeat;
		background-size:320px 497px;
		z-index:-1;}
	
	.main::after{
		position: absolute;
		content: "";
		top: -200px;
		right: -90px;
		width: 320px;
		height: 500px;
		background: url(../img/bg_03.png) top left no-repeat;
		background-size:320px 497px;
		z-index:-1;}

#sectionNo1{
	position:relative;}

	#sectionNo1::before{
		position: absolute;
		content: "";
		top: 600px;
		left: -135px;
		width: 156px;
		height: 2355px;
		background: url(../img/bg_05.png) top left no-repeat;
		background-size:156px 2354px;
		z-index:-1;}

	#sectionNo1::after{
		position: absolute;
		content: "";
		top: 250px;
		right: -120px;
		width: 135px;
		height: 2675px;
		background: url(../img/bg_06.png) top left no-repeat;
		background-size:133px 2672px;
		z-index:-1;}

#sectionNo1,
#sectionNo2,
#sectionNo3,
#product{
	padding-bottom:20px;}

#sectionNo1 p.intro{
	margin:10px 0 10px 220px;
	font-size: 22px;
	line-height:1.3;
	text-align:left;
	color:#FC6D00;
	font-weight:bold;}
	
	#sectionNo1 p.intro span{
	font-size: 14px;
	color:#333;
	font-weight: normal;}


@media screen and (max-width: 748px) {
#wrapper{
	width:100%;
	margin: 0 auto;
	padding:10px 0 0;
	text-align:center;
	background-image: url(../img/bg_04smat.png) , url(../img/bg_02smat.png);
	background-position: center bottom, center bottom ;
	background-repeat:no-repeat, no-repeat;
	background-size: contain, contain;
	/*
	background-image:, url(../img/bg_04smat.png) , url(../img/bg_02smat.png);
	background-position: center bottom 80px, center bottom 0;
	background-repeat:no-repeat, no-repeat;
	background-size: contain, contain;}
	*/
}

header{
	width:100%;
	height: auto;
	margin: 0 auto}

	header h1#chara {
		width: 50%;
		height: auto;
		margin:5px 10px 0;
		text-align:left;
		padding: 0;
		position:static;
		float: none;}

			header h1#chara img{
				width:100%;
				max-width:303px;
				height:auto;}


header #sp_menu_btn {
	padding:3px;
	position: absolute;
	top: 5%;
	right: 3%;
	cursor: pointer;
	color: #ef4f60;
	display: block;
	background: rgba(255,255,255,0.5);
	border:1px solid #FFF;
	border-radius:3px;}


header #nav {
	width: 50%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	position: fixed;
	z-index: 999;
	margin-top: 0;
	top: 0;
	left: -50%;}
	
	#nav > ul {
		width: 100%;
		padding:0;
		display: block;}
	
		/*#nav li{
			width: 100%;
			display: block;
			background: rgba(245,87,101,0.8);
			white-space:nowrap;}
		
		#nav > ul > li > a {
			text-align: left;
			display: block;
			padding: 15px 20px 15px 20px ;
			position: relative;
			background: inherit;
			border-bottom:1px solid #ccc;
			transition: none;
			border-radius:0;}

		#nav > ul > li > a:hover{
						top:0;}
		
		#nav > ul > li > a::after {
			content: '';
			width: 12px;
			height: 12px;
			display: inline-block;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			transform: rotate(45deg);
			position: absolute;
			right: 15px;
			top: 50%;
			margin-top: -7px;}
		
		#nav > ul > li::after {
			display: none;}
			
			#nav > ul > li > a:hover {
				text-decoration: none;
				color: #fff;
				transform: scale(1);}
			
			#nav > ul > li:nth-child(even) > a::after{
				transform: skew(0);
				transform: rotate(45deg);}
			
			#nav > ul > li > a span{
				display: inline;
				padding: 0;}*/
}



	
/*  SP Navigation
----------------------------------------------------------------*/
@media screen and (max-width: 748px) {
	.sp_navigation {
		position: fixed;
		top: 0;
		left: -50%;
		z-index: 9999;
		width: 50%;
		height: 100%;
		background: rgba(255,255,255,0.9);
		padding: 0 0;}

		.sp_navigation > li {
			width: 100%;
			font-size: 16px;
			text-align: left;
			display: block;
			background: rgba(245,87,101,0.9);
			border-bottom: 1px solid #fff;}

			.sp_navigation > li > a {
				padding: 10px 20px 10px 15px;
				font-weight: 600;
				color: #FFF;
				display: block;
				position: relative;
				text-decoration: none;
				box-sizing: border-box ;
			}

			.sp_navigation > li > a::before {
				content: '';
				display: block;
				width: 10px;
				height: 10px;
				border-bottom: 2px solid #FFF;
				border-right: 2px solid #FFF;








				transform: rotate(-45deg);
				position: absolute;
				top: 50%;
				right: 10px;
				margin-top: -5px;}

		.sp_navigation > li.close {
			text-align:center;
			background: rgba(245,87,101,0.9);
			border-bottom:none;
			padding: 10px 0 10px 0;
			color: #FFF;
			font-weight: 600;
			display: block;
			position: relative;
			text-decoration: none;
			box-sizing: border-box ;
			cursor: pointer ;
		}
}

@media screen and (max-width: 748px) {
	.main {
		width:98%;
		background:#FFF;}

		.main::after{
			position: absolute;
			content: "";
			top: -90px;
			right: -10px;
			width: 160px;
			height: 250px;
			background: url(../img/bg_03smart.png) top left no-repeat;
			background-size:160px 249px;
			z-index:-1;}


	#sectionNo1,
	#sectionNo2,
	#product{
		width:100%;}	

		#product{
			padding-bottom:0;}

	#sectionNo1 p.intro{
		margin:20px 10px 5px;
		font-size: 16px;
		line-height:1.5;}

		#sectionNo1 p.intro span{
		font-size: 12px;
	}

	.main::before,
	#sectionNo1::before,
	#sectionNo1::after{
		display:none;}

}


.wrap{
	width: 960px;
	margin: 0 auto;
	padding:20px 0 10px;
	text-align: center;}
	
	#sectionNo1 h2,
	#sectionNo2 h2{
		margin:20px 10px 10px;
		padding:10px;
		color:#FFF;
		text-align: left;
		font-weight: 700;
		font-size: 18px;
		letter-spacing:1px;
		background-color:#97d836;
		position: relative;
		text-shadow: 1px 2px 3px rgba(0,0,0,0.3);}

	#sectionNo1 h2:before,
	#sectionNo2 h2:before {
	  content: "";
	  position: absolute;
	  bottom: -10px;
	  left: 5%;
	  margin-left: -10px;
	  width: 0;
	  height: 0;
	  border-top: 10px solid #97d836;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;}

	#sectionNo1 h2:after,
	#sectionNo2 h2:after {
	  content: "";
	  position: absolute;
	  bottom: -9px;
	  left: 5%;
	  margin-left: -10px;
	  width: 0;
	  height: 0;
	  border-top: 10px solid #97d836;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;}

		#sectionNo1 ul{
			width:98%;
			margin: 0 auto;
			padding:0;
			box-sizing:border-box;
			overflow: hidden;
			/*border-bottom:1px solid #b5b5b5;*/
			display:table;
			text-align:left;}

			#sectionNo1 ul li{
				width:24%;
				margin:10px 0;
				padding: 50px 0 10px;
				/*float:left;*/
				list-style:none;
				vertical-align:top;
				text-align:center;
				box-sizing:border-box;
				border-right:1px dotted #b5b5b5;
				border-bottom: 1px dotted #b5b5b5;
				overflow:hidden;
				display: inline-block;
				position:relative;}			

				#sectionNo1 ul li:last-child{
					border-left:none;}

				#sectionNo1 ul li:nth-child(4n) {
					border-right:none;}				

			#sectionNo1 ul li.sp{
				border-right: none;}

			#sectionNo1 ul li a> h3{
				height:3em;
				line-height:1.3;
				color:#333;
				font-size: 14px;
				margin: 10px auto;
				padding:0 10px;
				font-weight:normal;}			

			#sectionNo1 ul li a> p{
				margin: 0;
				padding:10px 0 0;
				color:#333;
				font-size: 18px;
				font-weight:700;}

			#sectionNo1 ul li a span.markNew{
				padding:3px;
				font-size:12px;
				color:#FFF;
				font-weight:bold;
				background-color:#FD0206;
				position:absolute;
				left:20px;
				top:20px;}
				
			#sectionNo1 ul li a{
				display:block;}

			#sectionNo1 ul li a:hover{
				 opacity: 0.6; }


@media screen and (max-width: 748px) {
.wrap{
	width:100%;
	margin:0 auto;
	padding:5px 0;
	text-align:center;}	

		#sectionNo1 ul{
			width:96%;
			margin: 0 auto;
			box-sizing:border-box;
			overflow: hidden;
			display:block;
			border-bottom: none;}

			#sectionNo1 ul li{
				width:49%;
				margin:0;
				padding: 20px 0 10px;
				display: inline-block;
				border-bottom:1px  dotted #b5b5b5;}
					
				#sectionNo1 ul li:last-child,
				#sectionNo1 ul li:nth-child(2n) {
					border-right:none;}				

			#sectionNo1 ul li a> h3{
				height:5em;
				margin: 5px 0;
				padding: 0 5px;
				font-size: 14px;
				line-height:1.3;
				font-weight:500;}			

			#sectionNo1 ul li a> p{
				margin: 0;
				padding-top:5px;
				font-size: 14px;
				line-height:1.5;
				font-weight:600;}

			#sectionNo1 ul li a span.markNew{
				padding:3px 5px;
				font-size: 14px;
				left:15px;
				top:10px;}

			#sectionNo1 ul li img{
				width:90%;
				max-width:200px;
				height:auto;}

}


#sectionNo2 ul{
	margin:30px 50px 40px;
	text-align: left;}

#sectionNo2 li{
	margin-bottom:5px;
	font-size: 15px;
	line-height:1.5;
	list-style:circle;
	list-style-position:outside;}
	
	
.topBtm{
	width:640px;
	margin:20px auto 40px;
	text-align:center;
	font-size: 18px;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.3);} 

.topBtm a{
	padding:10px 0;
	color:#FFF;
	font-weight:bold;
	background: url(../img/icon_arrow.png), #f06292;
	background-position:98% center ;
	background-repeat:no-repeat;
	background-size:20px;
	border-radius:20px;
	display: block;} 

.topBtm a:hover{
	background-color:#ab47bc;}



@media screen and (max-width: 748px) {
#sectionNo2 ul{
	width:94%;
	margin:20px auto;
	text-align: left;}

#sectionNo2 li{
	margin: 0 10px 5px 20px;
	font-size:14px;
	line-height:1.5;
	list-style:circle;
	list-style-position:outside;}
	
	
.topBtm{
	width:80%;
	margin:20px auto 40px;
	text-align:center;
	font-size:16px;
	} 
}


/*-----------------------------------
 商品ページ
------------------------------------*/
#product .wrap{
	margin:30px 0 0;
	padding:0;}

#product .wrap nav ul{
	margin:0 10px 0 300px;
	padding:5px 20px;
	display:block;
	text-align:left;
	background-color:#fff9c4;
	border-radius:15px;}

	#product .wrap nav li{
		margin:0 ;
		padding:0 5px 0 0;
		font-size: 14px;
		display:inline-block;}
	
			#product .wrap nav li::after{	
				content: "≫";
				margin-left:0.5em;}
	
			#product .wrap nav li:last-child:after {
				content : none ;}


	#product .wrap h2{
		margin:40px 20px 30px;
		padding:0 10px 5px;
		color:#333;
		text-align: left;
		font-weight: 700;
		font-size: 20px;
		line-height:1.5;
		letter-spacing:1px;
		border-bottom:3px solid #8ec43d;}


	#product .wrap .productPhot{
		width:480px;
		margin:0 25px;
		padding:0;
		float:left;}

	#product .wrap .productPhot div.none_slider {
		background: #fff none repeat scroll 0 0;
   		border: 5px solid #fff;
    		box-shadow: 0 0 5px #ccc;
		margin-left:-5px;
	}

	#product .wrap .productPhot div.none_slider ul li{
		list-style:none;
		position: relative;
	}
	
	#product .wrap .productPhot div.none_slider ul li img{
		max-width:100%;
	}

	#product .wrap .productNote{
		width:400px;
		margin:10px 25px 0 0; 
		padding:0;
		float:right;}

		#product .wrap .productNote p{
			margin-bottom:5px;
			padding:5px 10px;
			color:#333;
			text-align: left;
			font-size: 16px;
			line-height:1.5;}


		#product .wrap .productNote p.price{
			margin:20px 0 10px;
			padding:0 10px;
			color:#333;
			font-size: 20px;
			font-weight:700;
			border-bottom:none;}

	#product .wrap .free-description{
		margin:0 25px; 
		text-align: left;
		padding:0;}
	
		#product .wrap .free-description::before{
		content: "　";
		clear: both;
		display: block;}	

		#product .wrap .free-description h3{
			margin:0 0 5px;
			padding:0;
			color:#fc6d00;
			text-align: left;
			font-weight: 700;
			font-size: 16px;
			border-bottom:1px dashed #CCC;}
	
	
		#product .wrap .free-description p{
			margin:0 10px 5px;
			color:#333;
			text-align: left;
			font-size: 14px;
			line-height:1.5; }

		#product .wrap .free-description ul{
			list-style: none; }

@media screen and (max-width: 748px) {
#product .wrap{
	width:100%;
	margin:0;
	padding:0;}

	#product .wrap h2{
		margin:30px 10px;
		padding:0 10px 5px;}


#product .wrap nav ul{
	display:none;}	

#product .wrap .productPhot{
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:center;
	float: none;}

#product .wrap .productNote{
	width:95%;
	margin:50px auto 30px; 
	padding:20px 0 0;
	float:none;
	border-top: 1px dashed #CCC;}

		#product .wrap .productNote p{
			padding:5px 10px 0;}

.bx-wrapper .bx-viewport {
	width:100%;
	max-width:480px;
	height:auto;
	margin:0 auto 10px;
	overflow:hidden;}

}



/*---- Profile -----------------------------------------------------*/
#profile{
  margin: 30px auto ;
  padding: 139px 0 0 0;
  min-height: 300px;
}

#profile .wrap{
  position: relative;
  width: 845px;
  margin: 0 auto 50px auto;
  background-image: url(../img/profile/bk3.png);
  background-position: top center;
  background-repeat: repeat-y;
  padding-top: 30px;
  padding-bottom: 40px;
}

  #profile .wrap .midashi{
    text-align: center;
    margin: -170px auto -20px auto;
  }

    #profile .wrap .midashi img{
      max-width: 100% ;
    }

  #profile .wrap dl{
    width: 580px ;
    overflow: hidden ;
    margin: 0 auto 20px auto ;
    font-weight: bold ;
    text-align: left ;
  }
  
    #profile .wrap dl dt{
      clear: both ;
      width: 120px ;
      float: left ;
      margin: 0 0 5px 0 ;
    }

    #profile .wrap dl dd{
      width: 450px ;
      float: left ;
      margin: 0 0 5px 0 ;
    }

  #profile .wrap .note{
    width: 630px ;
    overflow: hidden ;
    margin: 0 auto 50px auto ;
    font-weight: bold ;
    text-align: center ;
  }

  #profile .wrap .icon1,
  #profile .wrap .icon2,
  #profile .wrap .icon3,
  #profile .wrap .icon4,
  #profile .wrap .icon5{
    position: absolute ;
  }
#profile .wrap .icon1{ width: 170px ;}

  #profile .wrap .icon1 img,
  #profile .wrap .icon2 img,
  #profile .wrap .icon3 img,
  #profile .wrap .icon4 img,
  #profile .wrap .icon5 img{
    max-width: 100% ;
  }

  /*
  #profile .wrap .icon1{top: 68px;left: 756px;}
  #profile .wrap .icon2{top: 329px;left: -36px;}
  #profile .wrap .icon3{top: 431px;left: 300px;}
  #profile .wrap .icon4{top: 354px;left: 739px;}
  #profile .wrap .icon5{top: 112px;left: -49px;}
  */

  #profile .wrap .icon1{top: 68px;left: 756px;}
  #profile .wrap .icon2{top: 288px;left: -40px;}
  #profile .wrap .icon3{bottom: -44px;left: 208px;}
  #profile .wrap .icon4{bottom: -34px;left: 699px;}
  #profile .wrap .icon5{bottom: -63px;left: 439px;}

@media screen and (max-width: 748px) {
  #profile{
    padding: 10px 0 0 0 ;
  }

  #profile .wrap{
    width: 95% ;
    margin: 100px auto 10px auto ;
    background: #daf2ff ;
  }

  #profile .wrap .midashi{
    width: 95% ;
    margin: -130px auto -5px auto;
  }

  #profile .wrap dl{
    width: 95% ;
  }

    #profile .wrap dl dt{
      width: 100% ;
      float: none ;
      margin: 0 auto 5px auto ;
    }

    #profile .wrap dl dd{
      width: 100% ;
      float: none ;
      padding-left: 1em ;
      box-sizing: border-box ;
      margin: 0 auto 15px auto ;
    }

  #profile .wrap .note{
    width: 95% ;
    margin: 0 auto 30px auto ;
  }

  #profile .wrap .icon1,
  #profile .wrap .icon2,
  #profile .wrap .icon3,
  #profile .wrap .icon4,
  #profile .wrap .icon5{
    width: 70px ;
  }


  #profile .wrap .icon1{top: 100px ;left:auto; right: 0 ;}
  #profile .wrap .icon2{top:auto ;bottom: -90px;left: 0;}
  #profile .wrap .icon3{bottom: -90px;left: 130px;}
  #profile .wrap .icon4{bottom: -90px;left: 270px;}
  #profile .wrap .icon5{bottom: -90px;left: 400px;}

}


  
  
/*---- Footer -----------------------------------------------------*/
footer{
	width:960px;
	margin:0 auto;
	padding:20px 0;
	text-align: center;
	background-color: rgba(45, 164, 145,0.6);
 }

@media screen and (max-width: 748px) {

#sectionNo8,
footer{
	width:100%;
	overflow:hidden;}

#sectionNo8 p{
	text-align:left;}

footer p img{
	width:100%;
	max-width:394px;
	height:auto;}

}
	
/* ページトップ
------------------------------------------------------------*/
#pagetop a {	
	position: fixed;
	right: 20px;
	bottom: 20px;
	transition: 0.3s all ease-out;
	moz-transition: 0.3s all ease-out;
	width: 97px;
	height: 0;
	background: url(../img/btm_pagetop.png) no-repeat 0 0;
	padding-top: 148px;	
	overflow: hidden;
}

#pagetop a:hover {
	bottom: 40px; }


@media screen and (max-width: 748px) {
#copyright{
	width: 100%;
	margin:0!important;
	padding:5px 0 0!important;
	overflow:hidden;
	background-color:#f2efe6!important;}

#base_copyright{
	width: 94%!important;
	margin: 0 3%;
	text-align: left;
	background-image: none!important;}	

#pagetop a {
	position: fixed;
	bottom: 20px;
	right: -5px;}

#pagetop img{
	width:70%;
	height:auto;}

}


/*-----------------------------------
       Parts
------------------------------------*/
.sp{display:none!important;}
.marB20{margin-bottom:20px;}
.marB40{margin-bottom:40px;}
.marLR10{margin: 0 10px!important; display:block;}
.fs_min { font-size: 0.84em !important;} 
.fs_plu { font-size: 1.16em !important; }  
.fw_bold{ font-weight:bold;}
.fw_normal{ font-weight:normal;}
.fc_red{ color:#FF0000;}