@charset "UTF-8";

/* -----------------------------------------
	0. Reset
 	1. Common Layout
 	2. Top Page
 	3. Detail Page
 	4. Post Page
	5. Common parts
 -----------------------------------------*/

/* ====================================================
0. Reset
==================================================== */

/*-----------------------------
	basebacknextinfo
-----------------------------*/
html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,
header,hgroup,section,article,aside,footer,figure,figcaption,nav {
	margin: 0px;
	padding: 0px;
}
body {
	color: #000000;
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	line-height: 1.6;
	-webkit-text-size-adjust: none;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display: block;
}
input,textarea,select {
	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6,p,li,dd,dt {
	font-size: 100%;
	font-weight: normal;
}
img {
	border: none;
	vertical-align: bottom;
}
ul,ol {
	list-style: none;
}
dt,dd,li {
	text-indent: 0;
}
table {
	border-spacing: 0;
	empty-cells: show;
}
address,em,cite {
	font-style: normal;
}
fieldset {
	border: none;
}

/*-----------------------------
	link
-----------------------------*/
a:link {
	color: #E4007F;
	text-decoration: none;
}
a:visited {
	color: #E4007F;
	text-decoration: none;
}
a:hover {
	color: #E4007F;
	text-decoration: none;
}
a:active {
	color: #E4007F;
	text-decoration: none;
}

/*-----------------------------
	clearfix
-----------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	content: '';
}



/* ====================================================
 1. Common Layout
==================================================== */

/* body
-----------------------------*/
body {
	background: url(../img/bg_body.gif) repeat 0 0;
	position: relative;
}

/* header
-----------------------------*/
.ui-header h1.ui-title,
.ui-header p {
	text-align:left;
	padding:10px 10px 10px 5px;
}
.ui-header h1.ui-title {
	margin-left: 0;
	margin-right: 18px;
}

/* expandNav
-----------------------------*/
#expandNav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
#expandNav_inner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#expandNav_btn {
	position: absolute;
	top: 14px;
	right: 11px;
}
#expandNav_btn a {
	display: block;
}

#expandNav_body {
	position: absolute;
	top: 74px;
	left: 0;
	background: #814f43;
	z-index: 10000;
	width: 100%;
	display: none;
}
#expandNav_body > img {
	padding-left: 200px;
	vertical-align: bottom;
}
#bg_gnav {
	position: absolute;
	top: 55px;
	right: 15px;
	z-index: 10000;
	display: none;
}
#expandNav_menuWrap {
	background-color: #814f43;
	padding: 16px auto;
}
#expandNav_menu {
	background: #fff;
	width: 290px;
	margin: 14px auto 14px auto;
	border-radius: 5px;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}
#expandNav_menu > li {
	padding: 14px 0 14px 62px;
	color: #814f43;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 2px solid #814f43;
	background: url(../img/bg_gnav_bullet.gif) no-repeat 10px 12px;
}
#expandNav_menu > li:first-child {
	padding-top: 9px;
	padding-bottom: 11px;
	background: url(../img/bg_gnav_bullet.gif) no-repeat 10px 6px;
}
#expandNav_menu > li:last-child {
	border-bottom: none;
	padding-bottom: 6px;
}
#expandNav_menu > li a {
	display: block;
	color: #814f43;
}
#expandNav_menu > li a.narrow {
	letter-spacing: -0.1em;
}
#expandNav_menu li.expand {
	position: relative;
	padding-left: 0;
	padding-bottom: 10px;
}
#expandNav_menu li.expand > a {
	padding-left: 62px;
}
#expandNav_menu li.expand span.expandIcon {
	position: absolute;
	top: 13px;
	right: 14px;
}
#expandNav_menu > li ul.subcat {
	width: 260px;
	margin: 10px auto 0 auto;
	font-size: 66%;
	display: none;
}
#expandNav_menu > li ul.subcat li {
	background-color: #ffe98f;
	padding: 0;
	width: 128px;
	border-radius: 5px;
	border-top: 5px solid #ffe98f;
	border-bottom: 5px solid #ffe98f;
	float: left;
	margin-bottom: 5px;
	text-align: center;
}
#expandNav_menu > li ul.subcat li:nth-child(2n) {
	float: right;
}
#expandNav_menu img.window {
	vertical-align: middle;
	padding-left: 8px;
}
/* container
-----------------------------*/
#content_inner {
	padding:10px;
}

/*Nav
-----------------------------*/
.ui-header {
	width:100%;
	position: relative!important;
}

.ui-header nav {
	margin:0 10px 10px;
	border: solid 2px #000000;
	border-right: solid 2px #000000;
	border-bottom: solid 4px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#000000;
}

.ui-header nav {
}

