/* *********************************************************
	initialize
********************************************************* */
/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
.clearfix {display: inline-table;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background-color: #EEEEEE;
    color: #333333;
    font-size: 16px;
    min-width: 320px;
    background-image: url(../__common_img/nav_background.png);
    background-repeat: no-repeat;
    background-position: center -5px;
}
/*----------------------------------------
	img
----------------------------------------*/
img {
    vertical-align: bottom;
    display: block;
    width: 100%;
}
/*----------------------------------------
	title, text
----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}
h1,
h2 {
    font-size: 36px;
    line-height: 50px;
    
    margin: 0 0 12.5px 0;
    color: #FFFFFF;
    position: relative;
}
q {
    vertical-align: middle;
    display: inline-block;
    height: 18px;
    width: 22px;
    background-image: url(../__common_img/line-arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
}
q:before,
q:after {
    content: "";
}
s {
    display: inline-block;
    padding: 0 2px;
    text-decoration: none;
    background-image: url(../__common_img/line-through.png);
    background-repeat: repeat-x;
    background-position: center center;
}
u {
    display: inline-block;
    text-decoration: none;
    font-weight: normal !important;
    padding: 0 0 0 2px;
}
em {
    font-size: 10px;
    display: inline;
    font-style: normal;
    font-weight: normal;
    color: #F06292;
}
/*----------------------------------------
	anchor
----------------------------------------*/
a {
    text-decoration: none;
    color: #333333;
}
a:active,
a:hover {
    opacity: 0.75;
}
/*----------------------------------------
	table
----------------------------------------*/
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}
/*----------------------------------------
	list
----------------------------------------*/
ul,
ol,
li,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
}
ul {
    list-style-type: none;
}
ol {
    list-style-type: none;
}
dt {
    font-weight: bold;
    color: #424242;
}
dd {
    margin: 0 0 10px 0;
}

/* *********************************************************
	font-size
********************************************************* */
.infoBox .f10n {
	font-size: 10px;
}
.infoBox .f12n {
	font-size: 12px;
}
.infoBox .f14n {
	font-size: 14px;
}
.infoBox .f16n {
	font-size: 16px;
}
.infoBox .f18n {
	font-size: 18px;
}
.infoBox .f20n {
	font-size: 20px;
}
.infoBox .f22n {
	font-size: 22px;
}
.infoBox .f24n {
	font-size: 24px;
}
/* ------------------------ */
.infoBox .f10b {
	font-size: 10px;
	font-weight: bold;
}
.infoBox .f12b {
	font-size: 12px;
	font-weight: bold;
}
.infoBox .f14b {
	font-size: 14px;
	font-weight: bold;
}
.infoBox .f16b {
	font-size: 16px;
	font-weight: bold;
}
.infoBox .f18b {
	font-size: 18px;
	font-weight: bold;
}
.infoBox .f20b {
	font-size: 20px;
	font-weight: bold;
}
.infoBox .f22b {
	font-size: 22px;
	font-weight: bold;
}
.infoBox .f24b {
	font-size: 24px;
	font-weight: bold;
}
/* ------------------------ */
.infoBox .red {
	color: #BA2015;
}
.infoBox .blue {
	color: #033370;
}
.infoBox .gray {
	color: #666666;
}
/* ------------------------ */
.infoBox .m0 {
	margin-bottom: 0px;
}
.infoBox .m1 {
	margin-bottom: 1px;
}
.infoBox .m2 {
	margin-bottom: 2px;
}
.infoBox .m3 {
	margin-bottom: 3px;
}
.infoBox .m4 {
	margin-bottom: 4px;
}
.infoBox .m5 {
	margin-bottom: 5px;
}
.infoBox .m6 {
	margin-bottom: 6px;
}
.infoBox .m7 {
	margin-bottom: 7px;
}
.infoBox .m8 {
	margin-bottom: 8px;
}
.infoBox .m9 {
	margin-bottom: 9px;
}
.infoBox .m10 {
	margin-bottom: 10px;
}
.infoBox .m11 {
	margin-bottom: 11px;
}
.infoBox .m12 {
	margin-bottom: 12px;
}
.infoBox .m13 {
	margin-bottom: 13px;
}
.infoBox .m14 {
	margin-bottom: 14px;
}
.infoBox .m15 {
	margin-bottom: 15px;
}
/* ------------------------ */
.infoBox .kikan {
	display: inline-block;
	background-color: #000000;
	color: #ffffff;
	line-height: 1em;
	padding: 3px;
}





