@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body { font-family: 'Open Sans','Noto Sans Japanese' sans-serif; }

/*
++++++++++++++++++++++++++++++++
html
++++++++++++++++++++++++++++++++
*/

ul { padding: 0; }
li { list-style: none; }

/*
++++++++++++++++++++++++++++++++
common classes
++++++++++++++++++++++++++++++++
*/

/*
.hide
{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/

.note { font-size: 12px; }

/*
++++++++++++++++++++++++++++++++
header
++++++++++++++++++++++++++++++++
*/

.home header .container { position: relative; }

/*
----------------
navbar
----------------
*/

header .navbar
{
	background: #fff;
	border: none;
	margin-bottom: 0;
}

/* navbar menu container */
.navbar-right { margin-right: 0; }

/* collapse menu btn */
.navbar-toggle { margin: 15px 0; }

/* navbar menus (right side) */
#nav-menus
{
	margin-left: -15px;
	padding-left: 0;
}

/* lang selector */
.navbar .lang-selector { margin: 15px 0; }

/* temporary disappearing */
.navbar .navbar-toggle ,
.navbar .lang-selector { /*display: none;*/ }

/*
----------------
ci
----------------
*/

/*
----------------
brand
----------------
*/

.navbar-brand
{
	white-space: nowrap !important;
	padding: 14px 0;
	height: auto;
}

/* bootstrap overriding */
.navbar-brand > img { display: inline-block; }

header img.ci
{
	height: 32px;
	width: auto;
}

header img.brand
{
	height: 32px;
	width: auto;
	margin: 0 4px 0 8px;
}

/* store name */
.store
{
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-weight: 300 !important;
	font-size: 14px;
	letter-spacing: 0.02em;
	color: #000;
	display: inline-block;
	margin-left: 0px;
	vertical-align: middle;
}

header a:hover { text-decoration: none; }

/*
++++++++++++++++++++++++++++++++
content
++++++++++++++++++++++++++++++++
*/

/* event area */
.weekly-issues { }

/* tabs */
.tab-pane { padding-top: 30px; }
.nav-tabs .label { margin-right: 5px; }

.issue i
{
	font-family: Georgia, serif;
	font-size: 12px;
}

#week-content a:hover
{
	display: block;
	opacity: 0.5;
}

#week-content .feature { margin-bottom: 30px; }

/*
++++++++++++++++++++++++++++++++
feature caption
++++++++++++++++++++++++++++++++
*/

.feature .caption
{
	position: absolute;
	bottom: -22px;
	left: 0;
	height: 20px;
	color: black;
	text-shadow: none;
	font-size: 12px;
	line-height: 1.1;
}

.feature .caption b
{
	display: inline-block;
	margin-right: 0.5em;
}

.feature .caption span.dept { font-size: 11px; }

/*
++++++++++++++++++++++++++++++++
feature
++++++++++++++++++++++++++++++++
*/

/*
----------------
alignment
----------------
*/

.v-mid
{
	display: table-cell;
	vertical-align: middle;
}

.v-top
{
	display: table-cell;
	vertical-align: top;
}

.v-btm
{
	display: table-cell;
	vertical-align: bottom;
}

/*
----------------
feature
----------------
*/

.feature
{
	position: relative;
	display: table;
	width: 100%;
}

.feature h1 { font-weight: 700; }
.feature .sub-title { font-weight: 700; }
.feature p.tp { margin-bottom: 0; }
.feature.jumbotron { height: 480px; }
.feature.jumbotron h1 { font-size: 42px; }

.row .feature
{
	background: #eee;
	border-radius: 5px;
	height: 200px;
	padding: 5px;
}

.row .feature h1
{
	font-size: 24px;
	margin: 0 0 0.25em;
	line-height: 1.25;
	padding: 20px;
}

.row .feature > div:first-child { padding: 20px; }
.row .feature > div:first-child h1 { padding: 0; }

/*
----------------
text 
----------------
*/

.tab-content .feature h1 { font-weight: 900; }

/*-- time & place --*/
.feature .tp
{
	margin-top: 0.75em;
	font-weight: 600;
	font-size: 14px;
}

.feature .tp time
{
	display: inline-block;
	margin-right: 0.5em;
}

.feature .tp time span { font-size: 12px; }

.feature .tp .place
{
	display: block;
	margin-top: 0.5em;
}

/*
----------------
image
----------------
*/

.feature img
{
	width: 100%;
	height: auto;
}

.feature.jumbotron img { max-height: 400px; }
.feature .row img { max-height: 150px; }

/* temporary style */
.feature img { max-height: 150px; }

/*
----------------
color white
----------------
*/

