@charset "UTF-8";

body {
	text-align: center;
	background: #f1eee8;
}

div#wrap {
	margin: 0 auto;
	width: 100%;
}

div#wrap div#container {
	width: 100%;
	text-align: left;
	background: #f1eee8;
}

/*-----------------------------------------------------------
	header
-----------------------------------------------------------*/
div#wrap div#container header {}
div#wrap div#container header div#header {
	width: 100%;
	text-align: center;
}

div#wrap div#container header h1 {
	margin: 10px auto;
	width: 234px;
}

div#wrap div#container header nav {
	width: 100%;
}

.togmenu {
	display:none;
}
.menubtn {
	padding: 16px 20px;
	display: block;
	background:#e5e1da;
	color: #333;
	font-size: 108%;
	text-align: left;
}

#menu ul {
	margin: 0;
	padding: 0;
	background:#dfdbd2;
	font-size: 108%;
	text-align: left;
}
#menu li {
	border-top: 1px solid #fff;
}
#menu li a {
	padding: 16px 20px;
	display:block;
	text-decoration:none;
	background:#dfdbd2;
	color: #333;
}

/*-----------------------------------------------------------
	contents
-----------------------------------------------------------*/
div#main-picture {
	margin-bottom: 20px;
	text-align: center;
	background: url(../images/img-main_sp.jpg) 0 0 no-repeat;
	background-size: 100%;
	min-height: 40vw;
}
div#main-picture img {
	width: 100%;
	height: auto;
	display: none;
}

section.contents {
	margin: 0 auto 34px auto;
	width: 100%;
}
section.contents article.menu {
	margin-bottom: 2%;
	float: left;
	width: 100%;
}

div.contents-menu02 {
	padding: 14px 0 0 0;
	background: #fff;
}

div.contents-menu02 h2 {
	text-align: center;
}
div.contents-menu02 h2 a {
	display: block;
	height: 20px;
}

div.contents-menu02 ul {}
div.contents-menu02 ul li {
	border-bottom: solid 1px #e5e1da;
	line-height: 160%;
	font-size: 116%;
}
div.contents-menu02 ul li a {
	padding: 0.8em;
	background: url(../images/ico-arrow.png) 97% 50% no-repeat;
	display: block;
	text-decoration: none;
	font-weight: bold;
}

article.sp-recruit h2 {
	padding-bottom: 10px;
}


/*-----------------------------------------------------------
	下層ページ
-----------------------------------------------------------*/
div#main-area {
	margin-bottom: 40px;
	background: #fff;
	border: solid 1px #ebe7e0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.topic-path {
	margin: 20px;
	font-size: 93%;
}
div.topic-path a {
	padding-right: 0.5em;
}
div.topic-path span {
	padding-left: 0.5em;
}

div#main-area div#main-inner {
	margin: 0 auto 40px auto;
	width: 85.3%;
	max-width: 819px;
}

div#main-area div#main-inner h2 {
	margin-bottom: 10px;
	padding-bottom: 22%;
	-moz-background-size:contain;
	background-size:contain;
}
div#main-area div#main-inner h2 img {
	width: 100%;
}
#company div#main-inner h2 {
	background: url(../images/bg-h2-company.jpg) left bottom no-repeat;
}#news div#main-inner h2 {
	background: url(../images/bg-h2-news.jpg) left bottom no-repeat;
}#natalie div#main-inner h2 {
	background: url(../images/bg-h2-natalie.jpg) left bottom no-repeat;
}#contact div#main-inner h2 {
	background: url(../images/bg-h2-contact.jpg) left bottom no-repeat;
}

#company h2 img {
	width: 100%!important; 
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}#natalie h2 img {
	width: 100%!important; 
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}#news h2 img {
	width: 70%!important; 
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}#contact h2 img {
	width: 78%!important; 
	image-rendering:optimizeSpeed; // Legal fallback
	image-rendering:-moz-crisp-edges; // Firefox
	image-rendering:-o-crisp-edges; // Opera
	image-rendering:-webkit-optimize-contrast; // Chrome, Safari
	image-rendering:crisp-edges; // CSS3 Proposed
	-ms-interpolation-mode:bicubic; // IE8+
}