/* *********************************************************
	responsive
********************************************************* */

/* max : 1000px */

.pc {
    display: block !important;
}

/* max : 768px */

.tb {
    display: none !important;
}

/* max : 414px */

.fb {
    display: none !important;
}

/* max : 320px */

.sp {
    display: none !important;
}

.pcmode {
    display: block;
}

.spmode {
    display: none;
}


/* *********************************************************
	layout
********************************************************* */
.wrap {
    max-width: 1080px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

article {
    width: 100%;
    margin: 0;
    padding: 0;
}

section {
    margin: 0;
    padding: 0;
    width: 100%;
    over-flow: hidden;
    position: relative;
}
.spnav {
	max-width: 1010px;
	margin: 0 auto 60px auto;
}
.spnav li {
	display: block;
	text-align: center;
	margin: 0 0 7px 0;
}
.spnav a {
	color: #033370;
	background-image: url(../_common_img/arrow_link.png);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}
.spnav a span {
	border-bottom: 1px dotted #033370;
}


/* *********************************************************
	header
********************************************************* */
header {
	display: table;
	max-width: 1010px;
	width: 100%;
	margin: 10px auto;
}
header div {
	display: table-cell;
	vertical-align: top;
}
header div:nth-child(1) {
	width: 370px;
}
header div:nth-child(2) {
	text-align: right;
	font-size: 14px;
	color: #666666;
}


/* *********************************************************
	nav
********************************************************* */
nav {
	font-family: sans-serif;
    line-height: 0;
    padding: 0 0 15px 0;
	position: relative;
	max-width: 1010px;
	margin: 0 auto;
}
nav #photocon {
    line-height: 1.5em;
}
#index nav {
	padding: 15px 0;
}
nav.active {
	padding-bottom: 45px; 
}
nav ul {
	display: table;
	width: 100%;
}
nav ul > li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	width: 25%;
	border-right: 1px solid #eeeeee;
	background-color: #ffffff;
}
nav ul > li:last-child {
	border-right: 0;
}
nav ul > li > a {
	display: table;
	width: 100%;
	height: 60px;
	color: #ffffff;
	background-color: #033370;
}
nav ul > li > a:hover,
nav ul > li > a:active,
nav ul > li > a.active {
	background-color: #BA2015;
}
nav ul > li > a > div {
	display: table-cell;
	vertical-align: middle;
}
/*---------------------*/
nav aside {
	display: none;
	background-color: #ffffff;
}
nav.active ul > li > a {
	opacity: 0.5;
}
nav.active ul > li#event > a {
	opacity: 1;
}
nav.active aside {
	display: block;
}
/*---------------------*/
nav ol {
	position: absolute;
	left: 0;
	top: 61px;
	z-index: 999;

	display: table;
	max-width: 1010px;
	width: 100%;
	margin: 0 auto;
}
nav ol > li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	width: 25%;
	border-right: 1px solid #eeeeee;
	background-color: #ffffff;
}
nav ol > li:last-child {
	border-right: 0;
}
nav ol > li > a {
	display: table;
	width: 100%;
	height: 30px;
	color: #ffffff;
	background-color: #033370;
}
nav ol > li > a:hover,
nav ol > li > a:active,
nav ol > li > a.active {
	background-color: #BA2015;
}
nav ol > li > a > div {
	display: table-cell;
	vertical-align: middle;
}
nav .nbr {
	display: none;
}
nav #photocon {
    line-height: 1.2em;
}

nav.natumaturitab {
	width: 100%;
}
nav.natumaturitab ul {
	width: 86%;
    margin: 0 auto;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background-color: #EEEEEE;
    
}

