@charset "utf-8";

body{margin: 0px; padding: 0px;
	text-align: center;
	background-image:url(../images/topbg.jpg);
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #ffffff;
	color: #000000;
	font-size: 95%; line-height: 180%;
	font-family: Arial, Helvetica, Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

.background-hack {z-index: -2;
	background-color: #ffffff;
	background-image:url(../images/topbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;}

.body3{background-image:url(../images/topbg3.jpg);}

.background-hack3 {background-image:url(../images/topbg3.jpg);}

a:link {color: #5414a1; text-decoration: none;}
a:visited {color: #664d86; text-decoration: none;}
a:hover {color: #7925e0; text-decoration: none;
	-webkit-transition: 0.2s;
	transition: 0.2s;}

a:hover img {filter: opacity(0.7);
	-webkit-transition: 0.2s;
	transition: 0.2s;}

/*main*/
.keyvisual{margin:0; padding:0;
	vertical-align: top; text-align: left;
	background-image:url(../images/main.png);
	width: 1080px; height: 700px;
	position: relative;}

.diamond a{margin: 0;
	left: 0; right: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
	overflow: hidden;
	display: block;
	background-color: transparent;/*透明transparent*/
	position: absolute;}

.diamond a:hover {background-color: rgba(255, 255, 255, 0.3)}/*明るく*/

.diamond1 a{width: 113px; height: 113px;}/*top-S*/
.diamond2 a{width: 153px; height: 153px;}/*top-L*/
/*left*/
.menu1{top:218px; left: 25px; position: absolute;}
.menu2{top:304px; left: 111px; position: absolute;}
.menu3{top:390px; left: 25px; position: absolute;}
.menu4{top:476px; left: 111px; position: absolute;}
/*right*/
.menu5{top:35px; left: 776px; position: absolute;}
.menu6{top:150px; left: 891px; position: absolute;}
.menu7{top:266px; left: 776px; position: absolute;}
.menu8{top:381px; left: 891px; position: absolute;}

/*sub*/
.sab-header{margin:0; padding:0;
	vertical-align: top; text-align: left;
	background-image:url(../images/header.png);
	width: 1080px; height: 180px;
	position: relative;}

.header2{margin:0; padding:0; z-index: 10;
	top: 0px; left: 315px;
	position: absolute;}

.sab-contents{margin:0; padding:0;
	vertical-align: top; text-align: left;
	width: 1080px; height: auto;
	position: relative;}

.sab-left{margin:0; padding:0; z-index: 10;
	width: 200px; height: 381px;
	background-image:url(../images/left.png);
	position: absolute;}

.sab-right{margin-bottom:60px; padding:0;
	top:0px; left: 150px;
	width: 930px; height: auto;
	background-image:url(../images/bg2.jpg);
	position: relative;}

.sab-right2{margin:30px 60px 30px 60px; padding:0;
	width: 810px; height: auto;
	background-image:url(../images/bg3.jpg);
	background-repeat: repeat-y;
	background-color: #f0e0b2;}

.violet{border-top: 3px #9450cb solid; border-bottom: 3px #9450cb solid;}
.red{border-top: 3px #bb4037 solid; border-bottom: 3px #bb4037 solid;}
.blue{border-top: 3px #1a7c9c solid; border-bottom: 3px #1a7c9c solid;}
.green{border-top: 3px #527c0f solid; border-bottom: 3px #527c0f solid;}

.diamondlogo a{margin: 0;/*homeLOGO*/
	width: 270px; height: 150px;
	top:0px; left: 0px; right: 0;
	display: block;
	background-color: transparent;
	position: absolute;}
.diamond3 a{width: 152px; height: 152px;}/*sub-L*/
.diamond4 a{width: 90px; height: 90px;}/*sub-S*/
/*header*/
.menu10{top:32px; left: 302px; position: absolute;}
.menu11{top:32px; left: 500px; position: absolute;}
.menu12{top:32px; left: 697px; position: absolute;}
.menu13{top:32px; left: 895px; position: absolute;}
/*left*/
.menu14{top:-10px; left: 20px; position: absolute;}
.menu15{top:59px; left: 89px; position: absolute;}
.menu16{top:128px; left: 20px; position: absolute;}
.menu17{top:197px; left: 89px; position: absolute;}

/*title*/
.title{width: 810px; height: 70px; position: relative;}
.titlebar {margin: 0; padding: 0; position: absolute;}
.tab-box {margin: 0; padding: 0; width: 387px;
	top:26px; left: 394px; position: absolute;}
.tab {margin: 0; padding: 0; float: left;}
	.tab a:hover img {filter: opacity(1.0);}

/*contents*/
.half {margin: 0; padding: 0; vertical-align: top;
	float: left; text-align: left; width: 50%;}

.newmark {margin: 0px 0px 5px 0px; padding: 2px 6px 2px 6px;
	background-color: #cb242a;
	width: 40px; text-align: center;
	color: #ffffff; font-size: 75%; line-height: 100%; font-weight: bold;}

.newmark2 {margin: 0px 0px 0px 0px; padding: 2px 15px 2px 15px;
	background-color: #cb242a;
	color: #ffffff; font-size: 60%; line-height: 150%; font-weight: bold;}

/*txt*/
.sub-title {margin: 0px; padding: 0px 0px 20px 0px;
	font-size: 150%; line-height: 130%; color: #303030; text-align: left;}

.txtl {padding: 0px 0px 10px 0px; font-size: 120%;}
.txts {font-size: 85%; line-height: 160%; margin-top: 10px;}
.txts2 {font-size: 85%;}/*行中*/
.txts3 {font-size: 60%;}
.txtsSP {font-size: 100%;}

.pagetitle-box {margin: 0; padding: 5px 40px 0px 80px;
	width: 690px; vertical-align: top;}

/*outline*/
.outline-box {margin: 0; padding: 10px 40px 40px 80px;
	width: 690px; vertical-align: top;}
.outline-left {margin: 0; padding: 0px 30px 0px 0px;
	float: left; width: 320px;}
.outline-left img {width: 100%; height: auto;}

.outline-right {margin: 0; padding: 25px 0px 0px 0px;
	float: right; font-size: 105%; line-height: 180%;
	width: 340px;}
.txtss {font-size: 75%; color: #303030; margin-bottom: 18px;
	border-bottom:1px solid #d9c898;}

.txtss2 {margin: 7px 0px 3px 0px; padding: 3px 0px 3px 5px;
	font-size: 80%; width: 120px; line-height: 100%;
	background-color: #000000; color: #ffffff; font-weight: bold;}

/*staffcast*/
.staffcast-box {margin: 0; padding: 0px 30px 40px 80px;
	width: 700px; vertical-align: top;}

.staff {margin-right: 10px; padding: 10px 15px 10px 15px;
	background-color: #fbf0d0; border:1px solid #e1d2a7;
	width: 370px; height: 525px; float: left;}

	.table1 {float: left; width: 170px; text-align: left; font-size: 85%;}
	.table2 {float: right; width: 200px; font-size: 100%;}
	.table1b {float: left; width: 220px; text-align: left; font-size: 85%;}
	.table2b {float: right; width: 150px; font-size: 100%;}

.cast {margin: 0px; padding: 10px 15px 10px 15px;
	background-color: #fbf0d0; border:1px solid #e1d2a7;
	width: 250px; height: 525px; float: left;}

	.table3 {float: left; width: 140px; text-align: left; font-size: 85%;}
	.table4 {float: right; width: 110px; font-size: 100%;}

.stafflineheight {line-height: 120%;}
.staffpadding {padding: 9px 0px 9px 0px;}

.height2 {height: 430px;}
.height3 {height: 405px;}

/*thema*/
.thema-box {margin: 0; padding: 0px 30px 60px 80px;
	width: 700px; vertical-align: top;}

.op {margin: 0px; padding: 0px 0px 0px 30px;
	width: 350px;}
.ed {margin: 0px; padding: 0px 0px 0px 20px;
	width: 350px;}
	.table11 {width: 100%; text-align: left;}
	.table12 {padding: 0px 0px 0px 50px; text-align: left;}

/*story*/
.story-box {margin: 0; padding: 0px 30px 0px 70px;
	width: 710px;}

.slideshow-box {margin: 0px 30px 0px 80px; padding: 0px 74px 0px 74px;
	background:#645f51; width: 540px;
	border-right:1px solid #e1d2a7; border-left:1px solid #e1d2a7;}

.slideshow{margin:0px; padding: 30px 30px 30px 30px;
	vertical-align: top; text-align: center;
	background:#000000;
	width: 480px; height: 360px;}
.slideshow img{margin: 0; max-width: 100%; width: 100%; height: auto;}

.story-box2 {margin: 0px 30px 0px 80px; padding: 25px 30px 25px 30px;
	background-color: #fbf0d0; border:1px solid #e1d2a7;
	width: 628px; line-height: 200%;}

.story-title {margin: 30px 10px 0px 10px; padding: 18px 30px 14px 30px;
	background-color: #fbf0d0; border:1px solid #e1d2a7;
	font-size: 140%; line-height: 160%;}

.prevnext{margin: 0px; padding: 20px 0px 50px 0px;
	text-align: center; width: 100%; height: auto;}

/*story-index*/
.story-thm-box {margin: 0; padding: 5px 25px 60px 75px;
	width: 710px; vertical-align: top;}

.story-thm {margin: 5px 5px 20px 5px; padding: 5px 5px 0px 5px;
	width: 215px; height: 217px; float: left; text-align: center;
	background-color: #000000; border:0px solid #e1d2a7;
	font-size: 80%; line-height: 210%; color: #ffffff; font-weight: bold;}

.story-thm img{width: 215px; height: auto;}

.story-thm2 {margin: 5px 5px 20px 5px; padding: 5px 5px 0px 5px;
	width: 333px; height: 310px; float: left; text-align: center;
	background-color: #000000; border:0px solid #e1d2a7;
	font-size: 80%; line-height: 210%; color: #ffffff; font-weight: bold;}

.story-thm2 img{width: 333px; height: auto;}

.white2 {background-color: #ffffff;}

/*character*/
.chara-thm-box {margin: 0; padding: 5px 25px 60px 75px;
	width: 710px; vertical-align: top;}

.character-left {margin: 5px 0px 0px 5px; padding: 15px 0px 5px 15px;
	float: left; width: 145px; height: auto;
	background-color: #fbf0d0; border:1px solid #e1d2a7;}

.icon {margin: 0; padding: 0px 10px 10px 0px;
	float: left; width: 60px; height :auto;}
	.icon img {width: 100%; height :auto;}
	.icon a:hover img {filter: opacity(1.0);}

.character-right {margin-left: 25px; padding: 0px;
	float: left;
	width: 510px; height: 830px; /*要調整*/
	vertical-align: top;}

	/*iframe対応*/
.chara-if-box {position: relative;
	display: block;
	padding-bottom: 190%; padding-top: 0px; /*要調整*/
	overflow: hidden;}
.chara-if-box iframe {position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;}

/*subpage*/
.subpage-box {margin: 0; padding: 10px 40px 40px 80px;
	width: 690px; vertical-align: top;}

.link-box {margin: 0; padding: 0px 0px 600px 50px;
	width: 640px; vertical-align: top;}

/*products*/
.products-box {margin: 0; padding: 0px 40px 20px 80px;
	width: 690px; text-align: center;}
.products-boxb {margin: 0; padding: 0px 40px 20px 80px;
	width: 690px;}
.products-box2 {padding: 0px 40px 60px 80px;}
.products-box3 {margin: 0; padding: 20px 0px 0px 10px;}
.products-box4 {margin: 0; padding: 0px 0px 0px 10px;}

.blueray-catch {margin: 0; padding: 20px 0px 30px 0px;}
.blueray-title {font-size: 150%; line-height: 140%; font-weight: bold;}
.blueray-title2 {font-size: 120%; line-height: 130%; font-weight: bold;}

.blueray-tenkai {margin: 0; padding: 10px 0px 0px 0px;}

.blueray-white {margin:0; padding: 17px 10px 10px 10px;
	background-color: #000000;
	font-size: 165%; line-height: 125%; color: #ffffff; font-weight: bold;
	text-align: center;}

.blueray-info {margin:0; padding: 10px 0px 0px 0px;;
	font-size: 100%;
	line-height: 140%;
	word-break: break-all;
}

.blueray-left {margin: 0px 15px 0px 10px; padding: 0px 0px 0px 0px;
	float: left; width: 320px;}
.blueray-right {margin: 0; padding: 0px 10px 0px 15px;
	float: right; width: 320px;}

.blueray-left2 {margin: 0px 0px 15px 10px; padding: 0px 0px 0px 0px;
	float: left; width: 335px;}
.blueray-right2 {margin: 0; padding: 0px 10px 15px 0px;
	float: right; width: 335px;}

.blueray-box2 {margin: 5px 0px 0px 0px; padding: 17px 30px 15px 30px;
	background-color: #fbf0d0; border:1px solid #e1d2a7;
	font-size: 120%; line-height: 140%; font-weight: bold;}

.products-title {margin:10px 0px 20px 0px; padding: 15px 25px 10px 25px;
	background-color: #000000; text-align: center;
	font-size: 120%; line-height: 160%; color: #ffffff; font-weight: bold;}

.products-body {margin:20px 0px 0px 0px; padding: 15px 25px 20px 25px;
	background-color: #fbf0d0; border: 1px #e1d2a7 solid;
	font-size: 100%; color: #000000; line-height: 170%;}

.products-body2 {margin: 5px 0px 30px 0px; padding: 14px 15px 12px 15px;
	background-color: #fbf0d0; border:1px solid #e1d2a7;
	font-size: 100%; line-height: 170%;}

/*footer*/
.footer {margin: 0; padding: 30px 0px 25px 0px;
	width: 100%; height: auto; background-color: #ffffff;}
.sunrise {margin: 0;}
.copyrights {padding: 15px 0px 0px 0px;
	font-size: 70%; line-height: 100%; color: #5e5e5e;}
.copyrights2 {padding: 5px 0px 0px 0px;
	font-size: 65%; line-height: 130%;}

/*pagetop*/
#page-top {margin: 0; padding: 0;
	position: fixed; bottom: 130px;
	right: 20px;}
#page-top a {margin: 0; padding: 0;
	width: 130px; height: 145px;
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	display: block;}
#page-top a:hover {background-image: url(../images/pagetop2.png);
	background-repeat: no-repeat;
	display: block;}


.clear{clear:both;}
.center {text-align: center;}


/*●641px以上
======================================*/
@media only screen and (min-width: 641px) {
.sponly{display: none;}

/**/}

/*●640px以下（SP）
======================================*/
@media only screen and (max-width: 640px) {

.pconly{display: none;}

body {background-image:url(../images/spbg.jpg);
	background-attachment: fixed;
	background-position: center top;
	background-repeat: repeat-y;
	background-size: cover;
	background-color: #f9e893;
	font-size: 80%; line-height: 160%;}

.background-hack {z-index: -2;
	background-color: #f9e893;
	background-image:url(../images/spbg.jpg);
	background-position: center top;
	background-size: cover;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;}


.sp-header{margin:0; padding:0; background-color: #d8b9f7;
	max-width: 100%; width: 100%; height: auto;}
.sp-header img{margin: 0; max-width: 100%; width: 100%; height: auto;}

/*drawr*/
.btn {background:transparent url(../images/btn1.png) no-repeat 0 0;
	display: block;
	width:60px; height: 60px;
	position: absolute;
	top:25px; left:25px;
	cursor: pointer;
	z-index: 200;}

.peke {background:transparent url(../images/btn2.png) no-repeat 0 0;}

.drawr {display: none;
	padding:90px 0 0 0;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	top: 0; left: -2px; width:300px;
	box-shadow:10px 0px 10px 6px rgba(0,0,0,0.2);
	z-index: 100;}
	
#menu li {list-style: none;}

#menu li a {margin: 0px 0px 8px 0px;
	padding: 9px 10px 10px 20px;
	width:224px;
	display: block;
	text-align: left;
	border-left: solid 6px #9450cb;
	border-bottom: solid 1px #9450cb;
	font-size: 140%; color: #ffffff;}

#menu li .txts {font-size: 60%;}

#menu li:nth-child(6) a {border-left: solid 6px #9450cb;
			border-bottom: solid 2px #9450cb;}
#menu li:nth-child(7) a {border-left: solid 6px #bb4037;
			border-bottom: solid 2px #bb4037;}
#menu li:nth-child(8) a {border-left: solid 6px #1a7c9c;
			border-bottom: solid 2px #1a7c9c;}
#menu li:nth-child(9) a {border-left: solid 6px #527c0f;
			border-bottom: solid 2px #527c0f;}

/*sub*/
.sab-header{display: none;}
.header2{display: none;}
.sab-left{display: none;}

.sab-contents{margin:0; padding: 0% 1% 0% 1%;
	width: 98%; height: auto;}

.sab-right{margin:0; padding: 0% 5% 0% 5%;
	top: 0px; left: 0px;
	width:90%; height: auto;
	background-image:url(../images/bg1.jpg);
	background-size:18% auto;
	position: relative;}

.sab-right2{margin: 0% 2% 0% 2%; padding:0;
	width: 96%; height: auto;
	background-image:url(../images/bg3.jpg);
	background-repeat: repeat-y;
	background-size:16% auto;
	background-color: #f0e0b2;}

/*title*/
.title{width: 100%; height: auto; overflow: hidden;}
.titlebar{width: 100%; height: auto; position: relative;}
.titlebar img{width: 175%; height: auto;}

.tab-box {margin: 0; padding: 2.5% 2.5% 0% 2.5%; 
	width: 95%;
	background-color: #000000;
	top:0px; left:0px; position: relative;}

.tab {width: 33.3%;}
.tab img{width: 100%; height: auto;}

/*contents*/
.half {float: none; width: 100%;}

.newmark, .newmark2 {margin: 0px 0px 1% 0px; padding: 1% 2% 1% 2%
	color: #ffffff; font-size: 80%; line-height: 100%; font-weight: bold;}

/*txt*/
.sub-title {margin: 0px; padding: 1% 0% 4% 0%;
	font-size: 150%; line-height: 130%; color: #303030;}
.txts {font-size: 80%; line-height: 150%; margin-top: 3%;}
.txts2 {font-size: 90%;}/*行中*/
.txts3 {font-size: 80%;}/*行中*/
.txtsSP {font-size: 85%;}

.pagetitle-box {display: none;}

/*outline*/
.outline-box {margin: 0; padding: 5% 0% 2% 0%; width: 100%;}

.outline-left, .outline-right {margin: 0; padding: 5% 5% 2% 5%;
	float: none; width: 90%; line-height: 160%;}
.outline-left img {margin: 0px; padding: 0% 10% 0% 10%;
	width: 80%; height: auto;}
.txtss {display: none;}
.txtss2 {margin: 3% 0% 2% 0%; font-size: 95%; width: 120px;}

/*staffcast*/
.staffcast-box {margin: 0; padding: 3% 0% 3% 0%; width: 100%;}
.staff, .cast {margin: 4% 4% 4% 4%; padding: 4% 3% 4% 3%;
	width: 86%; height: auto; float: none;}

	.table1, .table1b {float: left; width: 45%;}
	.table2, .table2b {float: left; width: 55%;}
	.table3 {float: left; width: 50%;}
	.table4 {float: left; width: 50%;}

.stafflineheight {line-height: 120%;}
.staffpadding {padding: 2% 0% 2% 0%;}

/*thema*/
.thema-box {margin: 0; padding: 0% 0% 15% 0%; width: 100%;}
.op, .ed {margin: 0% 0% 0% 0%; padding: 3% 8% 4% 8%;
	width: 84%;
	border:0px solid #dcdcdc;}
	.table11 {padding: 0% 0% 0% 10%; width: 90%;}
	.table12 {padding: 0% 0% 0% 20%;}

/*story*/
.story-box {margin: 0; padding: 4% 5% 0% 5%;
	width: 90%; height: auto; float: none;}

.slideshow-box {margin: 0px; padding: 5% 0% 5% 0%;
	width: 100%; height: auto;
	background:#000000;
	border-right:0px solid #e1d2a7; border-left:0px solid #e1d2a7;}

.slideshow{padding: 0 5% 0% 5%;
	width: 90%; height: auto;}

.story-box2{margin: 5% 0% 7% 0%; padding: 4% 5% 0% 5%;
	background-color: transparent; border:0px solid #e1d2a7;
	line-height: 160%;
	width: 90%;}

.story-title {margin: 0%; padding: 4% 0% 4% 0%;
	background-color: transparent; border:0px solid #e1d2a7;
	font-size: 110%; line-height: 150%;}

.prevnext{padding: 0% 0% 15% 0%;}
.prevnext img{width: 25%; height: auto;}

/*story-index*/
.story-thm-box {padding: 7% 3% 15% 3%;
	width: 94%;}

.story-thm, .story-thm2 {margin: 1% 1% 1% 1%;padding: 1% 1% 0% 1%;
	width: 46%; height: auto;
	font-size: 85%; line-height: 190%; color: #ffffff; font-weight: bold;}

.story-thm img{width: 100%;}
.story-thm2 img{width: 100%;}

/*character*/
.chara-thm-box {padding: 7% 3% 0% 3%;
	width: 94%;}

.character-left {margin: 0; padding: 3% 1% 3% 3%;
	float: none; width: 93%; height: auto;}

.icon {margin: 0; padding: 5px 2px 5px 2px;
	float: left; width: 14.8%; height :auto;}/*アイコンサイズ*/
	.icon img {width: 100%; height :auto;}

.character-right {margin:0%; padding: 2% 3% 15% 3%;
	float: none; vertical-align: top;
	width: 96%; height: auto;}

.chara-if-box {position: relative;
	padding-bottom: 250%; padding-top: 0px; /*要調整*/
	overflow: hidden;}

.chara-if-box iframe {position: absolute;
	top: 0; left: 0; width: 100%; height: 250%;}

/*subpage*/
.subpage-box {padding: 7% 3% 10% 3%; width: 94%;}
.link-box {padding: 0% 0% 50% 0%; width: 100%;}

/*products*/
.products-box {padding: 5% 3% 2% 3%; width: 94%;}
.products-boxb {padding: 5% 4% 2% 4%; width: 92%;}
.products-box2 {padding: 2% 1% 20% 1%; width: 98%;}
.products-box3 {padding: 2% 3% 0% 3%; width: 94%;}
.products-box4 {padding: 0% 3% 0% 3%; width: 94%;}

.blueray-catch {margin: 0; padding: 4% 0% 6% 0%;}
	.blueray-catch img {width: 100%; height: auto;}
.blueray-title, .blueray-title2 {font-size: 115%; line-height: 140%;}

.blueray-tenkai {margin: 0; padding: 0% 0% 0% 0%;}
	.blueray-tenkai img {padding: 2% 3% 0% 3%; width: 94%; height: auto;}

.blueray-white {margin: 0% 10% 0% 10%; padding: 2% 2% 2% 2%;
	font-size: 120%; line-height: 140%;}

.blueray-info {margin:0; padding: 3% 3% 0% 3%;
	font-size: 95%; line-height: 150%;}

.blueray-left {margin: 0; padding: 0% 0% 0% 0%;
	float: none; width: 100%;}
	.blueray-left img {padding: 0% 10% 3% 10%; width: 80%; height: auto;}
.blueray-right {margin: 0; padding: 0% 10% 5% 10%;
	float: none; width: 80%;}
	.blueray-right img {width: 100%; height: auto;}

.blueray-left2 {margin: 0; padding: 0% 10% 0% 10%;
	float: none; width: 100%;}
	.blueray-left2 img {width: 80%; height: auto;}
.blueray-right2 {margin: 0; padding: 0% 10% 5% 10%;
	float: none; width: 100%;}
	.blueray-right2 img {width: 80%; height: auto;}

.blueray-box2{margin: 2% 3% 0% 3%; padding: 3% 3% 3% 3%;
	font-size: 100%; line-height: 150%;
	width: 87%;}

.products-title {margin:1% 0% 4% 0%; padding:4% 3% 3% 3%;
	width: 94%;
	font-size: 110%; line-height: 130%;}

.products-body {margin: 5% 0% 0% 0%; padding: 3% 3% 3% 3%;
	width: 94%; text-align: left;
	font-size: 100%; line-height: 150%;}

.products-body2 {margin: 3% 0% 5% 0%; padding: 3% 3% 3% 3%;
	width: 94%; text-align: left;
	font-size: 90%; line-height: 150%;}

/*footer*/
.footer {padding: 5% 0%;}
.sunrise img {width: 30%; height: auto;}

.copyrights {padding: 15px 0px 10px 0px;
	font-size: 70%; line-height: 100%;}
.copyrights2 {padding: 0px 0px 0px 0px;
	font-size: 60%; line-height: 150%;}

/*pagetop*/
#page-top {bottom: 130px; right: 0px;}
#page-top a {height: 150px;}

/**/}


/*●480px以下（SP）
======================================*/
@media only screen and (max-width: 480px) {

/*drawr*/
.btn {background:transparent url(../images/btns1.png) no-repeat 0 0;
	width:40px; height: 40px;
	top:12px; left:15px;}
.peke {background:transparent url(../images/btns2.png) no-repeat 0 0;}

.drawr {padding:48px 0 0 0;
	top: 0; left: -20px; width:200px;}

#menu li a {margin: 0px 0px 5px 0px;
	padding: 5px 3px 5px 13px;
	width:138px;
	font-size: 100%;}

/*character*/
.chara-if-box {position: relative;
	padding-bottom: 300%; padding-top: 0px; /*要調整*/
	overflow: hidden;}

/*footer*/
.copyrights2 {padding: 0px 0px 5px 0px;}

/*pagetop*/
#page-top {bottom: 86px; right: 0px;}
#page-top a {width: 86px; height: 100px;
	background-size: 100% auto;}
#page-top a:hover {background-size: 100% auto;}


/**/}