div#main-area div#main-inner ul.anchor-link {
	padding-bottom: 40px;
}
div#main-area div#main-inner ul.anchor-link li {
	padding-right: 1em;
	float: left;
}
div#main-area div#main-inner ul.anchor-link li a {
	padding: 0 0 0 0.5em;
	background: url(../images/ico-arrow-s.png) 0 0.5em no-repeat;
	font-size: 93%;
	line-height: 0;
}

div#main-inner h3 {
	margin-bottom: 23px;
	font-size: 167%;
	font-weight: bold;
	letter-spacing: 0.1rem; 
} 
#company h3 {
	color: #bf713d;
}#news h3 {
	color: #30709e;
}#contact h3 {
	color: #518875;
}#natalie h3 {
	margin-bottom: 10px!important;
	letter-spacing: 0!important; 
}

div#main-inner article {
	margin-bottom: 50px;
}

div#main-inner table {
	border-top: solid 1px #dedede;
	border-right: solid 1px #dedede;
	display: block;
}
div#main-inner table th,
div#main-inner table td {
	padding: 10px 20px;
	border-bottom: solid 1px #dedede;
	border-left: solid 1px #dedede;
	display: block;
	list-style: none;	
}
div#main-inner table td a {
	width: 100%;
}
div#main-inner table th {
	background: #f9f8f7;
	font-weight: normal;
}

#company table.press-list {
	width: 100%;
}
#company table.press-list th,
#company table.press-list td {
}

div#main-inner .table-dl {
	margin-bottom: 30px;
	
}
div#main-inner .table-dl dl {
	width: 100%;	
}
div#main-inner .table-dl dl.title {
	display: none;
}
div#main-inner .table-dl dl dt,
div#main-inner .table-dl dl dd {
	padding: 3%;
	width: 93%;
}

div#main-inner .table-dl dl dt {
	background: #f9f8f7;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
}
div#main-inner .table-dl dl dt.line-top,
div#main-inner .table-dl dl dd.line-top {
	border-top: solid 1px #dedede;
}
div#main-inner .table-dl dl dd {
	border-top: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
}


div#main-inner div.contents-block {
	width: 100%;
}
div#main-inner div.contents-block .block01 {}
div#main-inner div.contents-block p.image {
	text-align: center;
} 
div#main-inner div.contents-block .natalie-image img {
	width: 70%;
}

article.bd {
	margin-bottom: 30px!important;
	padding-bottom: 20px;
	border-bottom: dotted 1px #ccc;
}

#natalie .music h3{
	color: #DE699B;
}#natalie .comic h3 {
	color: #65B328;
}#natalie .owarai h3 {
	color: #CF3127;
}#natalie .store h3 {
	color: #009294;
}#natalie .eiga h3 {
	color: #736dcd;
}#natalie .stage h3 {
	color: #b1965a;
}

div#main-inner div.contents-block .block02 p.link {
	margin-top: 15px;
	padding: 4px 10px;
	background: #f4f3ee;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: left;
}
div#main-inner div.contents-block div.natalie-image {
	margin-top: 15px;
	padding: 0 1% 1% 1%;
	width: 100%;
	text-align: center;
} 
div#main-inner div.contents-block div.natalie-image img {
	border: solid 4px #CAC7BE;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div#main-inner ul {}
div#main-inner ul li {
	line-height: 180%;
}

.img-border {
	border: solid 5px #e7e3df;
}

#company h4 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 110%;
}
#company h5 {
	margin-bottom: 0.3em;
	font-weight: bold;
}
#company h4.border {
	padding-bottom: 7px;
	display: inline-block;
	border-bottom: solid 1px #bf713d;
}
div#main-inner p {
	margin-bottom: 30px;
}

div#main-inner #map_canvas2 {
	border: solid 3px #e7e3df;
}

#news h4 {
	margin-bottom: 20px;
	font-size: 131%;
}
#news h5 {
	margin-bottom: 10px;
	color: #306289;
	font-weight: bold;
}

div.border-box {
	margin-bottom: 30px;
	border: dotted 1px #c2c2c2; 
}
div.border-box dl {
	margin: 20px 20px 0 20px;
}
div.border-box dl dt {
	margin-bottom: 10px;
	display: inline-block;
	padding: 0.2rem;
	background: #f1eee8;
}
div.border-box dl dd {
	margin-bottom: 20px;
}