/* *********************************************************
	footer
********************************************************* */
footer > p {
	font-size: 12px;
	color: #33333;
	max-width: 1010px;
	margin: 30px auto;
}
footer > b {
	display: block;
	font-size: 12px;
	color: #33333;
	font-weight: normal;
	text-align: center;
	font-family: monospace;
	margin: 15px 0;
}
footer > a {
	display: block;
	background-color: #E3DFD3;
	padding: 15px 0;
}
footer > a img {
	display: block;
	margin: 0 auto;
	width: 22px;
}

footer > div {
	background-image: url(../_common_img/footer_bg.jpg);
}
footer .fbr {
	display: none;
}
footer .cbr {
	display: none;
}

.banner_table {
	display: table;
	margin: 0 auto;
}
.banner_table > div {
	display: table-cell;
	padding: 30px 10px;
}

/* *********************************************************
	上野が、すき。バナー
********************************************************* */

.suki_table > div {
	display: table-cell;
	padding: 30px 10px;
}
.suki_table > div {
	display: table-cell;
	padding: 10px 10px;
}

/* *********************************************************
	title
********************************************************* */
h1 {
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #BA2015;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.4em;
	margin: 25px auto 25px auto;
}
h2 {
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #2A4257;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4em;
	margin: 25px auto 25px auto;
}
h2#natumaturitit {
    font-size: 32px;
	font-weight: 600;
	line-height: 1.4em;
	text-align: center;
	max-width: 1010px;
	margin: 30px auto 25px auto;
}
h2#natumaturitit span {
    font-size: 26px;
    font-weight: normal;
}

section h3 {
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding: 5px 0;
	border-top: 1px solid #2A4257;
	border-bottom: 1px solid #2A4257;
	background-color: #DADDDF;
	color: #2A4257;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.2em;
	text-align: center;
	max-width: 1010px;
	margin: 0 auto 17px auto;
}
section h3 span {
	font-size: 16px;
}
section h3.area4 {
	margin-top: 20px;
    line-height: 1.8em;
    font-size: 26px;
}
section h3.area4_2 {
	margin: 100px 0 30px;
    line-height: 1.8em;
    font-size: 26px;
}

section h4 {
	color: #2A4257;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	max-width: 1010px;
	margin: 0 auto 17px auto;
}
section h4.natumaturiarea{
    background-color: #033370;
    color: #FFFFFF;
    padding: 5px 0;
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
}