.ui-header nav li:nth-child(1) a {
	-webkit-border-radius: 3px 0 0 0;
}

.ui-header nav li:nth-child(3) a {
	-webkit-border-radius: 0 3px 0 0;
}

.ui-header nav li:nth-child(4) a {
	-webkit-border-radius: 0 0 0 3px;
}

.ui-header nav li:nth-child(6) a {
	-webkit-border-radius: 0 0 3px 0;
}

.ui-header nav ul.en li:nth-child(1) a {
	-webkit-border-radius: 3px 0 0 3px;
}

.ui-header nav ul.en li:nth-child(2) a {
	-webkit-border-radius: 0 3px 3px 0;
}



.ui-header nav ul.tw li:nth-child(1) a,
.ui-header nav ul.kr li:nth-child(1) a {
	-webkit-border-radius: 3px 0 0 0px;
}

.ui-header nav ul.tw li:nth-child(2) a,
.ui-header nav ul.kr li:nth-child(2) a {
	-webkit-border-radius: 0 3px 0 0;
}

.ui-header nav ul.tw li:nth-child(3) a,
.ui-header nav ul.kr li:nth-child(3) a {
	-webkit-border-radius: 0 0 0 3px;
}

.ui-header nav ul.tw li:nth-child(4) a,
.ui-header nav ul.kr li:nth-child(4) a {
	-webkit-border-radius: 0 0 3px 0;
}



.ui-footer{
	height:;
	display: none;
}

.ui-footer nav {
	border-top: solid 3px #000000;
	display:none;
}

p.btn_menu {
	text-align:right;
	padding:10px 0 3px;
	padding-right:10px;
}

p.btn_menu a {
	color:#000;
	padding:6px 13px 5px 25px;
	border: solid 3px #000000;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	background:#af845d url(../img/icon_arrow_up.png) no-repeat 11px 50%;
}

p.btn_menu.on a {
	background:#af845d url(../img/icon_arrow_down.png) no-repeat 11px 50%;
}

nav {
}

nav ul li {
	float: left;
}

nav ul li a {
	padding: 5px 5px;
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#ffffff !important;
	text-shadow:2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
	border: solid 1px #876547;
	background: -webkit-gradient(linear, left top, left bottom, from(#d7c2ae),to(#b0855f));
	
}

nav ul li.on a {
	color:#fff104 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#876547),to(#c2b0a1));
	
}

nav ul li:nth-child(1) a {
	border-top:none;
	border-left:none;
}

nav ul li:nth-child(2) a {
	border-top:none;
}

nav ul li:nth-child(3) a {
	border-top:none;
	border-right:none;
}

nav ul li:nth-child(4) a {
	border-bottom:none;
	border-left:none;
}

nav ul li:nth-child(5) a {
	border-bottom:none;
}

nav ul li:nth-child(6) a {
	border-bottom:none;
	border-right:none;
}

nav ul.en li:nth-child(1) a {
	border-top:none;
	border-left:none;
	border-bottom:none;
}

nav ul.en li:nth-child(2) a {
	border-top:none;
	border-bottom:none;
}


nav ul li:nth-child(1),
nav ul li:nth-child(2),
nav ul li:nth-child(4),
nav ul li:nth-child(5) {
	width:30%;
}

nav ul li:nth-child(3),
nav ul li:nth-child(6) {
	width:40%;
}

nav ul.en li:nth-child(1),
nav ul.en li:nth-child(2) {
	width:50%;
}

nav ul.en li:nth-child(2) a {
	border-top:none;
	border-right:none;
}

nav ul.tw li:nth-child(1),
nav ul.tw li:nth-child(2),
nav ul.tw li:nth-child(3),
nav ul.tw li:nth-child(4),
nav ul.kr li:nth-child(1),
nav ul.kr li:nth-child(2),
nav ul.kr li:nth-child(3),
nav ul.kr li:nth-child(4)
 {
	width:50%;
}

nav ul.tw li:nth-child(2) a ,
nav ul.tw li:nth-child(4) a ,
nav ul.kr li:nth-child(2) a ,
nav ul.kr li:nth-child(4) a
{
	border-top:none;
	border-right:none;
}


nav ul.tw li:nth-child(1) a ,
nav ul.tw li:nth-child(3) a ,
nav ul.kr li:nth-child(1) a ,
nav ul.kr li:nth-child(3) a 
{
	border-top:none;
	border-left:none;
	border-right: solid 1px #876547;
}


nav ul.tw li:nth-child(2) a ,
nav ul.tw li:nth-child(4) a ,
nav ul.kr li:nth-child(2) a ,
nav ul.kr li:nth-child(4) a
{
	border-right:none;
	border-left: solid 1px #876547;
}

nav ul.tw li:nth-child(1) a ,
nav ul.tw li:nth-child(2) a ,
nav ul.kr li:nth-child(1) a ,
nav ul.kr li:nth-child(2) a
{
	border-top:none;
}
nav ul.tw li:nth-child(3) a ,
nav ul.tw li:nth-child(4) a ,
nav ul.kr li:nth-child(3) a ,
nav ul.kr li:nth-child(4) a
{
	border-bottom:none;
}



.caption {
	padding: 0 15px;
	clear: both;
}

/*banner
-----------------------------*/
div#banner {
	margin-bottom:20px;
}

div#banner p.pr{
	margin-bottom:20px;
	text-align:center;
}