.color-white
{
	color: white;
	text-shadow: rgba(0,0,0,0.3) 1px 1px 2px, rgba(0,0,0,0.3) -1px 1px 2px, rgba(0,0,0,0.3) 1px -1px 2px, rgba(0,0,0,0.3) -1px -1px 3px;
}

/*
----------------
color black
----------------
*/

.color-black
{
	color: black;
	text-shadow: rgba(255,255,255,0.3) 1px 1px 2px, rgba(255,255,255,0.3) -1px 1px 2px, rgba(255,255,255,0.3) 1px -1px 2px, rgba(255,255,255,0.3) -1px -1px 2px;
}

/*
----------------
color sale
----------------
*/

.sale h1
{
	color: red;
	text-shadow: rgba(255,255,255,0.3) 1px 1px 2px, rgba(255,255,255,0.3) -1px 1px 2px, rgba(255,255,255,0.3) 1px -1px 2px, rgba(255,255,255,0.3) -1px -1px 2px;
}

.sale .caption span,
.sale.caption span { color: red; }

/*
----------------
color none
----------------
*/

.color-none
{
	color: initial;
	text-shadow: none;
}

/*
----------------
sale
----------------
*/

/*
.row .feature.sale
{
	background-color: rgba(255,0,0,0.8);
	color: white;
}

.row .feature.sale h1 {	letter-spacing: 0.25em;}
*/

/*
++++++++++++++++++++++++++++++++
banner
++++++++++++++++++++++++++++++++
*/

.banner .feature
{
	height: 160px;
	margin-bottom: 30px;
}

.banner .feature h1 { margin-bottom: 0; }
.banner .feature .sub-title { }
.banner .feature .caption { display: none; }

/*
------------------------
summer gift
------------------------
*/

.banner .summer-gift { background: rgb(144, 192, 90) url('../../img/bg-gift-2015-summer.jpg') center -30px; }

/*
++++++++++++++++++++++++++++++++
campaign
++++++++++++++++++++++++++++++++
*/

/* campaign row */
.campaign
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

/*
.campaign * { border: 1px dotted red;}
*/

/* 1st bootstrap col container */
.campaign > div { }

/* 2nd anchor container */
.campaign > div > a { display: block; }

/* 3rd anchor container */
.campaign > div > a > div.camp { padding: 0 2px; }

.campaign h1
{
	margin: 0;
	font-size: 16px;
	line-height: 1;
}

.campaign .caption,
.camp p
{
	font-size: 12px;
	margin-top: 0.5em;
	line-height: 1.5;
}