/* *********************************************************
	btn
********************************************************* */
.btn_more {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	background-color: #BA2015;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

/* *********************************************************
	common_area
********************************************************* */
.common_area {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 0 40px 0;
}
.common_area .slick_container {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 27px;
}


/* *********************************************************
	common_slide
********************************************************* */
.common_slide {
	margin: 0 0 15px 0;
}
.slick-prev::before,
.slick-next::before {
	content: '';
}
.common_slide .item {

}


/* *********************************************************
	common_table
********************************************************* */
.common_table {
	display: table;
	width: 100%;
	margin: 0 0 25px 0;
	background-color: #ffffff;
}
.common_table > div {
	display: table-cell;
}
.common_table > div:nth-child(1) {
	width: 680px;
	vertical-align: top;
}
.common_table > div:nth-child(2) {
	padding: 0 10px 10px 20px;
	vertical-align: bottom;
}
.common_table > div:nth-child(2) img {
	display: block;
	width: 200px;
	margin: 0 0 10px 0;
}


/* *********************************************************
	masonry
********************************************************* */
.item_area_2,
.item_area_3 {
	position: relative;
	max-width: 1027px;
	margin: 0 auto;
}
.masonry {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.item_area_3 .item {
	width: 325px;
}
.item_area_2 .item {
	width: 496px;
}


/* *********************************************************
	flex
********************************************************* */
.flex_area_2,
.flex_area_3 {
	max-width: 1027px;
	margin: 0 auto;
	position: relative;
}
.flex_box {
	display: flex;
	flex-wrap: wrap;
}
.flex_area_3 .item {
	width: 325px;
}
.flex_area_2 .item {
	width: 496px;
}


/* *********************************************************
	infoBox
********************************************************* */
.infoBox {
	background-color: #ffffff;
	margin: 0 8.5px 17px 8.5px;
}
.infoBox > div {
	padding: 5px 10px 15px 10px;
	font-size: 14px;
	position: relative;
}
.infoBox > div img.w150 {
	width: 150px;
}



/* *********************************************************
	クリスマス
********************************************************* */

.xmas_bg {
        background-attachment: fixed;
		background-image: url(../images/xmas_bg_pc.jpg);
		background-color: #01082a;
		background-size: 100%;
	}

/* 20171113追記ここから */

.xmas_mv {
    margin: 0 auto 160px auto;
    padding-top: 30px;
    width: 500px;
}

.xmas_main_area {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    padding-bottom: 80px;
    width: 960px;
}

.xmas_main_area div {
    background-color: #fff;
    min-height: 0%;
    padding: 50px;
    width: 47%;
}

.xmas_main_area div img {
    padding-bottom: 30px;
    text-align: center;
}

.xmas_main_area div p {
    margin-bottom: 30px;
}

.xmas_main_area .card01 {
    border: 3px solid #cc0e1f;
    height: 720px;
    margin-right: 6%;
    margin-top: -100px;
}

.xmas_main_area .card02 {
    border: 3px solid #096203;
    height: 720px;
    margin-top: 100px;
}

.xmas_main_area .card03 {
    border: 3px solid #cc0e1f;
    height: 740px;
    margin-right: 6%;
    margin-top: -100px;
}

.xmas_main_area .card04 {
    border: 3px solid #a78555;
    height: 1135px;
    margin-top: 100px;
}

.xmas_main_area .card04 .beayty_title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
}

.xmas_main_area .card04 .beayty_period {
    font-size: 20px;
    margin-bottom: 10px;
}

.xmas_main_area .card04 strong {
    color: tan;
}

.xmas_main_area .card05 {
    border: 3px solid #fff100;
    height: 600px;
    margin-right: 6%;
    margin-top: -480px;
}

.xmas_main_area .card06 {
    background-color: transparent;
}

.xmas_bg .sns_area {
    overflow: hidden;
    width: 1020px;
}

.xmas_bg .sns_area .fb_block {
    float: left;
    width: 500px;
}

.xmas_bg .sns_area .tw_block {
    float: right;
    width: 500px;
}

footer {
    clear: both;
}

/* 20171113追記ここまで */

/* クリスマス準備中 ここから */

.xmas_bg {
        background-attachment: fixed;
		background-image: url(../images/xmas_bg_pc.jpg);
		background-color: #01082a;
		background-size: 100%;
	}

/* クリスマス準備中 ここまで */

.h3_xmas {
	border-top: 1px solid #f5d939;
	border-bottom: 1px solid #f5d939;
	background-color: #03052b;
	color: #f5d939;
}

.xmas_footer{
	font-size: 12px;
	color: #ffffff;
	margin: 10px 10px 0 10px ;
	padding: 5px ;
	background-color: #03052b;
	width: auto;
}

/* =========================================================
	index
========================================================= */
.main_area {
	max-width: 1010px;
	margin: 0 auto 15px auto;
    display: flex;
}
.main_area > div {
}
.main_left {
    width: 685px;
    padding-right: 18px;
}
.main_right {
    width: 325px;
}
.main_right a {
    display: block;
    margin-bottom: 11px;
}
.main_right a:last-child {
    margin-bottom: 0;
}

/* =========================================================
	newshop
========================================================= */

.hanare_logo {
	max-width: 451px;
	padding: 0 10px;
	margin: 0 auto;
}
.hanare_map {
	max-width: 1030px;
	padding: 0 10px;
	margin: 0 auto 20px auto;
}
/*------------------------*/
.shoes_table {
	display: table;
	max-width: 1010px;
	margin: 0 auto 40px auto;
}
.shoes_cell {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
/*------------------------*/
.shoes_cell:nth-child(1) {
	padding: 0 7.5px 0 0;
}
.shoes_cell:nth-child(2) {
	padding: 15px 15px 15px 7.5px;
}


/* =========================================================
	ueno
========================================================= */
.headimg {
	max-width: 1010px;
	margin: 0 auto;
}
.present_area {
	padding: 0 10px;
}
.present_table {
	display: table;
	max-width: 1010px;
	margin: 0 auto 40px auto;
}
.present_cell {
	display: table-cell;
	vertical-align: top;
}
.present_cell:nth-child(1),
.present_cell:nth-child(3) {
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 10px;
}
/*------------------------*/
.present_cell:nth-child(1) {
	width: 293px;
}
.present_cell:nth-child(1) b {
	display: block;
	color: #BD1F0A;
	font-size: 18px;
}
.present_cell:nth-child(1) p {
	color: #333333;
	font-size: 14px;
}
.present_cell:nth-child(1) a {
	color: #0059B2;
	font-size: 14px;
	text-decoration: underline;
}
/*------------------------*/
.present_cell:nth-child(2) {
	min-width: 10px;
}
.present_cell:nth-child(3) {
	width: 700px;
}
.present_cell:nth-child(3) b {
	display: block;
	color: #BD1F0A;
	font-size: 18px;
	margin: 0 0 10px 0;
}
.present_cell:nth-child(3) p {
	color: #333333;
	font-size: 12px;
}
/*------------------------*/
.inner_table {
	display: table;
}
.inner_cell {
	display: table-cell;
	vertical-align: top;
}
.inner_cell:nth-child(1) {
	width: 210px;
}
.inner_cell:nth-child(1) img {
	display: block;
	margin: 0 auto;
}
/*------------------------*/
.station_area {
	padding: 0 10px;
}
.station_logo {
	max-width: 516px;
	padding: 0 10px;
	margin: 0 auto;
}
/*------------------------*/
.station_table {
	display: table;
	max-width: 1010px;
	margin: 0 auto 40px auto;
}
.station_cell {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
/*------------------------*/
.station_cell:nth-child(1) {
	padding: 0 7.5px 0 0;
}
.station_cell:nth-child(2) {
	padding: 0 0 0 7.5px;
}
/*------------------------*/
.station_cell:nth-child(2) b {
	display: block;
	color: #BD1F0A;
	font-size: 18px;
}
.station_cell:nth-child(2) p {
	color: #333333;
	font-size: 14px;
}
.station_cell:nth-child(2) strong {
	display: block;
	color: #204354;
	font-size: 28px;
	font-weight: bold;
	margin: 15px 0 0 0;
}

.station_cell:nth-child(2) strong {
	display: block;
	color: #204354;
	font-size: 28px;
	font-weight: bold;
	margin: 15px 0 0 0;
}

/*------------------------*/
.ueno_table {
	display: table;
	max-width: 1010px;
	margin: 0 auto 40px auto;
	background-color: #ffffff;
}
.ueno_cell {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
/*------------------------*/
.ueno_cell:nth-child(1) {
	padding: 0 7.5px 0 0;
}
.ueno_cell:nth-child(2) {
	padding: 15px 15px 15px 7.5px;
}
/*------------------------*/
.limitdate_area {
	padding: 0 10px;
}
.limitdate_item {
	max-width: 1010px;
	margin: 0 auto 40px auto;
}
/*------------------------*/
.cafe_area {
	padding: 0 10px;
}
.cafe_logo {
	max-width: 516px;
	padding: 0 10px;
	margin: 0 auto;
}
/*------------------------*/
.gallery_area {
	padding: 0 10px;
}
.gallery_logo {
	max-width: 516px;
	padding: 0 10px;
	margin: 0 auto;
}
/*------------------------*/
.uenogasuki_opening_pc {
	display: block;
}
.uenogasuki_opening_sp {
	display: none;
}



/* =========================================================
	ikimono
========================================================= */
.num {
    margin: 0 auto;
    max-width: 1010px;
}
.num p {
    border: 1px solid #333;
    display: inline;
    font-size: 14px;
    padding: 5px;
}

.backnum {
    background-color: rgb(186, 32, 21);
    color: #fff;
    margin: 0 auto 20px;
    max-width: 1010px;
    padding: 10px;
}

.ikimono_area {
	max-width: 1010px;
	margin: 0 auto;
}

.ikimono_list {
    background-color: #fff;
    overflow: hidden;
    padding: 30px;
}

.ikimono_list dl dt {
    background-color: #efefef;
    color: #222;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 20px;
    padding: 15px 0;
    text-align: center;
    
}
.ikimono_list dl dd {
    background-color: #333;
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 15px;
    padding: 20px 0;
    text-align: center;
    width: 100px;
}
.ikimono_list dl .ikimono_active {
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
    font-weight: normal;
}



.f10n {
	font-size: 10px;
}
.f12n {
	font-size: 12px;
}
.f14n {
	font-size: 14px;
}
.f16n {
	font-size: 16px;
}
.f16n a {
	color: #BA2015;
    border-bottom: dotted 2px #333;
}
.f18n {
	font-size: 18px;
}
.f20n {
	font-size: 20px;
}
.f22n {
	font-size: 22px;
}
.f24n {
	font-size: 24px;
}
/* ------------------------ */
.f10b {
	font-size: 10px;
	font-weight: bold;
}
.f12b {
	font-size: 12px;
	font-weight: bold;
}
.f14b {
	font-size: 14px;
	font-weight: bold;
}
.f16b {
	font-size: 16px;
	font-weight: bold;
}
.f18b {
	font-size: 18px;
	font-weight: bold;
}
.f20b {
	font-size: 20px;
	font-weight: bold;
}
.f22b {
	font-size: 22px;
	font-weight: bold;
}
.f24b {
	font-size: 24px;
	font-weight: bold;
}
/* ------------------------ */
.red {
	color: #BA2015;
}
.blue {
	color: #033370;
}
.gray {
	color: #666666;
}
/* ------------------------ */
.m0 {
	margin-bottom: 0px;
}
.m1 {
	margin-bottom: 1px;
}
.m2 {
	margin-bottom: 2px;
}
.m3 {
	margin-bottom: 3px;
}
.m4 {
	margin-bottom: 4px;
}
.m5 {
	margin-bottom: 5px;
}
.m6 {
	margin-bottom: 6px;
}
.m7 {
	margin-bottom: 7px;
}
.m8 {
	margin-bottom: 8px;
}
.m9 {
	margin-bottom: 9px;
}
.m10 {
	margin-bottom: 10px;
}
.m11 {
	margin-bottom: 11px;
}
.m12 {
	margin-bottom: 12px;
}
.m13 {
	margin-bottom: 13px;
}
.m14 {
	margin-bottom: 14px;
}
.m15 {
	margin-bottom: 15px;
}

.ikimark_pc {
	width: 90%;
	margin: 0 auto;
/*	background-image: url("../ikimono_2017_01/ikimono_mark.png");*/
	background-position: right center ;
	background-size: 150px;
	background-repeat: no-repeat;
}

.ikimark_sp {
	display: none;
}


/* =========================================================
	newshop
========================================================= */




@media (max-width: 1009px) {

	/* *********************************************************
		header
	********************************************************* */
	header div:nth-child(1) {
		width: 300px;
		padding: 0 0 0 10px;
	}
	header div:nth-child(2) {
		padding: 0 10px 0 0;
		vertical-align: middle;
	}

	/* *********************************************************
		footer
	********************************************************* */
	footer > p {
		padding: 0 0 0 10px;
	}
	footer .fbr {
		display: block;
	}

	/* =========================================================
		index : main_area
	========================================================= */
	.main_area,
	.main_area > div {
		display: block;
	}
	.main_left,
	.main_right {
		width: 100%;
		padding-right: 0;
	}
	.main_right a {
		display: block;
		margin: 0;
		padding: 0 5px;
	}
	/* *********************************************************
		flex
	********************************************************* */
	.flex_box {
		max-width: 756px;
		margin: 0 auto;
	}
	.flex_area_3 .item {
		width: 235px;
	}
	.flex_area_2 .item {
		width: 325px;
	}
	/* *********************************************************
		common_table
	********************************************************* */
	.common_table > div:nth-child(1) {
		width: 60%;
	}
	.common_table > div:nth-child(2) {
		padding: 0 10px 10px 20px;
	}
	.common_table > div:nth-child(2) img {
		display: block;
		width: 100px;
		margin: 0 0 10px 0;
	}

	.ikimark_sp {
		display: block;
		width: 100px;
		margin: 5px auto 15px auto;
	}

	.ikimark_pc {
		background-image: none;
	}

	/* *********************************************************
	common_slide
	********************************************************* */
	.slider-for{
		margin: 0 0 10px 0;
	}

	.slider-nav{
		margin: 0 0 5px 0;
	}
    
    /* *********************************************************
	num
	********************************************************* */
    .num {
        margin-left: 10px;
    }

}

@media (max-width: 768px) {

	/* =========================================================
		ueno
	========================================================= */
	.present_cell:nth-child(3) b {
		font-size: 16px;
	}
	/*------------------------*/
	.uenogasuki_opening_pc {
		display: none;
	}
	.uenogasuki_opening_sp {
		display: block;
	}
    
    /* =========================================================
		クリスマス_20171114追記
	========================================================= */
    .xmas_mv {
        margin: 0 auto 30px auto;
        padding-top: 30px;
        width: 80%;
    }
    .xmas_main_area {
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        padding-bottom: 80px;
        width: 100%;
    }
    .xmas_main_area div {
        background-color: #fff;
        padding: 30px 30px 15px 30px;
        width: 80%;
    }
    .xmas_main_area div img {
        margin-bottom: 15px;
        padding-bottom: 0;
    }
    .xmas_main_area div p {
    }
    .xmas_main_area .card01 {
        height: auto;
        margin-right: 0;
        margin-top: 0;
    }
    .xmas_main_area .card02 {
        height: auto;
        margin-left: auto;
        margin-top: 30px;
    }
    .xmas_main_area .card03 {
        height: auto;
        margin-right: 0;
        margin-top: 30px;
    }
    .xmas_main_area .card04 {
        height: auto;
        margin-left: auto;
        margin-top: 30px;
    }
    .xmas_main_area .card04 .beayty_title {
        font-size: 18px;
    }
    .xmas_main_area .card04 .beayty_period {
        font-size: 14px;
    }
    .xmas_main_area .card04 strong {
    }
    .xmas_main_area .card05 {
        height: auto;
        margin-right: 0;
        margin-top: 30px;
    }
    .xmas_main_area .card06 {
        width: 100%;
    }
    .xmas_bg .sns_area {
        width: 100%;
    }
    .xmas_bg .sns_area .fb_block {
        float: none;
        margin: 0 auto;
        width:  320px;
    }
    .xmas_bg .sns_area .tw_block {
        float: none;
        margin: 15px auto 0 auto;
        width:  320px;
    }
    
/* *********************************************************
		1807~　スマホサブ
	********************************************************* */
    .block_sp {
    padding: 5px 15px;
    }
    .left_block_sp {
    float: left;
    width: 73%;
    }
    .right_block_sp {
    float: right;
    width: 27%;
    }
}

@media (max-width: 767px) {

	/* *********************************************************
		nav
	********************************************************* */
	nav ul > li > a > div {
		font-size: 12px;
	}
	nav ol > li > a > div {
		font-size: 12px;
	}
	nav .nsp {
		display: none;
	}
	nav .nbr {
		display: block;
	}
	nav ol > li > a {
		height: 40px;
	}

	/* *********************************************************
		title
	********************************************************* */
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 14px;
	}
	section h3 {
		font-size: 18px;
	}
	/* *********************************************************
		common_table
	********************************************************* */
	.common_table,
	.common_table > div {
		display: block;
		margin: 0;
	}
	.common_table > div:nth-child(1) {
		width: 100%;
	}
	.common_table > div:nth-child(2) {
		padding: 10px 10px 35px 10px;
		border-bottom: 1px solid #cccccc;
		overflow: hidden;
	}
	.common_table > div:nth-child(2) img {
		display: block;
		margin: 0 0 20px 0;
		float: left;
	}
	/* *********************************************************
		flex
		masonry
	********************************************************* */
	.flex_box {
		display: block;
	}
	.flex_area_3 .item,
	.flex_area_2 .item,
	.item_area_3 .item,
	.item_area_2 .item {
		width: 100%;
		border-bottom: 1px solid #cccccc;
	}

	/* *********************************************************
		infoBox
	********************************************************* */
	.infoBox {
		margin: 0;
		padding: 0 0 25px 0;
	}
	/* =========================================================
		newshop
	========================================================= */
	.shoes_table,
	.shoes_cell {
		display: block;
		max-width: 100%;
		width: 100%;
	}
	/* =========================================================
		ueno
	========================================================= */
	.present_table,
	.present_cell,
	.inner_table,
	.inner_cell {
		display: block;
		max-width: 100%;
		width: 100%;
	}
	.inner_cell:nth-child(1) {
		display: block;
		margin: 0 auto;
	}
	.present_cell:nth-child(1),
	.present_cell:nth-child(2),
	.present_cell:nth-child(3) {
		max-width: 100%;
		width: 100%;
	}
	.present_cell:nth-child(2) {
		height: 15px;
	}
	/*------------------------*/
	.inner_table,
	.inner_cell,
	.ueno_table,
	.ueno_cell,
	.ueno_cell:nth-child(1),
	.ueno_cell:nth-child(2),
	.station_table,
	.station_cell,
	.station_cell:nth-child(1),
	.station_cell:nth-child(2) {
		display: block;
		max-width: 100%;
		width: 100%;
		padding: 0;
	}
	.station_cell:nth-child(2),
	.ueno_cell:nth-child(2) {
		padding: 5px;
	}

/* *********************************************************
	common_slide
********************************************************* */
	.slider-for{
		margin: 0 0 10px 0;
	}

	.slider-nav{
		margin: 0 0 5px 0;
	}

}

@media (max-width: 550px) {
	/* *********************************************************
		header
	********************************************************* */
	header div:nth-child(1) {
		width: 200px;
	}
	header div:nth-child(2) {
		font-size: 12px;
	}
	/* *********************************************************
		nav
	********************************************************* */
	nav.active {
		padding-bottom: 15px; 
	}
	nav ul,
	nav ul > li {
		display: block;
	}
	nav ul {
		overflow: hidden;
	}
	nav ul > li {
		width: 50%;
		float: left;
		border-right: 0 solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
	}
	nav ul > li:nth-child(1),
	nav ul > li:nth-child(3) {
		border-right: 1px solid #eeeeee;
	}
	nav.active ul > li:nth-child(1),
	nav.active ul > li:nth-child(2) {
		padding-bottom: 40px; 
	}

	/* *********************************************************
		footer
	********************************************************* */
	footer > p br,
	footer .fbr {
		display: none;
	}
	footer .cbr {
		display: block;
	}
	/* *********************************************************
		title
	********************************************************* */
	h2 br {
		display: none;
	}
    h2#natumaturitit br {
		display: inline;
	}
	section h3 {
		font-size: 16px;
	}

}
@media (max-width: 413px) {
	/* *********************************************************
		header
	********************************************************* */
	header,
	header div  {
		display: block;

	}
	header div:nth-child(1) {
		width: 300px;
		padding: 0 10px 10px 10px;
		margin: 0 auto;
	}
	header div:nth-child(2) {
		text-align: center;
		font-size: 12px;
		padding: 0 10px 0 10px;
	}

	/* *********************************************************
		footer
	********************************************************* */
	.banner_table,
	.banner_table > div {
		display: block;
	}

	.banner_table {
		padding: 10px 0;
	}
	.banner_table > div {
		padding: 0;
		margin: 0 auto 10px auto;
		width: 190px;
	}

	/* *********************************************************
		上野が、すき。バナー
	********************************************************* */
	.suki_table,
	.suki_table > div {
		display: block;
	}

	.suki_table {
		padding: 10px 0;
	}
	.suki_table > div {
		padding: 0;
		margin: 0 auto 10px auto;
		width: 190px;
	}


	/* *********************************************************
		title
	********************************************************* */
	h1,
	h2 {
		padding: 0 10px;
	}
	h1 br,
	h2 br {
		display: none;
	}

}

@media (max-width: 320px) {}