div#banner ul li{
	margin-bottom:10px;
	text-align:center;
}

p.link_pc {
	text-align:center;
}

/*link
-----------------------------*/
div#link {
	margin-bottom:20px;
}

div#link p.btn_contact {
	margin-bottom:10px;
	text-align:center;
}

div#link p.btn_contact a {
	background: #e6e6e6 url(../img/icon_arrow.png) no-repeat 10px center;
	padding:7px;
	color: #000000;
	font-weight: bold;
	border: solid 2px #000000;
	border-right: solid 4px #000000;
	border-bottom: solid 4px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:14px;
	display:block;
}

ul.banner li.btn_contact a {
	background: #e6e6e6 url(../img/icon_arrow.png) no-repeat 10px center;
	padding: 7px 7px 7px 18px;
	color: #000000;
	font-weight: bold;
	border: solid 2px #000000;
	border-right: solid 4px #000000;
	border-bottom: solid 4px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:14px;
	display:block;
}

div#link ul.pc_en li {
	text-align:center;
}

div#link ul.pc_en li:nth-child(1) {
	float:left;
	width:47%;
}

div#link ul.pc_en li:nth-child(1) a {
	background: #bbe3f9;
}

div#link ul.pc_en li:nth-child(2) {
	float:right;
	width:47%;
}

div#link ul.pc_en li:nth-child(2) a {
	background: #fffbc7;
}

div#link ul.pc_en li a {
	padding:7px;
	display:block;
	color: #ffffff;
	font-weight: bold;
	border: solid 2px #000000;
	border-right: solid 4px #000000;
	border-bottom: solid 4px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow:3px 3px 0px #000000, 2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
	font-size:14px;
}

/*language
-----------------------------*/
div#langBox select {
	font-size: 133%;
	padding: 5px 10px;
	background: #fff url(../img/icon_arrow_select.png) no-repeat 96% center;
	width: 100%;
	border: solid 2px #000000;
	border-right: solid 4px #000000;
	border-bottom: solid 4px #000000;
	-webkit-appearance: button;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: yellow;
	font-weight: bold;
	text-align: center;
	text-shadow:2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}



div#langBox p.txt {
	margin-bottom: 3px;
}

/*copyright
-----------------------------*/
div.copyright p {
	padding-top:5px;
	padding-bottom:15px;
	text-align:center;
	color:#fff;
	border-top:3px solid #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#463a30),to(#090505));
	text-shadow:none;
	margin-top:-15px;
}





/* ====================================================
 2. Top Page
==================================================== */

/*news
-----------------------------*/
section#news {
	padding:10px;
}

.top section#news {
	border: solid 3px #000000;
	background-color: rgba(255,255,255,0.9);
	position:relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:40px;
}

.top section#news h2 {
	margin:-20px 0 10px -15px;
}

.top section#news ul li {
	margin-bottom: 15px;
}

/*info
-----------------------------*/
.top div#info {
	border: solid 3px #000000;
	padding:10px;
	background-color: rgba(255,255,255,0.9);
	position:relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:20px;
}

.top div#info h2.tit_info{
	margin-top:-25px;
	margin-left:0px;
}

.top div#info section#report {
	margin-bottom:10px;
}

.top div#info section#report ul li {
	margin-bottom: 15px;
}

.top div#info section#report ul li article {
	
}

.top div#info section#movie {
	margin-bottom:20px;
}

.top div#info section#gourmet {
	margin-bottom:20px;
}

.top div#info section#movie article,
.top div#info section#gourmet article{
	margin-bottom: 10px;
}

.top div#info section#movie article h3 a,
.top div#info section#gourmet article h3 a {
	color: #bae3f9;
}

.top div#info section#movie article h3 a:visited,
.top div#info section#gourmet article h3 a:visited {
	color: #bae3f9;
}

.top div#info section#gourmet p.ph {
	margin:0 0 5px;
	background:url(/atochi/mb/images/img_gourmet.png) no-repeat 0 0;
	padding: 66px 0 80px 76px;
	text-align:left;
}

.top div#info section#movie h2 {
	margin:0 0 5px;
	background:url(/atochi/mb/images/img_movie.png) no-repeat 0 0;
	padding: 61px 0 80px 35px;
	text-align:left;
}