.camp h1 { color: #111; }

.camp p
{
	margin-bottom: 0;
	color: #555;
}

.campaign a:hover { text-decoration: none; }

.camp img
{
	max-height: 24px;
	max-width: 90%;
}

/*
----------------
isetan navi
----------------
*/

.campaign .navi
{
	background-image: url('../img/icon-inavi.png');
	background-position: 5px center;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	padding-left: 50px !important;
	max-width: 300px;
	min-height: 40px;
	margin: 0 auto;
}

.campaign .navi h1
{
	font-size: 16px;
	padding-top: 3px;
}

.campaign .navi p
{
	margin-top: 0;
	padding: 0.2em 0;
}

/*
++++++++++++++++++++++++++++++++
footer
++++++++++++++++++++++++++++++++
*/

footer
{
	background: #333;
	padding: 20px;
	border-top: 1px solid #222;
	color: #ccc;
}

.home footer { margin-top: 30px; }

.home footer address
{
	font-size: 12px;
	padding-left: 5px;
}

.home footer address p.ci { margin-bottom: 10px; }

.home footer address p
{
	line-height: 2;
	margin-bottom: 0;
}

.home footer address span { white-space: nowrap; }

footer .list-group.ise:before
{
	content: 'ISETAN Sites';
	padding-left: 5px;
	color: #888;
}

footer .list-group.mit:before
{
	content: 'MITSUKOSHI';
	padding-left: 5px;
	color: #888;
}

footer .list-group-item
{
	background: none;
	border: none;
	padding: 5px;
	font-size: 12px;
}

footer a:hover,
footer .list-group-item a:hover
{
	text-decoration: none;
	color: #3cf;
}

footer address a, 
footer .list-group-item a { color: #ccc; }
footer address i,
footer .list-group-item i { color: #888; }

footer .social-accounts a
{
	display: inline-block;
	font-size: 24px;
	margin: 0 5px;
}

footer .social-accounts p { margin-bottom: 5px; }
footer .social-accounts i { color: #ddd; }

footer .social-accounts i.line
{
	font-style: normal;
	font-size: 13px;
}

.copyright
{
	font-size: 11px;
	color: #ddd;
}

.home .copyright { margin-top: 30px; }

/*
================================================
print
================================================


@media print {
  section { display: block; page-break-before: always; }
  pre code {page-break-after: always;}
  @page {
margin-top:0.4cm;
margin: 0.5cm;
}
p a, code, pre {
word-wrap: break-word;
}
img {display:none;}

pre a[href]:after {
    content: ""; }


pre abbr[title]:after {
    content: ""; }

pre   .ir a:after,
  pre a[href^="javascript:"]:after,
  pre a[href^="#"]:after {
    content: ""; }

.no-print {display:none;}

}

*/

/*
================================================
page 
================================================
*/

/*
-------------------------------- 
page header 
--------------------------------
*/

.page header .navbar { border-bottom: 1px solid #ddd; }

/* 
--------------------------------
bodi
--------------------------------
*/

.page .bodi { padding-top: 61px !important; }

/* for developing */
body.page .bodi
{
	min-height: 1024px;
	border-bottom: 1px solid #333 !important;
}

/* for developing */
.page .bodi .title
{
	width: 70%;
	margin: 20px auto !important;
	top: 20px;
	right: 0;
	left: 0;
}

/*
--------------------------------
page row
--------------------------------
*/

body.page .bodi .row > div { margin-bottom: 30px; }

/*
++++++++++++++++++++++++++++++++++++++++++++++++
page commons
++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*
--------------------------------
head common style
--------------------------------
*/

.page .bodi header.head h1 { }
.page .bodi header.head .sub-title { margin-bottom: 0; }

.page .bodi header.head .tp
{
	font-size: 15px;
	line-height: 1.75;
	margin: 0.5em 0 0;
}

.page .bodi header.head .tp time
{
	display: inline-block;
	margin-right: 1em;
}

.page .bodi header.head .tp .place { }

.page .bodi header.head .lead
{
	font-size: 14px;
	line-height: 1.5;
}

/*
--------------------------------
page row
--------------------------------
*/

/* sns share */
.sns.share { margin: 10px 0 !important; }

.sns.share > span
{
	display: inline-block;
	margin: 0 2px;
}

.sns.share .icon img { width: 40px !important; }

.sns.share .line img
{
	height: 40px;
	width: auto;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++
page side nav (overriding 'drawer.css')
++++++++++++++++++++++++++++++++++++++++++++++++
*/

nav.drawer-nav { }

nav.drawer-nav .drawer-menu-item
{
	margin: 0 15px;
	padding: 10px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #111;
	font-size: 13px;
}

nav.drawer-nav .drawer-menu-item:first-child { border-top: none; }
nav.drawer-nav .drawer-menu-item:last-child { border-bottom: none; }
nav.drawer-nav a:hover { text-decoration: none; }

/* brand */
nav.drawer-nav .issue { font-size: 18px; }
.drawer-default .drawer-brand a { padding: 15px; }

/* lang selector */
nav.drawer-nav .lang-selector
{
	margin: 15px;
	display: none;
}

/* sale */
.drawer-menu-item .sale
{
	color: red;
	font-weight: bold;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++
header toggle menu
++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* outer */
.navbar-toggle,
.drawer-hamburger { }

.drawer-hamburger
{
	border: 1px solid #eee;
	margin: 5px;
	border-radius: 4px;
}

.drawer-hamburger:hover { background-color: #ddd; }

/* inner */
.icon-bar,
.drawer-hamburger-icon { }

/* 
-------------------------------
bootstrap default 
-------------------------------
*/

/*
.navbar-toggle
{
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-default .navbar-toggle .icon-bar
{
  background-color:#888
}

.navbar-toggle .icon-bar
{
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

*/

/* 
-------------------------------
drawer menu default
-------------------------------
*/

/*
.drawer-hamburger
{
  background: 0;
  position: fixed;
  display: block;
  top: 0;
  padding: 0 20px;
  width: 70px;
  height: 50px;
  background-color: transparent;
  border: 0;
  z-index: 5100;
  outline: 0;
}

.drawer-hamburger-icon 
{
  height: 3px;
  width: 100%;
  border-radius: 1px;
  background-color: #666;
  -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

*/

/*
++++++++++++++++++++++++++++++++++++++++++++++++
page scroll up
++++++++++++++++++++++++++++++++++++++++++++++++
*/

#scrollUp
{
	bottom: 20px;
	right: 20px;
	height: 38px;
	width: 38px;
	background: url(../img/btn-top.png) no-repeat !important;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++
web transfer modification
++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* outer wrap */
#site-translate-header-wrapper
{
	text-align: center;
	background-color: #c00;
	width: 100% !important;
}

/* message */
#site-translate-message
{
	color: white;
	padding: 0.3em;
	font-weight: 400;
	font-size: 11px;
}
#site-translate-message:before
{
	content: 'NOTICE : ';
	font-weight: 600;
}