@charset "utf-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	■base.css
	適用範囲：サイト全体
	概　　要：html要素初期化設定・汎用クラスセレクタ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/


/******************** Reset **************************/
body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,menu{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,big,small{font-size:100%;font-weight:normal;}
select,input,textarea{font-size:100%;font-family:inherit;}
b,strong{font-weight:normal;}
em{	font-style:normal;}
a:link,a:visited,a:active{color:#000000;text-decoration:underline;}
address,article,aside,figure,footer,header,hgroup,menu,nav,section{display: block;margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
strong{font-weight:bold;}

/*	clearfix
	clearはここで一括
--------------------------------------------*/
#headArea:after,
#flick:after,
.flickPager:after,
.ttl3:after,
#footArea .breadCrumb:after,
#headArea .sns:after,
#shopData .shopInfo:after,
.formArea .tel:after,
.formArea .zipcode:after,
.formArea .sex:after,
.formArea .mailmagazine:after,
.formArea .birth:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#headArea,
#flick,
.flickPager,
.ttl3,
#footArea .breadCrumb,
#headArea .sns,
#shopData .shopInfo,
.formArea .tel,
.formArea .zipcode,
.formArea .sex,
.formArea .mailmagazine,
.formArea .birth {
	display:inline-block;
}
#headArea,
#flick,
.flickPager,
.ttl3,
#footArea .breadCrumb,
#headArea .sns,
#shopData .shopInfo,
.formArea .tel,
.formArea .zipcode,
.formArea .sex,
.formArea .mailmagazine,
.formArea .birth {
	display:block;
}


/*****************************Default********************************/
html{
	-webkit-text-size-adjust:none;
}

body{
	background:#ffffff;
	color:#000000;
	font-size:14px;
	line-height:1.4;
	font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}

noscript p{
	color:#ff0000;
}

p,
ul,
ol,
dl{
	margin-bottom:20px;
}

input[type=text],
input[type=email],
input[type=tel]{
	width:100%;
	font-size:100%;
	line-height:1.2;
	background:#ffffff;
	border:1px solid #dadcde;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:8px 9px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

textarea{
	width:100%;
	font-size:100%;
	line-height:1.2;
	padding:8px 10px;
	border:1px solid #a5a5a5;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

select {
	width:100%;
}

.txtS{
	font-size:10px;
}
.txtM{
	font-size:12px;
}
.txtL{
	font-size:18px;
}

.mb0{	margin-bottom:0;}
.mb5{	margin-bottom:5px;}
.mb10{	margin-bottom:10px;}
.mb15{	margin-bottom:15px;}
.mb20{	margin-bottom:20px;}

label {
	cursor:pointer;
}

/*	headArea
--------------------------------------------*/
#headArea {
	padding:10px;
}

#headArea .logo {
	float:left;
	margin:0 10px 0 0;
}
/*
#headArea .logo a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/logo.png) no-repeat 0 0;
	-webkit-background-size:40px;
	-moz-background-size:40px;
	background-size:40px;
	width:40px;
	height:40px;
}
*/

#headArea .catch {
	overflow:hidden;
}

#headArea .catch.top {
	background:url(../img/head_catch_pic.png) no-repeat 168px 10px;
	-webkit-background-size:54px 23px;
	-moz-background-size:54px 23px;
	background-size:54px 23px;
}

#headArea .catch .txt {
	position:relative;
	margin:0;
	padding:12px 0 12px 10px;
	border:1px #000000 solid;
}

#headArea .catch .txt:after {
	position:absolute;
	content:"";
	display:block;
	bottom:-1px;
	right:-1px;
	background:url(../img/head_catch_bg.png) no-repeat 0 0;
	-webkit-background-size:20px;
	-moz-background-size:20px;
	background-size:20px;
	width:20px;
	height:20px;
}

#headArea .catch img {
	display:block;
}

#headArea .sns {
	clear:both;
	margin:10px 0 0;
}

#headArea .sns li {
	float:right;
	margin:0 0 0 10px;
}

#headArea .sns li.tw a {	background-image:url(../img/sns_tw.png); }
#headArea .sns li.fb a {	background-image:url(../img/sns_fb.png); }
#headArea .sns li.gplus a {	background-image:url(../img/sns_gplus.png); }

#headArea .sns li a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:24px;
	height:24px;
	-webkit-background-size:24px;
	-moz-background-size:24px;
	background-size:24px;
}


/*	footArea
--------------------------------------------*/
#footArea a {
	text-decoration:none;
}

#footArea .inner {
	background:#000000;
	padding:0 0 15px;
}

#footArea .breadCrumb {
	font-size:86%;
	margin:0 0 10px;
	padding:0 10px 0 0;
}

#footArea .breadCrumb li {
	position:relative;
	float:left;
	padding:0 19px 0 10px;
}

#footArea .breadCrumb li:after {
	top:50%;
	right:0;
	background-position:-32px -18px;
	margin-top:-6px;
	width:9px;
	height:12px;
}

#footArea .breadCrumb li:last-child:after {
	background:none;
}

#footArea .pageTop {
	background:#eae9e8;
	border-top:1px #bababb solid;
	padding:16px 10px;
}

#footArea .pageTop p {
	margin:0;
	text-align:right;
}

#footArea .pageTop a {
	display:block;
	overflow:hidden;
	background:url(../img/sprite.png) no-repeat -32px -30px;
	-moz-background-size:125px 250px;
	-webkit-background-size:125px 250px;
	background-size:125px 250px;
	width:76px;
	height:11px;
	margin:0 0 0 auto;
}

#footArea .pageTop a span {
	display:none;
}

#footArea .footNav1 {
	display:table;
	border-bottom:1px #a2a5a4 solid;
	margin:0;
	width:100%;
}

#footArea .footNav1 li {
	display:table-cell;
	border-right:1px #a2a5a4 solid;
	font-size:86%;
	text-align:center;
	width:25%;
}

#footArea .footNav1 li a {
	display:block;
	color:#ffffff;
	padding:8px 17px;
}

#footArea .footNav1 li:last-child {
	border-right:none;
}

#footArea .footNav2 {
	margin:0;
	padding:10px 0 10px;
	text-align:center;
}

#footArea .footNav2 li {
	display:inline-block;
	font-size:71.4%;
	margin:0;
}

#footArea .footNav2 li a {
	color:#ffffff;
	padding:0 10px;
}

#footArea .copy {
	color:#a2a5a4;
	font-size:71.4%;
	margin:0;
	text-align:center;
}

/* 2015.05.18 */
.title-logo-container { height:50px;border-bottom:solid 1px;display:block;}
.logo {background-color:transparent;height:70px;position:absolute;right:0px;top:10px;float:right;}
span.logo {height:70px;float:right;}
.logo-large {display:inline;max-width:100%;vertical-align:middle;height:40px;}
.page-title {left:20px;top:10px;height:79px;}
.page-title img {height:50px;}
.title-img { top:5px;position:absolute;}
.headArea .logo { float:right;}

/* renewal */
.global-menu ul{
	margin-bottom:0px;
}

.page-header,.article-info.muted{
  display:none;
}