.top div#info section h2,
.top div#info section p.ph {
	text-align:center;
}

.top div#info section#comic {
	margin-bottom:10px;
}

.top div#info section#comic h2 div{
	margin:0 auto 10px;
}

.top div#info section#comic h2{
	background:url(/atochi/mb/images/tit_comic.png) no-repeat 0 0;
	padding: 32px 0 10px 156px;
	text-align:left;
	margin-bottom:20px;
}

.top div#info section#comic h2.tw{
	background:url(/tw/atochi/mb/images/tit_comic.png) no-repeat 0 0;
}

.top div#info section#comic h2.kr{
	background:url(/kr/atochi/mb/images/tit_comic.png) no-repeat 0 0;
}


.top div#info section#comic div.comic_img {
	width:270px;
	height:278px;
	margin:0 auto 20px;
	position:relative;
	overflow:hidden;
	border-bottom:3px dashed #000000;
}

.top div#info section#comic div.comic_img p.img-mask {
	position:absolute;
	left:0;
	bottom:0;
}

.top div#info section#comic p.btn_continue:link {
	margin: 0 auto 10px;
	background: #bbe3f9;
	padding:7px;
	color: #ffffff;
	font-weight: bold;
	display:block;
	border: solid 2px #000000;
	border-right: solid 4px #000000;
	border-bottom: solid 4px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align:center;
	text-shadow:3px 3px 0px #000000, 2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
	font-size:20px;
	width:70%;
}

.top div#info section#comic h3 {
	margin-bottom:7px;
}

.top div#info section#comic p.ph {
	margin-bottom:5px;
}

#appbanner_iphone,
#appbanner_android {
	display:none;
}

div.th_description{
	clear:both;
}

/*fl_box
-----------------------------*/
 section.fl_box ul li article div.odd {
	float:left;
	margin-right:10px;
	position:relative;
	width: 100px;
}

section.fl_box ul li article div.odd p.icon {
	position:absolute;
	left:-6px;
	top:69px;
}

section.fl_box ul li article div.even {
	float:left;
	width: 150px;
}

/*calendar
-----------------------------*/


#calendar {
	background: none;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height: 325px;
	display:block;
}
#calendar table {
	margin-left: 10px;
}
#calendar td {
	padding: 0;
}
#calendar img {
	vertical-align: top;
}
#calendar caption.calendarhead img {
	vertical-align: -3px;
}
caption.calendarhead {
	font-size: 125%;
	background: url(/atochi/common/img/bg_calendar_02.png) no-repeat;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 5px;
	display: block;
	color: #fff;
}
#calendarBody {
	
}
#calendarBody tr {
	height: 30px;
	display: table;
}
#calendarBody td {
	font-size: 125%;
	display: table-cell;
	text-align: center;
	width: 40px;
	line-height: 1.0;
	background-color: #f0edd5;
}
#calendarBody td.today {
  /*display: block;
	border: 1px solid #444444;
	border: none;*/
	background-color: #ed0010;
}
#calendarBody tbody span {
	display: block;
	padding: 3px 0 5px 0;
	width: 36px;
	margin: 2px;
	color: #776147;
	background-color: #f0edd5;
}
#calendarBody span.event {
	background-color: #f3cc6f;
}
span.event a,
span.event a:visited {
	color: #776147;
	text-decoration: underline;
}
#calendarBody th {
	font-size: 125%;
	display: table-cell;
	text-align: center;
	width: 40px;
	line-height: 1.0;
	padding: 5px 0px 0px 0px;
}
#calendarMid {
	background: url(/atochi/common/img/bg_calendar_mid.png) repeat-y;
}
#firstRow {
	color: #fff;
	background: url(/atochi/common/img/bg_calendar_03.png) no-repeat;
	width: 280px;
}
#leftarrow {
	padding-right: 50px;
}
#rightarrow {
	padding-left: 50px;
}

.sunday,
.holiday
 {
	color: #f9a4ca;
}
#calendarMid span.sunday,
#calendarMid span.sunday a:link,
#calendarMid span.sunday a:visited,
#calendarMid span.holiday,
#calendarMid span.holiday a:link,
#calendarMid span.holiday a:visited {
  color: #e34878;
}

.saturday {
	color: #7ecef4;
}

#calendarMid span.saturday,
#calendarMid span.saturday a:link,
#calendarMid span.saturday a:visited {
  color: #317392;
}