#company div#main-inner p {
	margin-bottom: 30px;
}
div#main-inner p {
	margin-bottom: 10px;
}

div#main-inner #map_canvas2 {
	border: solid 3px #e7e3df;
}

ul.three-line {
	width: 98.5%;
}
ul.three-line li {
	width: 100%;
	text-align: center;
}
ul.three-line li:nth-child(3) {
	padding-right: 0;
}
ul.three-line li img {
	border: solid 3px #e7e3df;
}

div.three-line {
	width: 100%;
}
div.three-line div.block {
	margin: 0 0 5% 0;
	padding: 5% 5% 3% 5%;
	float: left;
	width: 90%;
	background: #F1EEE8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
}

div.three-line div.block h4{
	padding: 7px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 108%;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.three-line div.block h4.music{
	border-left: solid 5px #de699b;
}div.three-line div.block h4.comic {
	border-left: solid 5px #b6db7b;
}div.three-line div.block h4.owarai {
	border-left: solid 5px #ec7e7e;
}div.three-line div.block h4.store {
	border-left: solid 5px #8bd1cf;
}div.three-line div.block h4.smart {
	border-left: solid 5px #cac2a6;
}

div.three-line div.block h4 a {
	text-decoration: none;
	display :block;
}

div.three-line div.block p.text {
	margin-bottom: 15px!important;
	text-align: left;
	line-height: 140%;
}
div.three-line div.block p.link {
	padding: 7px 10px;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: left;
}
div.three-line div.block p.link a {
	display: block;
}

div.three-line div.block p.sample-image {
	padding: 0;
	border: solid 1px #fff;
	line-height: 0;
}
div.three-line div.block p.sample-image img {
	width: 100%;
}

#news ul.three-line {
	margin: 0 auto;
	width: 90%!important;
}
#news ul.three-line li {
	width: 100%;
}
#news ul.three-line li:first-child {
	margin-bottom: 10px;
}
#news ul.three-line li img {
	border: solid 3px #e7e3df;
	width: 100%;
}


/*-----------------------------------------------------------
	footer
-----------------------------------------------------------*/
footer {
	width: 100%;
	background: #eeebe8;
	text-align: center;
}

footer div#pagetop {
	background: url(../images/bg-pagetop.png) top left repeat-x;
	width: 100%;
}
footer div#pagetop #pagetop-inner {
	margin: 0 auto;
	width: 93.7%;
	max-width: 960px;
	text-align: right;
}

footer div#footer {
	margin: 0 auto;
	padding: 30px 0 50px 0;
	width: 93.7%;
	text-align: left;
}


footer div#footer div.footer-access { 
	margin: 0 auto;
	width: 80%!important;
}
footer div#footer div.footer-access #map_canvas {
	border: solid 3px #fff;
}
footer div#footer div.footer-access h3 {
	margin-bottom: 14px;
}
footer div#footer div.footer-access h3 a {
	font-weight: normal;
	font-size: 85%;
	text-decoration: none;
}
footer div#footer div.footer-access h3 p.access-link {
	padding-left: 5px;
	float: right;
}

footer div#footer div.footer-access address p {
	margin-top: 10px;
	font-style: normal;
}

footer div#footer div.footer-menu {
	
}
footer div#footer div.footer-menu h3 {
	display: none;
}
footer div#footer div.footer-menu nav {
	margin-bottom: 30px;
}
footer div#footer div.footer-menu nav dl {
	display: none;
}

footer div#footer div.footer-menu nav ul {
	margin: 0 auto;
	width: 90%;
}
footer div#footer div.footer-menu nav ul li {
	padding-right:8px;
	display: block;
}
footer div#footer div.footer-menu nav ul li a {
	font-size: 100%;	
	line-height: 100%;
	
}
footer div#footer div.footer-menu nav ul li.outside-link {
	margin: 4px 0 0 0;
	padding: 0 2em 0 1.7em;
	float: left;
	background: url(../images/ico-outside.png) 0.6em 0.4em no-repeat;
	line-height: 180%;
	font-size: 100%;
}

footer div#footer p.copyright {
	text-align: center;
}

a.ico-arrow {
	padding: 0 0 0 1em;
	background: url(../images/ico-arrow.png) 0 0.2em no-repeat;
}
a.ico-outside-link {
	padding: 0 0 0 1.7em;
	background: url(../images/ico-outside.png) 0.6em 0.4em no-repeat;
}