/* event */
p.eventDetail {
	margin-top: 20px;
}
section.tab .tab_inner ul li.eventElement {
	border-bottom: 1px dashed #000!important;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
section.fl_box ul li article div.even {
	float: left;
	width: 150px;
}
li.date {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
	font-weight: bold;
}
#chosenDay {
	font-weight: bold;
	font-size: 125%;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #000!important;
}
section article h3.eventName {
	font-size:16px;
	margin-bottom: 5px;
	font-weight: bold;
}
section article h4 {
	margin-top: 20px;
	margin-bottom: 0;
	font-weight: bold;
}
section.tab .tab_inner ul.share {
	margin-bottom: 20px;
}
section.tab .tab_inner ul.share li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
}

ul.share li iframe.twitter-share-button{
	width: 115px!important;
}

#listarea .notevent{
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}
/* ====================================================
3. Page
==================================================== */

/*goods
-----------------------------*/
.goods section.tab h1,
.goods_post section.tab h1 {
	margin:7px 0 3px 10px;
}

/*app
-----------------------------*/
.app section.tab h1,
.app_post section.tab h1 {
	margin:7px 0 3px 10px;
}

.app section article h3 a:link {
	color:#d1c0a5;
}

.app section article ul.icon {
	margin-top:10px;
}

.app section article ul.icon li {
	float:left;
	margin-right:4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:solid 1px #999999;
	background-color:#ffffff;
	color:#000000;
	font-weight:bold;
	padding:4px;
	width:78px;
	text-align:center;
	font-size:11px;
}

.app section article ul.icon li:nth-child(3n) {
	margin-right:0;
}

@media all and (orientation:landscape){
.app section article ul.icon li {
	width:72px;
}
.app section article ul.icon li:nth-child(3n) {
	margin-right:4px;
}
}

.app section article ul.icon li.ds {
	border:solid 1px #ee87b4;
	background-color:#ee87b4;
	color:#ffffff;
}

.app section article ul.icon li.iphone {
	border:solid 1px #787878;
	background-color:#787878;
	color:#ffffff;
}

.app section article ul.icon li.android {
	border:solid 1px #abcc04;
	background-color:#abcc04;
	color:#ffffff;
}

.app section.tab ul.btn_tab {
	margin-top:-30px;
}

.app section.tab ul.btn_tab li:nth-child(1) {
	float:right;
}

.app section article.post section.post_header h3 {
	font-size:16px;
}

.app section article.post section.post_header div.odd {
	float:left;
	margin-right:10px;
	width: 100px;
}

.app section article.post section.post_header div.even {
	float:left;
	width: 150px;
}

.app section article.post section.post_header ul.store {

}

.app section article.post section.post_header ul.store li {
	float:left;
	margin-right:10px;
	padding:0;
	margin-bottom:0;
	border:none;
}

.app section article.post section.post_header ul.store li:nth-child(2n) {
	margin-right:0;
}

@media all and (orientation:landscape){
.app section article.post section.post_header ul.store li:nth-child(2n) {
	margin-right:10px;
}
}

.app section article.post section.post_header ul.icon {
	margin-bottom:20px;
}

.app section article.post section.post_header p.movie {
	margin-bottom:10px;
}