/*-----------------------------------------------------------
	プレスリリース追加
-----------------------------------------------------------*/
.press div#main-inner h2 {
	background: none!important;
	padding-bottom: 0!important;
}
#pressrelease {
	margin: 0 auto;
	padding: 0 0 10px 0;
	width: 90%;
}
#pressrelease h4 {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	font-size: 140%;
	border-bottom: solid 1px #ccc;
}
#pressrelease p.date {
	margin: 40px 0 15px 0!important;
	color: #555;
}

.align-right {
	text-align: right;
}

/*-----------------------------------------------------------
	10/16 Syn.
-----------------------------------------------------------*/

#pressrelease h4 span {
	font-size: 80%;
	line-height: 90%;
}

#pressrelease div.head-group {}
#pressrelease div.head-group .company-name {

}
#pressrelease div.head-group .logo {
	text-align: center;
}
#pressrelease div.head-group .logo img {
	width: 80%;
}

#pressrelease span.small {
	font-size: 80%;
}

#pressrelease .caption-group {
	margin: 40px 0 0 0;
	font-size: 90%;
}
#pressrelease .caption-group p {
	margin: 0 0 0.7em 0!important;
}

#pressrelease div.data-group {
	margin: 70px 0 0 0;
}
#pressrelease h5 {
	margin: 0 0 20px 0;
	font-size: 120%;
}

#pressrelease div.data-group table th {
	display: none;
	
}
#pressrelease div.data-group table td.col01 {
	background: #e7f4f2;
}
#pressrelease div.data-group table td.col04 {
	text-align: center;
}
#pressrelease div.data-group th {
	background: #e7f4f2;
}



#pressrelease .data-group02 {
	margin: 70px 0 0 0;
}
#pressrelease .data-group02 p {
	margin: 0 0 20px 0!important;
}
#pressrelease .data-group02 img {
	width: 100%;
}

/*-----------------------------------------------------------
	11/4 Pinga
-----------------------------------------------------------*/

#pressrelease img.w100 {
	width: 100%;
}
#pressrelease img.border {
	border: solid 1px #ccc;
}



#pressrelease .pinga-info {
	margin: 60px 0 0 0;
}
#pressrelease .pinga-info h5 {
	margin: 20px 0;
	color: #fc6378;
}
#pressrelease .pinga-info h6  {
	margin:0 0 10px 0;
}
#pressrelease .pinga-info .p-text {
	float: left;
	width: 63%;
}
#pressrelease .pinga-info .p-img {
	float: right;
	width: 30%;
}
#pressrelease .pinga-info .p-img img {
	width: 100%;
}

/*-----------------------------------------------------------
	11/28 My Natalie
-----------------------------------------------------------*/

#pressrelease .mn-info {
	margin: 60px 0 0 0;
}
#pressrelease .mn-info h5 {
	margin: 0 0 10px 0;
	font-size: 130%;
}
#pressrelease p span.bold {
	font-weight: bold!important;
}
#pressrelease .app-group {
	padding: 15px 15px 0 15px;
	background: #eee;
	border: solid 1px #ececec;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#pressrelease .app-group h5 {
	margin: 0 0 30px 0;
	font-size: 100%;
}

#pressrelease .app-group .clearfix {
	margin: 20px auto 0 auto!important;
	width: 80%;
	text-align: center;
}
#pressrelease .app-group p.app-itunes {
	margin: 0 0 20px 0!important;
	padding: 0;
	width: 100%;
}
#pressrelease .app-group p.app-itunes span {
	display:block;
	text-align: left;
}
#pressrelease .app-group p.app-qr {
	margin-bottom: 20px!important;
}

.mn-info ul {
	margin: 0 0 40px 0;
}
.mn-info ul.list5 li {
	margin: 0 2% 4% 0;
	float: left;
	width: 48%;
	text-align:center;
	line-height: 140%!important;
}
.mn-info ul.list2 {
	margin: 0 auto 40px auto!important;
}
.mn-info ul.list2 li {
	margin: 0 2% 4% 0;
	float: left;
	width: 98%;
	text-align:center;
	line-height: 140%!important;
}
.mn-info ul li img {
	width: 100%;
}