.app section article.post section.post_header .imglist {
	margin-bottom:15px;
	position: relative;
	top: 0;
	left: 0;
	width:270px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.app section article.post section.post_header .imglist .frame {
	width:200px;
	height:200px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 33px;
}

.app section article.post section.post_header .imglist ul.image {
	width: 5000px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.app section article.post section.post_header .imglist ul.image li {
	float: left;
}

.app section article.post section.post_header .imglist .prevNext {
	width: 270px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}

.app section article.post section.post_header .imglist .prev,
.app section article.post section.post_header .imglist .next {
	line-height: 1.0;
	z-index: 100;
	position: absolute;
	top: 50%;
	text-indent: -9999px;
	padding:0;
	margin:0;
	border:none;
}

.app section article.post section.post_header .imglist .prev {
	left: 0;
}

.app section article.post section.post_header .imglist .prev span {
	background:url(/app/images/btn_imglist_back.png) no-repeat 0 0;
	width:19px;
	height:23px;
}

.app section article.post section.post_header .imglist .next {
	right: 0;
}

.app section article.post section.post_header .imglist .next span {
	background:url(/app/images/btn_imglist_next.png) no-repeat 0 0;
	width:19px;
	height:23px;
}

.app section article.post section.post_header .imglist .prev span,
.app section article.post section.post_header .imglist .next span {
	display: block;
}

.app section article.post section.post_header .imglist .indicator {
	line-height: 1.0;
	text-align: center;
	padding-top:10px;
}

.app section article.post section.post_header .imglist .indicator span {
	background:url(/app/images/icon_imglist.png) no-repeat 0 0;
	width:10px;
	height:10px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.0;
	text-indent: -9999px;
	display: inline-block;
}

.app section article.post section.post_header .imglist .indicator span.current {
	background-position:  0 -10px;
	font-weight: bold;
}

.app section article.post p.btn_specialsite {
	margin-bottom:20px;
}

/*about
-----------------------------*/
.about section ul.dashed li {
	position: relative;
}

.about section li .nameko_body {
	position: relative;
	left: 0;
	top: 0;
}

.about section li ul.icon_btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.about section li ul.icon_btn li {
	text-align: center;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	background: #000 url() 0 0 no-repeat;
	margin: 0 auto;
	cursor:pointer;
	padding: 0;
	border: none;
}

.about section li ul.icon_btn li:nth-child(1) {
	background-color: #ff9d00;
	margin-top: 3px;
}

.about section li ul.icon_btn li:nth-child(2) {
	background-color: #fff100;
	margin-top: 41px;
}

.about section li ul.icon_btn li:nth-child(3) {
	background-color: #ff4bb0;
	margin-top: 37px;
}

.about section li ul.details {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.about section li ul.details li {
	display: none;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
	background-color: rgba(0,0,0,0.8);
	cursor:pointer;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.about section li ul.details li:last-child {
	padding-bottom: 20px;
}

@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0;/*透明度80%*/
 }
}
.blink {
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 0.5s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0.2s; /* 実行までの待ち時間 */
}

.about div.appItem {
	margin: 0 auto 30px auto;
	font-size: 106%;
	width: 270px;
}
.about div.appItem div.left {
	float: left;
	width: 135px;
}
.about div.appItem div.right {
	float: left;
	width: 135px;
}
.about div.appItem div.desc {
	margin-top: 6px;
}
.about div.appItem div.desc p {
	margin-top: 4px;
	margin-bottom: 4px;
}
.about div.appItem.deluxe h3 span.seriesName {
	font-size: 110%;
}
.about div.appItem a.appstore {
	display: none;
}
.about div.appItem a.googleplay {
	display: none;
}
.about div.appItem h3 {
	text-shadow:3px 3px 0px #000000, 2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
	margin-bottom: 4px;
}
.about div.appItem.deluxe h3 {
	color: #ffb46c !important;
}
.about div.appItem.seasons h3 {
	color: #ffb5ed !important;
}
.about div.appItem.first h3 {
	color: #a9f4ff !important;
}
.about 
/*freebie
-----------------------------*/
.freebie section ul.imglist_03 li {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.freebie section ul.imglist_03 li:nth-child(3n) {
	margin-right:0px;
}

@media all and (orientation:landscape){
.freebie section ul.imglist_03 li:nth-child(3n) {
	margin-right:15px;
}
}

.freebie section ul.imglist_03 li p {
	margin-bottom: 5px;
}

.freebie section ul.imglist_03 li dt {
	font-weight: bold;
}



/*info
-----------------------------*/
.info section.tab h1 {
	margin:-13px 0 3px 10px;
}


/*press
-----------------------------*/


/*contact
-----------------------------*/


/*en
-----------------------------*/









/* ====================================================
4. post common
==================================================== */

section article.post {

}

section article.post section.post_header {
	margin-bottom:20px;
}

section article.post section.post_header p.date{
	font-size:14px;
	color:#333333;
	font-weight:bold;
	margin-bottom:2px;
}

section article.post section.post_header h3 {
	font-size:20px;
	font-weight: bold;
	color:#d1c0a5;
	text-shadow:3px 3px 0px #000000, 2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}

section article.post section.post_header p.price {
	font-weight: bold;
	color:#000000;
}

section article.post section.post_header p.goodsmainimg {
	margin-top:5px;
	text-align:center;
}

section article.post section.post_body {
	margin-bottom:20px;
}

section article.post section.post_body img {
	max-width: 274px;
	height: auto;
}

section article.post ul.imglist_05 {
	margin:20px 0;
}

section article.post ul.imglist_05 li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding:0;
	border:none;
}

section article.post ul.imglist_05 li:nth-child(5n) {
	margin-right:0;
}

@media all and (orientation:landscape){
section article.post ul.imglist_05 li:nth-child(5n) {
	margin-right:10px;
}
}

section article.post section.contact {
	border: solid 2px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#fffcdb;
	padding:10px;
	margin-bottom:20px;
}

section article.post section.contact dl {
	
}

section article.post section.contact dl dt {
	font-size:15px;
	font-weight: bold;
	color:#ddff00;
	text-shadow:2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
	margin-bottom:5px;
}

section article.post section.contact dl dd {
	font-size:16px;
	color:#000;
}

section article.post section.contact dl dd a {
	background:url(../img/icon_arrow.png) no-repeat 0 50%;
	padding-left:15px;
	color:#e85298;
}

section article.post section.post_fotter {

}

div#menu.top div#share ul {
	margin:0 auto;
	margin-right:5px;
	margin-bottom:10px;
	float:left;
	
}

div#menu.top div#share ul li {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	border:none;
}

.postev_header ul.share {
	padding-left: 10px;
}

.postev_header ul.share,
.postev_fotter ul.share,
section article.post section.post_fotter ul.share {
	margin-bottom:20px;
}

.postev_header ul.share li,
.postev_fotter ul.share li,
section article.post section.post_fotter ul.share li {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	border:none;
}

section article.post section.post_fotter ul.backnext {
	border-top:dashed 1px #000;
}

section article.post section.post_fotter ul.backnext li {
	border-bottom:dashed 1px #000;
	margin:0!important;
	padding:0;
	font-size:14px;
}

section article.post section.post_fotter ul.backnext li a {
	padding:10px 0;
	display: block;
	color:#ff4bb0;
}

section article.post section.post_fotter ul.backnext li.next {
	padding-left:25px;
	background:url(../img/icon_arrow_back.png) no-repeat 0 50%;
}

section article.post section.post_fotter ul.backnext li.back {
	padding-right:25px;
	background:url(../img/icon_arrow_next.png) no-repeat 100% 50%;
}


/* ====================================================
5. Common parts
==================================================== */

/* article
========================================== */
section article p.date {
	font-size:13px;
	font-weight:bold;
	color:#333333;
	margin-bottom:2px;
}

section article h3 {
	font-size:16px;
	margin-bottom: 5px;
}

section article h3 a:link {
	font-weight: bold;
	color:#bae3f9!important;
	text-decoration: none;
	text-shadow:3px 3px 0px #000000, 2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}
section article h3 a:visited {
	font-weight: bold;
	color:#bae3f9!important;
	text-decoration: none;
	text-shadow:3px 3px 0px #000000, 2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}
section article h3 a:hover {
	font-weight: bold;
	color:#bae3f9!important;
	text-decoration: underline;
	text-shadow:3px 3px 0px #000000, 2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}
section article h3 a:active {
	font-weight: bold;
	color:#bae3f9!important;
	text-decoration: none;
	text-shadow:3px 3px 0px #000000, 2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
}

section article h3 a:visited {
	color:#bae3f9!important;
}

section article p.lead {
	font-size:14px;
}

/*tab
-----------------------------*/
section.tab {
	border: solid 3px #000000;
	padding:0px!important;
	background-color: rgba(255,255,255,0.9);
	position:relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:40px;
}

section.tab h1 {

}

section.tab h2 {
	margin:-20px 0 10px -15px;
}

section.tab ul li {
	margin-bottom:15px;
}

section.tab ul.btn_tab {
	position: relative;
	padding:0 10px 0;
}

section.tab ul.btn_tab li {
	width:48%;
	padding: 8px 0 0;
	margin:0!important;
	z-index:1;
	position:relative;
	font-size:14px;
}

section.tab ul.btn_tab li:nth-child(1) {
	float:left;
}

section.tab ul.btn_tab li:nth-child(2) {
	float:right;
}

section.tab ul.btn_tab li a {
	display:block;
	padding: 7px 5px 8px;
	text-align:center;
	border:3px solid #000;
	border-bottom:none;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	background-color: #dcdcdc;
	color: #000;
}

section.tab ul.btn_tab li.selected {
	z-index:30;
}

section.tab ul.btn_tab li.selected a {
	background-color: #ffffff;
}

section.tab .tab_inner {
	padding:9px;
	min-width: 260px;
	background-color:#FFF;
	border-top:3px solid #000;
	margin-top:-3px;
	position:relative;
	z-index:10;
	overflow: hidden;
}

section.tab .tab_category {
	display:none;
}

h2.tit_nameko,
section.tab .tab_inner h2{
	margin:0!important;
	color:#543429;
	font-size:18px;
	background:url(../img/icon_title.png) no-repeat 0 0;
	padding: 5px 0 5px 30px;
	font-weight:bold;
	margin-bottom:10px;
}

section.tab .tab_inner ul li {
	border-bottom:dashed 1px #000;
	padding-bottom:7px;
	margin-bottom:7px;
}

section.tab .tab_inner ul.backnextdx li {
	border-bottom: none;
	height: 33px;
	text-align: center;
}

section.tab .tab_inner ul.backnextdx li a {
	color: #000000;
	display: block;
}

section.tab .tab_inner ul.backnextdx li.next {
	background: url(../img/bg_dxtitle_l.gif) no-repeat 0 0;
	padding: 5px 0 0 18px;
	width: 237px;
	margin-bottom: 2px;
}

section.tab .tab_inner ul.backnextdx li.back {
	background: url(../img/bg_dxtitle_r.gif) no-repeat 0 0;
	padding: 5px 18px 0 0;
	width: 237px;
	margin-left: 12px;
}


section.tab .tab_inner ul li.date {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

section.tab .tab_inner ul li:last-child {
	border:none;
}

section.tab .tab_inner ul.catlist li {
	border-bottom:none;
	margin-bottom:10px;
	padding-bottom: 0;
}

section.tab .tab_inner ul.catlist li:last-child {
	margin-bottom:0!important;
}

section.tab .tab_inner .newlist ul li {
	padding-bottom: 0;
	margin-bottom: 10px;
	border: none;
	line-height: 1.1;
	font-size: 88%;
}
section.tab .tab_inner .newlist,
section.tab .tab_inner .osusume {
	margin-bottom: 20px;
}

section.tab .tab_inner .newlist > h3,
section.tab .tab_inner .osusume > h3,
section.tab .tab_inner .randdx > h3,
section.tab .tab_inner .appbanner h3 {
	background: url(../img/bg_headline.gif) no-repeat 0 0;
	padding: 2px 0 0 23px;
}

section.tab .tab_inner .osusume .th_description {
	padding-top: 8px;
}
section.tab .tab_inner .osusume .osusumeDesc {
	clear: both;
	padding-top: 10px;
}
section.tab .tab_inner .dxlink {
	margin-bottom: 20px;
	text-align: center;
	width: 270px;
}
section.tab .tab_inner .appbanner {
	margin-bottom: 20px;
}
section.pagenav ul {
    list-style-type:none;
    position:relative; /*センタリング処理*/
    float:left;
    left:50%;
    margin:0;
    padding:0;
    font-size: 17px;
}

section.pagenav ul li {
    position:relative;
    float:left;
    left:-50%;
    padding:5px 2px;
    border: none!important;
    margin: 0;
}



/*cmn_box
-----------------------------*/

section.cmn_box {
	border: solid 3px #000000;
	background-color: rgba(255,255,255,0.9);
	position:relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:40px;
	padding:10px;
}

section.cmn_box h1 {
	margin-bottom:15px;
}

section.cmn_box ul.dashed li {
	border-bottom:dashed 1px #000;
	padding-bottom:10px;
	margin-bottom:10px;
}

section.cmn_box ul.dashed li:last-child {
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}

section.cmn_box p.ph {
	text-align:center;
	margin-bottom:15px;
}

section.cmn_box p.lead {
	margin-bottom:15px;
}

section.cmn_box section.dashed {
	border-bottom:dashed 1px #000;
	padding-bottom:10px;
	margin-bottom:10px;
}

section.cmn_box section.dashed:last-child {
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}


/*others
-----------------------------*/

p.btn_more {
	text-align:right;
}

p.btn_more a {
	background: #e76ab0 url(../img/icon_arrow.png) no-repeat 10px center;
	padding:7px;
	color: #000000;
	font-weight: bold;
	display:block;
	border: solid 2px #000000;
	border-right: solid 4px #000000;
	border-bottom: solid 4px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align:center;
	text-shadow: none;
	font-size:14px;
}

p.pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
}

ul.list-dot {
}

ul.list-dot li {
	background:url(../img/icon_list-dot.png) 0 8px no-repeat;
	padding-left:10px;
	margin-bottom:10px;
}

p.btn_continue a {
	margin: 0 auto 10px;
	background: #bbe3f9;
	padding:7px;
	color: #ffffff;
	font-weight: bold;
	display:block;
	border: solid 2px #000000;
	border-right: solid 4px #000000;
	border-bottom: solid 4px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align:center;
	text-shadow:3px 3px 0px #000000, 2px 2px 2px #000000, 2px 2px 1px #000000, 2px 2px 0px #000000, 1px 1px 0px #000000, 1px 1px 1px #000000,-1px -1px 0px #000000,1px -1px 0px #000000,-1px 1px 0px #000000, 1px 0px 1px #000000,0px 1px 1px #000000,-1px 0px 1px #000000,0px -1px 0px #000000;
	font-size:20px;
	width:70%;
}

p.cap_center {
	font-size:10px;
	text-align:center;
}

p.btn_newwin a{
	background: #e76ab0 url(../img/icon_newwin.png) no-repeat 10px center;
	padding:7px;
	color: #000000;
	font-weight: bold;
	display:block;
	border: solid 2px #000000;
	border-right: solid 4px #000000;
	border-bottom: solid 4px #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align:center;
	text-shadow: none;
	font-size:14px;
}

a.newwin {
	background: url(../img/icon_newwin.png) no-repeat 0 center;
	padding:3px 0 3px 20px;
}

/*searchresult
-----------------------------*/
section ul li.searchresult{
	border-bottom:dashed 1px #000;
	padding-bottom:7px;
	margin-bottom:7px;
}