﻿@charset "utf-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Lawson Magazine
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	color: #000000;
}

/* BASICS
-------------------------------------------- */
@media screen and (min-width: 751px) {
body {
	-webkit-text-size-adjust: 100%;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", sans-serif;
	font-size: 12.5px;
}
#wrapper {
	min-width: 1000px;
}
}

@media screen and (max-width: 750px) {
body {
	-webkit-text-size-adjust: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Verdana", sans-serif;
}
}


#wrapper {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 100%;
	position: relative;
	overflow-x:hidden;
}
a {
	transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	text-decoration: none;
}
a:hover {
	opacity: 0.6;
}
img {
	border: none;
}
ul, ol {
	list-style-type: none;
}
#slider > div > a, #articles article > a {
	display: block;
	color: #333;
}
#slider .contents {
	font-size: 14px;
}


/* CAT COLOR
-------------------------------------------- */
.cat {
	display: inline-block;
 *
	display: inline;
	_display: inline;
 *
	zoom: 1;
	_zoom: 1;
	color: #333333;
	line-height: 12px;
	padding-left: 8px;
	border-left: 5px solid #000000;
}

.tsuushin .cat {
	border-color: #52a9e5;
}
.kenko .cat {
	border-color: #56B432;
}
.select .cat {
	border-color: #9D152D;
}
.uchicafe .cat {
	border-color: #ca6d68;
}
.smile .cat {
	border-color: #1D499D;
}
.okinawa .cat {
	border-color: #E62188;
}
.mama .cat {
	border-color: #F05800;
}
.comilabo .cat {
	border-color: #222;
}
.dreamaudition .cat {
	border-color: #df769e;
}
.karaagekun .cat {
	border-color: #E5A800;
}
.honki .cat {
	border-color: #192844;
}
.natural .cat {
	border-color: #720E42;
}
.fresh .cat {
	border-color: #4e8224;
}
.news .cat {
	border-color: #FFE46B;
}
.akiko .cat {
	border-color: #6633FF;
}

#maga_header ul li a#current_tsuushin, #maga_bottom ul li a#current_tsuushin{
	border-color: #52a9e5;
}
#current_tsuushin:hover,  .tsuushin #current_tsuushin {
	color: #52a9e5;
}
#maga_header ul li a#current_kenko, #maga_bottom ul li a#current_kenko{
	border-color: #56B432;
}
#current_kenko:hover,  .kenko #current_kenko {
	color: #56B432;
}
#maga_header ul li a#current_select, #maga_bottom ul li a#current_select{
	border-color: #9D152D;
}
#current_select:hover,  .select #current_select {
	color: #9D152D;
}
#maga_bottom ul li a#current_uchicafe, #maga_header ul li a#current_uchicafe {
	border-color: #ca6d68;
}
#current_uchicafe:hover,  .uchicafe #current_uchicafe {
	color: #ca6d68;
}
#maga_bottom ul li a#current_smile, #maga_header ul li a#current_smile {
	border-color: #1D499D;
}
#current_smile:hover,  .smile #current_smile {
	color: #1D499D;
}
#maga_bottom ul li a#current_okinawa, #maga_header ul li a#current_okinawa {
	border-color: #E62188;
}
#current_okinawa:hover,  .okinawa #current_okinawa {
	color: #E62188;
}
#maga_bottom ul li a#current_mama, #maga_header ul li a#current_mama{
	border-color: #F05800;
}
#current_mama:hover,  .mama #current_mama {
	color: #F05800;
}
#maga_bottom ul li a#current_comilabo, #maga_header ul li a#current_comilabo {
	border-color: #222;
}
#current_comilabo:hover, .dreamaudition #current_comilabo {
	color: #222;
}
#maga_bottom ul li a#current_dreamaudition, #maga_header ul li a#current_dreamaudition {
	border-color: #df769e;
}
#current_dreamaudition:hover, .dreamaudition #current_dreamaudition {
	color: #df769e;
}
#maga_bottom ul li a#current_karaagekun, #maga_header ul li a#current_karaagekun {
	border-color: #E5A800;
}
#current_karaagekun:hover,  .karaagekun #current_karaagekun {
	color: #E5A800;
}
#maga_bottom ul li a#current_honki, #maga_header ul li a#current_honki{
	border-color: #192844;
}
#current_honki:hover,  .honki #current_honki {
	color: #192844;
}
#maga_bottom ul li a#current_natural, #maga_header ul li a#current_natural{
	border-color: #720E42;
}
#current_natural:hover,  .natural #current_natural {
	color: #720E42;
}
#maga_bottom ul li a#current_fresh, #maga_header ul li a#current_fresh{
	border-color: #4e8224;
}
#current_fresh:hover,  .natural #current_fresh {
	color: #4e8224;
}
#maga_bottom ul li a#current_news, #maga_header ul li a#current_news{
	border-color: #FFE46B;
}
#current_news:hover, .news #current_news {
	color: #FFE46B;
}
#maga_bottom ul li a#current_akiko, #maga_header ul li a#current_akiko{
	border-color: #6633FF;
}
#current_akiko:hover, .akiko #current_akiko {
	color: #6633FF;
}


/* CAPTION
-------------------------------------------- */
.contents .text {
	margin-right: 20px;
	color:#999;
}

#caption .center {
	margin: 0 auto;
	color: #ffffff;
}
#caption .center * {
	color: #ffffff;
}
#caption {
	margin-bottom: 26px;
}
#caption * {
	margin: 0;
	padding: 0;
}

/* SNS
-------------------------------------------- */
.snsList {
	/* height: 80px; */
	text-align: center;
	margin-top: 30px;
	margin-bottom: 40px;
}
.snsList ul {
	display: inline-block;
 *display: inline;
	_display: inline;
 *zoom: 1;
	_zoom: 1;
	margin: 0 auto;
	padding: 0;
}
.snsList ul:after {
	content: "";
	display: block;
	clear: both;
}
.snsList li {
	float: left;
}
.snsList li + li {
	margin-left: 6px;
}
.snsList li {
	height: 40px;
	color: #ffffff;
	display: inline-block;
	text-decoration: none;
	border-radius: 2px;
}
.snsList li a{
	text-decoration: none;
	display: inline;
}
.snsList span {
	font-size: 80%;
	line-height: 30px;
	position: relative;
	display: block;
	border: 1px solid #bbb;
	font-weight: bold;
	color: #777;
	background: #FFF;
	text-decoration:none;
	margin-bottom:5px;
}
.snsList span:before{
	top:100%;
	left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
	}
.snsList span:before{
	border: 1px solid #bbb;
	border-top-color:#bbb !important;
	border-width:5px!important;margin-left:-5px
	}
.snsList span:after,.snsList span:before{
	top:100%;left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	}
.snsList span:after{
	border-color:rgba(255,255,255,0);
	border-top-color:#fff;
	border-width:4px;
	margin-left:-4px;
}	
.snsList .fb {
	width: 70px;
}
.snsList .fb b {
	background: url(//www.lawson.co.jp/lab/common/img/facebookicon.gif) no-repeat left center #4a6fb5;
	padding: 0 20px 10px 50px;
}
.snsList .twt2 {
	width: 70px;
}
.snsList .twt2 b {
	background: url(//www.lawson.co.jp/lab/common/img/twittericon.gif) no-repeat left center #7bbbe7;
	width: 32px;
	padding: 0 20px 10px 50px;
}
.snsList .g {
	width: 70px;
}
.snsList .g b {
	background: url(//www.lawson.co.jp/lab/common/img/googleicon.gif) no-repeat left center #eb6048;
	padding: 0 20px 10px 50px;
}
.snsList .line {
	width: 70px;
}
.snsList .line b {
	background: url(//www.lawson.co.jp/lab/common/img/lineicon.gif) no-repeat left center #0ad200;
	padding: 0 20px 10px 50px;
}

/*-------------------
タイトル系
-------------------*/
.ttl_doubleline h2{
	border-top: 4px double #333;
	border-bottom: 4px double #333;
}



/* PC用
-------------------------------------------- */
@media screen and (min-width: 751px) {

/* ヘッダー系
-------------- */
#maga_head_wrap{
	width: 100%;
	}
#maga_bar {
	width:100%;
	height: 32px;
	background:#f0f0f0;
	top: 0;
	left: 0;
	z-index: 999;
}
#maga_bar .barinner{
	margin: 0 auto;
	padding-top: 5px;
}

#maga_bar .barinner p{
	float: left;
	display:inline-block;
	margin: 0 0 0 15px;
	padding:3px 0;
}
#maga_bar .barinner #login_pc {
	float: right;
	margin-right: 50px;
	display:inline-block;
}

#maga_bar .barinner #login_pc a {
	width: 188px;
	height: 0;
	overflow: hidden;
}

#login_sp {
	display:none;
}

#maga_bar .barinner .serchWindow {
	background:none;
	height:20px;
	width: 174px;
	float: right;
	margin-right:35px;
	display:inline-block;
}
.serchWindow form {
	position:relative;
}
.serchWindow input.serch {
	width: 120px;
	height:20px;
	background-color: #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: none;
	padding: 0 40px 0 10px;
	line-height: 2;
	font-size: 80%;
	border:none;
}
.serchWindow .icon_search {
	position:absolute;
	background: none;
	right:15px;
    height:13px;
	width:15px;
	border: 0;
	padding:auto 0;
	cursor: pointer;
	line-height: 2;
	outline:none;
}
.serchWindow .icon_search:before {
content: url("/common2015/img/input_btn.png");
}
#sns_pc {
	float: right;
	width: 82px;
	text-align: right;
	margin: 0 15px 0 0;
	display:inline-block;
}
#sns_pc:after {
	content: "";
	display: block;
	clear: both;
}
#sns_pc p {
	margin: 0;
	height: 10px;
}
#sns_pc ul {
	float: right;
	margin: 0;
	padding:0;
}
#sns_pc li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 5px;
	width: 22px;
	height: 22px;
}
#sns_pc img {
	vertical-align: top;
}
#sns_pc .fb a {
	background: url(//www.lawson.co.jp/lab/common/img//sns_f.gif);
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 5px;
	width: 22px;
	height: 22px;
}
#sns_pc .twt a {
	background: url(//www.lawson.co.jp/lab/common/img//sns_t.gif);
	width: 22px;
	height: 22px;
}
#sns_pc .g {
	background: url(//www.lawson.co.jp/lab/common/img//sns_g.gif);
	width: 22px;
	height: 22px;
}
#sns_sp {
	display: none;
}

/* 各ブログ上部下部
-------------- */
#maga_header{
	width: 1000px;
	height:108px;
	margin: 0 auto;
	display: block;
}
#maga_bottom {
	width:1000px;
	height: 108px;
	margin: 0 auto;
	display: block;	

}
#maga_header h1 {
	float: left;
	margin: 0;
	height:108px;
}
#maga_header h1 img {
	margin:9px 0;
	width:90px;
}
#maga_header ul{
	float:left;
	padding:0;
	margin: 0 0 0 30px;
	max-width:880px;
}
#maga_header ul li{
	display:inline-block;
	position:relative;
	width: 144px;

}
#maga_header ul li a{
	display: inline-block;
	*
	display: inline;
	_display: inline;
	*
	zoom: 1;
	_zoom: 1;
	line-height: 12px;
	font-size: 11px;
	font-weight: bold;
	color: #444;
	border-left: 5px solid;
	display: inline-block;
	text-decoration:none;
	margin:16px 0 4px 0;
	padding-left:8px;
}

#maga_bottom h1 {
	float: left;
	margin: 0;
	height:108px;
}
#maga_bottom h1 img {
	margin:9px 0;
	width:90px;
}
#maga_bottom ul{
	float:left;
	padding:0;
	margin: 0 0 0 30px;
	max-width:880px;
}
#maga_bottom ul li{
	display:inline-block;
	position:relative;
	width: 144px;
}
#maga_bottom ul li a {
	display: inline-block;
	*
	display: inline;
	_display: inline;
	*
	zoom: 1;
	_zoom: 1;
	line-height: 12px;
	font-size: 11px;
	font-weight: bold;
	color: #444;
	border-left: 5px solid;
	display: inline-block;
	text-decoration:none;
	margin:16px 0 4px 0;
	padding-left:8px;
}
#maga_header > nav {
	display: none;
}
#headImg {
	width: 100%
	}
#headImg p {
	width:1000px;
	margin: 0 auto;
}
#headImg img {
	width: 1700px;
	text-align: center;
	margin: 0 -350px;
	max-width: none;
}
#headImg p.sp {
	display: none;
}
#caption .center {
	height: 140px;
	width: 1000px;
	margin: 0 auto;
	color: #ffffff;
}

/*一覧系
-------------- */
#slider {
	width: 1000px;
	margin: 10px auto 25px;
}
#slider:after {
	content: "";
	display: block;
	clear: both;
}
#slider > div {
	float: left;
	width: 494px !important;
	padding-bottom: 10px;
}
#slider > div + div {

	float: right;
}
#slider > div + div + div {
	float: left;
}
#slider > div + div + div + div {
	float: right;
}

#slider p {
	margin: 0;
}
#slider img {
	width: 494px;
}
#slider h1 {
	margin: 5px 0 2px;
	font-size: 17px;
	line-height: 25px;
	font-weight: normal;
}
#slider .cat {
    clear:both;
	float: left;
	font-size: 14px;
	line-height: 15px;
	margin: 11px 10px 2px 0;
}
#slider .date {
	float: left;
	color: #666;
	font-size: 14px;
	line-height: 15px;
	margin: 11px 0 2px;
}
#slider .contents {
	clear: both;
}
.top_3blocks ul {
	padding: 0;
	width: 1000px;
	margin: 0 auto;
}
.top_3blocks ul:after {
	content: "";
	display: block;
	clear: both;
}
.top_3blocks li {
	float: left;
	width: 323px;
	list-style: none;
}
.top_3blocks li + li {
	margin-left: 14px;
}
.top_3blocks li a {
	color: #000000;
	display: block;
	font-size: 12px;
	line-height: 21px;
}
.top_3blocks li p {
	margin: 0;
}
.top_3blocks li img {
	width: 323px;
}
.top_3blocks li h1 {
	font-size: 15px;
	font-weight: normal;
}
.top_3blocks li .cat {
	color: #7c7c7c;
	font-size: 14px;
	margin-top: 5px;
}
.top_3blocks li .cat.sp {
	display: none;
}
.top .cont_box {
	width: 1000px;
	margin: 0 auto;
	padding-top: 30px;
}
.top .cont_box h2 {
	color: #5f5f5f;
	font-size: 20px;
	font-weight: normal;
}
.top .cont_box img {
	width: 241px;
}
.top .cont_box h2:before {
	content: "";
	display: inline-block;
 *display: inline;
	_display: inline;
 *zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	width: 4px;
	height: 20px;
	margin-bottom: 3px;
	margin-right: 6px;
	border-left: 5px solid #5f5f5f;
	border-right: 5px solid #5f5f5f;
}
.top #blogs ul {
	padding: 0;
}
.top #blogs ul:after {
	content: "";
	display: block;
	clear: both;
}
.top #blogs li {
	float: left;
	list-style: none;
	width: 133px;
	font-size: 12px;
	padding-bottom:10px;
        height:140px;
}
.top #blogs li + li {
	margin-left: 11px;
}
.top #blogs li + li.honki {
	margin-left: 0px;
}
.top #blogs li a {
	color: #000000;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
.top #blogs li img {
	width: 133px;
}
.top #blogs li p {
	margin: 0;
}
.top #blogs .title {
	margin: 2px 0 4px;
}
.top #tsuushin ul {
	padding: 0;
}
.top #tsuushin ul:after {
	content: "";
	display: block;
	clear: both;
}
.top #tsuushin li {
	float: left;
	width: 241px;
	list-style: none;
	font-size: 14px;
	line-height: 21px;
}
.top #tsuushin li + li {
	margin-left: 11px;
}
.top #tsuushin li a {
	display: block;
	color: #000000;
}
.top #tsuushin li p {
	margin: 0;
}
.top #tsuushin li .title {
	font-size: 15px;
	line-height: 22px;
	margin: 9px 0 7px;
}
.top #follow:after {
	content: "";
	display: block;
	clear: both;
}
.top #follow > div {
	width: 325px;
	height: 330px;
	float: left;
}
.top #follow > div + div {
	margin-left: 9px;
}
.top #follow #box_instagram {
	position: relative;
}
.top #follow #box_instagram > p {
	width: 315px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 18px;
}
.top #follow #box_instagram > p:after {
	content: "";
	display: block;
	clear: both;
}
.top #follow #box_instagram a {
	color: #000000;
	float: right;
}
.top #follow #box_instagram iframe {
	display: block;
	margin: 0 auto;
}
.top #follow #box_instagram iframe + a {
	display: block;
	position: absolute;
	width: 315px;
	height: 0;
	padding-top: 315px;
	overflow: hidden;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/*記事一覧
-------------- */
#articles  {
	margin: 0 auto;
	width: 1000px;
}
#articles .sub-category {
	padding: 0 0 1rem;
}
#articles .sub-category:last-child {
	padding: 0 0 3.5rem;
}
#articles article {
	width: 324px;
	margin-bottom: 35px;
	background: #ffffff;
}
#articles article .photo img {
	vertical-align: top;
	width: 100%;
}
#articles article .photo video {
	vertical-align: top;
	width: 100%;
}
#articles article .contents {
	padding: 0 0 20px;
}
#articles article p, #articles article h1 {
	margin: 0;
}
#articles article .date {
	display: inline-block;
 *display: inline;
	_display: inline;
 *zoom: 1;
	_zoom: 1;
	color: #666;
	font-size: 13px;
	line-height: 13px;
	padding: 0;
	vertical-align: top;
	margin-top: 7px;
}
#articles article h1 {
	font-size: 17px;
	margin-top: 8px;
	font-weight: normal;
}
#articles article .text {
	color: #666;
	font-size: 13px;
	line-height: 22.5px;
	margin-top: 4px;
}
#articles article .cat {
	font-size: 13px;
	margin: 8px 10px 3px 0;
}
#articles #more {
	position:absolute;
	bottom:-50px;
}
#articles #more a {
	display: block;
	width: 1000px;
	height: 0;
	padding-top: 60px;
	overflow: hidden;
	margin: auto;
	background: url(//www.lawson.co.jp/lab/common/img/more.png) no-repeat center center #023a65;
	border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#gotop {
	display: none;
}
#maga_footer {
	background: #0068b7;
	padding: 3px 0 2px;
}
#maga_footer > p {
	width: 1000px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 11px;
	text-align: right;
}



/*記事詳細
-------------- */
#article {
	width: 800px;
	margin: 5px auto 0;
	color: #333333;
	font-size: 17px;
	line-height: 24px;
	position: relative;
}
#article #subhead{
	font-size: 15px;
	line-height: 15px;
	display: block;
	overflow: hidden;
	margin: 20px 0 40px 0;
}
#article .cat {
   float: left;
   display: inline-block;
}
#article .date {
	float: right;
	display: inline-block;
}
#article h1 {
	font-size: 36px;
	line-height: 48px;
	margin: 15px 0;
	font-weight: normal;

}
#article #author {
	text-align: center;
	margin:40px auto 20px;
	font-size: 16px;
}
#article .subTitle {
	font-size: 20px;
	margin-top: 10px;
}
#article #date {
	font-size: 17px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#blog_title {
	font-size: 17px;
	font-weight: bold;
}
#article #top_text {
	font-size: 17px;
	line-height: 24px;
	margin: 40px 0 40px;
	padding: 19px 0 18px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#article .blockTemplateArea:after {
	content: "";
	display: block;
	clear: both;
}
#article .blockTemplateArea .headLv2-A{
	margin: 40px 0 40px;
}
#article .blockTemplateArea .headLv2-A h2 {
	font-size: 22px;
	line-height:26px;
	border-left:8px solid;
	padding-left:12px;
}
#article .blockTemplateArea .headLv3-A{
	margin: 40px 0 40px;
}
#article .blockTemplateArea .headLv3-A h3 {
	font-size: 20px;
	line-height:26px;
}
#article .figureBlock,  #article .figureBlock-floated-L,  #article .figureBlock-floated-R,  #article .figureBlock-floated-L + p {
	margin: 25px 0 20px;
}
#article .blockTemplateArea .figureBlock-floated-L {
	padding-right: 30px;
}
#article .blockTemplateArea .figureBlock table tr > td:first-child {
	padding-left: 0;
}

#article .chushaku p{
	margin-top:5px;
	margin-bottom:1.5em;
	font-size: 14px;
	line-height:20px;
	color: #666;
}

#article .inyo{
	margin: 30px 0;
}

#article .inyo p{
	background-color:#f7f7f7;
	padding:20px;
	margin: 10px;
	font-size: 16px;
	line-height:22px;
}

#article .kakomi{
    margin: 2rem 0;
	padding: 2rem 1rem;
	border: 2px  #ddd solid;
}

#article .articleBottom{
/*
	margin: 40px auto 20px;
	width:700px;
*/
	margin: 40px 80px 20px;
}
#article .figureBlock td + td {
	margin-left : 10px;
}
#article .figureBlock td.twtf{
	width:288px;
	height: 114px;
	border:3px solid #55acee;
	text-align:center;
	vertical-align: inherit;
}
#article .figureBlock td.lineff{
	width:288px;
	height: 114px;
	border:3px solid #55acee;
	text-align:center;
	vertical-align: inherit;
}
#article_sns {
	width: 1000px;
	margin: 0 auto;
	height: 25px;
	text-align: center;
	padding: 15px 0 20px;
	border-bottom: 1px dotted #aeaeae;
}

#article_sns li {
	display: inline-block;
 *display: inline;
	_display: inline;
 *zoom: 1;
	_zoom: 1;
	margin: 0 3px;
}

.pagenation {
	text-align: center;
	padding: 29px 0 20px;
	width: 1000px;
	margin: 30px auto 0;
	border-top: 1px dotted #aeaeae;
}

.pagenation ul:after {
	content: "";
	display: block;
	clear: both;
}

.pagenation li, .pagenation li a {
	color: #333333;
}

.pagenation li {
	display: inline-block;
 *display: inline;
	_display: inline;
 *zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	line-height: 20px;
}
.pagenation .link_page, .pagenation .link_before, .pagenation .link_next {
	text-decoration: none;
}
.pagenation .link_page, .pagenation .current_page {
	margin: 0 7px;
	padding: 0 1px;
	color: #a1a1a1;
	font-size: 16px;
	font-family: Futura, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", sans-serif;
}
.pagenation .current_page, .pagenation .link_page:hover {
	opacity: 1;
	color: #023a65;
	border-bottom: 3px solid #023a65;
}
.pagenation .link_before, .pagenation .link_next {
	display: block;
	height: 0;
	width: 9px;
	overflow: hidden;
	padding: 7px 0 0;
}
.pagenation .link_before {
	margin-right: 39px;
	margin-left: 8px;
	background: url(//www.lawson.co.jp/lab/common/img/pc_before.gif) no-repeat center center;
}
.pagenation .link_next {
	margin-left: 39px;
	margin-right: 8px;
	background: url(//www.lawson.co.jp/lab/common/img/pc_next.gif) no-repeat center center;
}
.pagenation .before {
	float: left;
}
.pagenation .next {
	float: right;
}
.pagenation .post_before, .pagenation .post_next {
	display: block;
	width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pagenation .post_before:hover, .pagenation .post_next:hover {
	text-decoration: underline;
}
#return a {
	display: block;
	width: 400px;
	height: 0;
	margin: 20px auto;
	padding-top: 60px;
	overflow: hidden;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(//www.lawson.co.jp/lab/common/img/pc_btn_return.gif) #023a65 no-repeat center center;
}

/*ニュース
-------------- */
#news {
	width: 1000px;
	margin: 30px auto 0;
}
#news ul:after {
	content: "";
	display: block;
	clear: both;
}
#news h1 {
	color: #023a65;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#news ul {
	padding: 23px 0 20px;
}
#news li {
	width: 235px;
	float: left;
}
#news li + li {
	margin-left: 20px;
}
#news li p {
	margin: 0;
}
#news .photo {
	margin-bottom: 4px;
}
#news .photo img {
	width: 235px;
}
#news .date {
	font-size: 14px;
}
#news .title a {
	color: #333333;
	display: block;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	overflow: hidden;
	padding-bottom: 9px;
	margin-bottom: 12px;
	text-decoration: none;
}
#news .genre {
	color: #676767;
	font-size: 14px;
}

/*最新記事
-------------- */
#archive {
	border-top: 5px solid #ffffff;
}
#archive div {
	max-height: none !important;
}
#archive:after, #archive ul:after {
	content: "";
	display: block;
	clear: both;
}
#archive a {
	color: #ffffff;
}
#archive > ul > li {
	float: left;
	width: 50%;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
}
#archive > ul > li > a {
	display: inline-block;
 *display: inline;
	_display: inline;
 *zoom: 1;
	_zoom: 1;
	vertical-align: top;
	font-weight: bold;
	padding: 13px 50px 12px;
}
#archive > ul > li > a:hover,  #archive > ul > li > a.current {
	opacity: 1;
	background: rgba(255,255,255,0.5);
}
#archive ul div:after {
	content: "";
	display: block;
	clear: both;
}
#archive ul div {
	width: 200%;
	display: none;
	padding: 6px 14px 8px;
	background: rgba(255,255,255,0.5);
}
#archive li + li div {
	position: relative;
	right: 100%;
}
#archive ul div li {
	float: left;
	padding: 6px 14px 8px;
}
#archive > p {
	color: #000000;
	font-size: 24px;
	text-align: center;
	background: #ffffff;
	padding: 18px 20px 2px;
}
#archive .icon {
	display: none;
}


/*フッタ
-------------- */
.spfooter{
		display: none;
}
footer#update2015_footer {
	position: relative;
	padding-top: 45px;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	line-height: 1.4;
	vertical-align: middle;
	text-align: left;
	letter-spacing: 0.05em;
}
body #update2015_footer a,
body #update2015_footer a:focus,
body #update2015_footer a:active,
body #update2015_footer a:hover,
body #update2015_footer a:visited {
	color: #333;
	text-decoration: none;
}
footer#update2015_footer a {
	color:#666 !important;
}
footer#update2015_footer a:hover {
	color:#63b2ed !important;
}
footer#update2015_footer #footer_sec-01 {
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
}
footer#update2015_footer #footer_sec-01 .innerBlock {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	text-align: center;
}
footer#update2015_footer #footer_sec-01 h2 {
	margin: 0 0 25px 0;
}
footer#update2015_footer #footer_sec-01 ul {
	width: 600px;
	height: 130px;
	margin: 0 auto 25px;
}
footer#update2015_footer #footer_sec-01 li {
	float: left;
}
footer#update2015_footer #footer_sec-02 {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	text-align: center;
	height: 110px;
	background: url(/common2015/img/sec-05_item02_01.png) no-repeat;
}
footer#update2015_footer #footer_sec-02 .footer_sec-02Inner {
	padding:30px 0 0;
}
footer#update2015_footer #footer_sec-02 h3 {
	float:left;
	display:inline-block;
	margin: 11px 0 0 16px;
	height: 50px;
	*
	display: inline;
	*
	zoom: 1;
	/* border-right: 1px dotted #8a8a8a; */
	padding-right:20px;
	font-size: 16px;
	font-family: 'Noto Sans Japanese';
	font-weight:200;
}
footer#update2015_footer #footer_sec-02 ul {
	overflow: hidden;
	zoom: 1;
	float:left;
	margin-bottom: 12px;
}
footer#update2015_footer #footer_sec-02 li {
	height: 20px;
	width: 115px;
	float: left;
	display:inline-block;
	*
	display: inline;
	*
	zoom: 1;
	overflow: hidden;
	zoom: 1;
	padding: 0 0 0 20px;
}
footer#update2015_footer #footer_sec-02 li a {
	display: block;
	height: 20px;
}
footer#update2015_footer #footer_sec-02 li p {
	float: left;
	vertical-align: middle;
}
footer#update2015_footer #footer_sec-03 {
	font-size: 11px;
	background: #f7f7f7;
}
footer#update2015_footer #footer_sec-03 .innerBlock {
	width: 1000px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	overflow: hidden;
	zoom: 1;
}
footer#update2015_footer #footer_sec-03 .innerBlock .list01 .ttl01 {
	margin: 15px 0 25px 20px;
	font-weight: bold;
}
footer#update2015_footer #footer_sec-03 .innerBlock > ul.list01 {
	overflow: hidden;
	zoom: 1;
	margin: 0;
}
footer#update2015_footer #footer_sec-03 .innerBlock > ul.list01 > li {
	width: 201px;
	height: 460px;
	float: left;
	border-left: 1px solid #cccccc;
}
footer#update2015_footer #footer_sec-03 .innerBlock > ul.list01 > li:first-child {
	width: 190px;
	border-left: none;
}
footer#update2015_footer #footer_sec-03 .innerBlock > ul.list01 > li > ul {
	margin: 0 0 0 20px;
}
footer#update2015_footer #footer_sec-03 .innerBlock > ul.list01 > li > ul > li {
	line-height: 24px;
}
footer#update2015_footer #footer_sec-03 .innerBlock .list02 {
	margin: 20px auto 30px;
	text-align: center;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
footer#update2015_footer #footer_sec-03 .innerBlock .list02 ul {
	text-align:center;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}
footer#update2015_footer #footer_sec-03 .innerBlock .list02 ul > li {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 25px;
}
footer#update2015_footer #footer_sec-03 .innerBlock .list02 ul > li:before {
	content:"● ";
	color: #cccccc;
	font-size: 10px;
}
footer#update2015_footer #footer_sec-03 .innerBlock .list02 ul > li:first-child {
	margin-left: 0;
}
footer#update2015_footer #footer_sec-03 .innerBlock .copy {
	text-align: center;
}
footer#update2015_footer #pageTop {
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 45px;
	right: 45px;
}


/*フォント
-------------- */
/*
@font-face {
	font-family: 'NotoSansCJKjp-Thin';
	src: url('NotoSansCJKjp-Thin.otf') format('opentype');
}
*/
body#update2015 h2,
#update2015_header h2,
#update2015_row h2,
#update2015_footer h2 {
	text-align: center;
	margin: 0 0 25px 0;
}
body#update2015 h2.font01,
#update2015_header h2.font01,
#update2015_row h2.font01,
#update2015_footer h2.font01 {
	font-family: 'Noto Sans Japanese';
	font-size: 26px;
	font-weight: 100;
}
body#update2015 .fontType01,
#update2015_header .fontType01,
#update2015_row .fontType01,
#update2015_footer .fontType01 {
	font-family: 'Noto Sans Japanese';
}
body#update2015 .blue {
	color:#076cb9;
}
body#update2015 .smalltxt {
	font-size:80%;
}
body#update2015 .date span,
body#update2015 .people span,
body#update2015 .point span {
	color: #63b2ed;
}
}



@media screen and (max-width: 750px) {
#wrapper {
	width: 100%;
	position: relative;
	left: 0;
	overflow: hidden;
	transition-property: margin-left, left;
	-moz-transition-property: margin-left, left;
	-webkit-transition-property: margin-left, left;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
#wrapper.open {
	overflow: visible;
	left: 58px;
	margin-left: -100%;
}
#maga_header:after {
	content: "";
	display: block;
	clear: both;
}
#maga_header h1 {
	text-align: center;
	margin: 0 0 5px 0;
	padding-left: 15px;
}
#maga_header h1 a {
	display: block;
	margin: 0 auto;
	width: 87px;
	height: 0;
	padding-top: 64px;
	overflow: hidden;
	background: url(//www.lawson.co.jp/lab/common/img//sp_logo_header.gif);
	background-size: 87px 64px;
}
#login_sp {
	width: 100px;
	top: 18px;
	left: 18px;
	position: absolute;
}
#login_sp a {
	display: block;
	height: 0;
	margin: 0;
	padding-top: 32px;
	overflow: hidden;
	background: url(//www.lawson.co.jp/lab/common/img/sp_login_header.gif) no-repeat;
}
#maga_bar {
	display: none;
}

#maga_header > ul {
	display: none;
}
#maga_header > nav {
	position: absolute;
	left: 100%;
	transition-property: margin-left, left;
	-moz-transition-property: margin-left, left;
	-webkit-transition-property: margin-left, left;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	top: 0;
	width: 100%;
	height: 6000px;
	z-index: 200;
}
.open #maga_header > nav {
	left: 100%;
	margin-left: -58px;
}
#maga_header > nav .icon {
	position: absolute;
	top: 0;
	left: -58px;
	width: 58px;
	height: 0;
	padding-top: 64px;
	overflow: hidden;
	background: url(//www.lawson.co.jp/lab/common/img/icon_menu.gif) no-repeat top center;
	background-size: 58px auto;
	margin: 0;
	cursor: pointer;
	transition-property: left;
	-moz-transition-property: left;
	-webkit-transition-property: left;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
.open #maga_header > nav .icon {
	left: 0;
}
#maga_header > nav > div {
	position: relative;
	z-index: 300;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	transition-property: background-color;
	-moz-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
        overflow: scroll;
}
.open #maga_header > nav > div {
	background-color: rgba(0,0,0,0.3);
}
#maga_header > nav aside {
	width: 100%;
	height: 6000px;
	background: #ffffff;
}
#maga_header > nav aside .close {
	margin: 0;
	height: 0;
	width: 58px;
	overflow: hidden;
	padding-top: 64px;
	float: right;
	background: url(//www.lawson.co.jp/lab/common/img/icon_menu.gif) no-repeat bottom center;
	background-size: 58px auto;
}
#maga_header > nav ul {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
#maga_header > nav li {
	list-style: none;
}
#maga_header > nav li a {
	color: #333333;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 17px 35px 15px 15px;
	background: url(//www.lawson.co.jp/lab/common/img/icon_menu.png) no-repeat right center;
	background-size: auto 10px;
	text-decoration: none;
	border-left: 8px solid;
}
#maga_header > nav li:nth-child(odd) a {
	background-color: #f9f9f9;
}
#maga_header > nav .lawson {
	font-size: 11px;
	margin: 22px 0 0;
	font-weight: bold;
	text-align: center;
}
#maga_header > nav .lawson a {
	width: 200px;
	color: #9b9b9b;
	padding: 9px 0 7px;
	display: inline-block;
	border: 1px solid #cccccc;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#maga_header > nav .lawson a:after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-left: 5px;
	background: url(//www.lawson.co.jp/lab/common/img/icon_lawson.gif) no-repeat center center;
	background-size: 100%;
}
#maga_bottom {
	display:none;
}
#input {
  width: auto;
  margin: 10px;
  position:relative;
}
#input form {
  text-align: center;
}
#input button{
	position: absolute;
	width:40px;
	top: 0px;
	right: 5px;
	background: none;
	border: 0;
	padding: 0;
	height: 40px;
	cursor: pointer;
	line-height: 2;
	outline:none;
}
#input input {
  width: 100%;
  height: 40px;
  font-size: 12px;
  border:1px solid #999999;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin: 0 auto;
  background:url(/common2015/sp/img/input_btn.png) no-repeat right 2% center;
  background-size:20px 20px;
  padding: 12px 6% 12px 2%;
}
#caption .center {
	padding: 20px 16px;
}
#caption .center * {
	margin: 0;
	padding: 0;
}
#login_pc {
	display: none;
}
#sns_pc {
	display: none;
}
#sns_sp {
	text-align: center;
}
#sns_sp ul {
	padding: 10px 0 0;
	margin: 0;
}
#sns_sp li {
	margin: 0 5px;
	padding: 0;
	list-style: none;
	display: inline-block;
}
#sns_sp li img {
	vertical-align: top;
}
#headImg p {
	text-align: center;
}
#headImg img {
	width: 100%;
}
#headImg p {
	padding: 0 16px;
}
#headImg p.nospace {
	padding: 0;
	margin:0;
}
#headImg p.pc {
	display: none;
}
.cat {
	font-size: 12px;
	border-width: 4px;
}
.date {
	font-size: 12px;
	border-width: 2px;
}
.bx-wrapper {
	padding: 0 15px 26px;
}
.top_3blocks ul {
	padding: 0 15px 7px;
}
.top_3blocks li {
	padding: 0;
	list-style: none;
}
.top_3blocks li + li {
	margin-top: 16px;
}
.top_3blocks p {
	margin: 0;
}
.top_3blocks .cat {
	color: #676767;
}
.top_3blocks .cat.pc {
	display: none;
}
.top_3blocks img {
	width: 100%;
}
.top_3blocks a {
	color: #333333;
	font-size: 12px;
	line-height: 20px;
}
#slider h1, .bx-wrapper h1,  .top_3blocks li h1 {
	font-size: 12.5px;
	margin: 6px 0 2px;
	font-weight: bold;
	display:block;
}
#slider p, .bx-wrapper p {
	margin: 0;
}
#slider .photo img, .photo video, .bx-wrapper .photo img, .bx-wrapper .photo video {
	width: 100%;
}
#slider .photo img, .top_3blocks .photo img {
	vertical-align: top;
}
#slider .cat, .top_3blocks .cat {
	margin-top:5px;
	font-size: 9px;
	line-height: 9px;
	display: inline-block;
	padding-left: 5px;
	color:#999;
}
#slider .date {
	margin-top:5px;
	font-size: 9px;
	line-height:9px;
	display: inline-block;
	float:right;
	color:#999;
}

.bx-controls {
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 6px 0 10px;
}
.bx-controls .bx-pager-item {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
}
.bx-controls .bx-pager-item a {
	display: block;
	width: 8px;
	height: 0;
	padding-top: 8px;
	overflow: hidden;
	background: #eaeaea;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.bx-controls .bx-pager-item a.active {
	background: #0068b7;
}
.cont_box {
	padding: 0 16px;
	margin: auto;
}
.cont_box h2 {
	margin: 0;
	color: #676767;
	font-size: 18px;
	font-weight: normal;
}
.cont_box h2:before {
	content: "";
	width: 3px;
	height: 16px;
	display: inline-block;
	border: solid #676767;
	border-width: 0 4px;
	margin-right: 4px;
}
#blogs {
	padding: 0;
}
#blogs h2 {
	padding: 0 16px;
}
#blogs ul {
	font-size: 0;
	padding: 15px 6px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#blogs ul:after {
	content: "";
	display: block;
	clear: both;
}
#blogs li {
	width: 50%;
	padding: 0 5px;
	font-size: 13px;
	font-weight: bold;
	list-style: none;
	text-align: center;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#blogs li a {
	color: #333333;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
#blogs li p {
	margin: 0;
}
#blogs li .title {
	padding: 1px 0 5px;
}
#blogs li img {
	width: 100%;
}
#tsuushin {
	padding: 11px 0;
}
#tsuushin h2 {
	padding: 0 16px;
}
#tsuushin ul {
	font-size: 0;
	padding: 15px 6px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#tsuushin ul:after {
	content: "";
	display: block;
	clear: both;
}
#tsuushin li {
	width: 50%;
	padding: 0 5px;
	font-size: 11px;
	line-height: 12px;
	list-style: none;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#tsuushin li a {
	color: #676767;
	display: block;
}
#tsuushin li p {
	margin: 0;
}
#tsuushin li .thumb ~ p {
	margin: 0 9px;
}
#tsuushin li .title {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	padding: 6px 0 7px;
}
#tsuushin li img {
	width: 100%;
}
#follow {
	padding: 0;
}
#follow h2 {
	padding: 0 16px;
}
#follow > div {
	width: 310px;
	overflow: hidden;
	position: relative;
	margin: 15px auto 0;
}
#follow #box_instagram p {
	margin: 0;
	color: #676767;
	font-size: 12px;
}
#follow #box_instagram p:after {
	content: "";
	display: block;
	clear: both;
}
#follow #box_instagram p a {
	float: right;
	color: #676767;
}
#follow #box_instagram iframe {
	vertical-align: top;
}
#follow #box_instagram > a {
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	padding-top: 103%;
	overflow: hidden;
	left: 0;
	bottom: 0;
}
#articles {
}
#articles .sub-category {
	padding: 0 12px;
	margin-bottom:80px;
}
#articles article {
	width: 100%;
	display:block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:12px 0;
	border-bottom:1px solid #e7e7e7;
}
#articles article > a {
}
#articles article p.photo{
	width: 28%;
	padding: 0;
	margin: 0;
	float:left;
	display:inline-block;
}
#articles article .photo img, .photo video {
	width: 100%;
	vertical-align: top;
}
#articles article .contents {
	display:block;
	width: 70%;
	float:left;
	padding:0 0 0 2%;
	margin:0;
}
#articles article .contents h1 {
	font-size: 12.5px;
	margin:0;
}
#articles article .contents .text {
	display:none;
}
#articles article .contents .cat {
	margin-top:10px;
	font-size: 9px;
	line-height: 9px;
	display: inline-block;
	padding-left: 5px;
	color:#999;
}
#articles article .contents .date {
	margin-top:10px;
	font-size: 9px;
	line-height: 9px;
	display: inline-block;
	float:right;
	color:#999;
}

/* clearfix */
#articles article:before,
#articles article:after {
    content: "";
    display: table;
}
#articles article:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
#articles article {
    zoom: 1;
}

#articles #more {
	position:absolute;
	bottom:-5rem;
	margin:20px;
	width: 90%;
	display: block;
	}
#articles #more a {
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 35px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: url(//www.lawson.co.jp/lab/common/img/sp_more.gif) no-repeat center center #023a65;
}
#gotop {
	margin: 0;
	padding: 10px 15px;
}
#gotop:after {
	content: "";
	display: block;
	clear: both;
}
#gotop a {
	display: block;
	float: right;
	width: 37px;
	height: 0;
	padding-top: 37px;
	overflow: hidden;
	background: url(//www.lawson.co.jp/lab/common/img//gotop.gif) no-repeat center center;
	background-size: 100%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
#maga_footer {
	margin: 0;
	font-size: 9px;
	padding: 1px 0 2px;
	text-align: center;
	background: #0068b7;
}
#maga_footer p {
	color: #ffffff;
	margin: 0;
	padding: 0;
}

.blockTemplateArea div, .blockTemplateArea span, .blockTemplateArea object, .blockTemplateArea iframe,
.blockTemplateArea h1, .blockTemplateArea h2, .blockTemplateArea h3, .blockTemplateArea h4, .blockTemplateArea h5, .blockTemplateArea h6, .blockTemplateArea p, .blockTemplateArea blockquote, .blockTemplateArea pre,
.blockTemplateArea a, .blockTemplateArea abbr, .blockTemplateArea acronym, .blockTemplateArea address,
.blockTemplateArea em, .blockTemplateArea font, .blockTemplateArea img,
.blockTemplateArea strong, .blockTemplateArea sub, .blockTemplateArea sup,
.blockTemplateArea dl, .blockTemplateArea dt, .blockTemplateArea dd, .blockTemplateArea ol, .blockTemplateArea ul, .blockTemplateArea li,
.blockTemplateArea fieldset, .blockTemplateArea form, .blockTemplateArea label, .blockTemplateArea legend,
.blockTemplateArea table, .blockTemplateArea caption, .blockTemplateArea tbody, .blockTemplateArea tfoot, .blockTemplateArea thead, .blockTemplateArea tr, .blockTemplateArea th, .blockTemplateArea td {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height:1.6em;
}

#article{
	margin: 0px 10px 20px;
	min-width : 300px;
}

#article #subhead{
	display: block;
	margin: 8px 0;
	width: 100%;
	height: 12px;
}

#article .cat {
	text-align: left;
	float: left;
	/* margin:1px 0; */
}

#article .date {
	text-align:right;
	margin:0;
	line-height: 12px;
	/* margin:8px 0; */
}
#article h1 {
	font-size: 21px;
	padding-top: 10px;
}
#article #author {
	text-align: center;
	font-size: 15px;
	margin-bottom:20px;
}
#article #author img{
	width:70px;
}
#article #top_text {
	font-size: 14px;
	line-height: 17px;
	margin: 12px 0 26px;
	padding: 20px 0;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
#article .blockTemplateArea {
	padding: 0;
}
#article .blockTemplateArea p{
	/* padding-top:5px; */
}

#article .blockTemplateArea p.caption{
	margin:0;
	padding:0;
}
#article .blockTemplateArea table {
	width: 100%;
}
#article .blockTemplateArea .figureBox td.figureBox-textArea {
	margin:0;
	padding:0;
}
#article .blockTemplateArea .figureBox td.figureBox-figureArea {
	margin:0;
	padding:0;
}
#article .blockTemplateArea .figureBlock p.caption{
	font-size:13px;
	margin:2px 0 0;
	padding:0 0 6px;
	text-align:left;
	color:#747474;
}
#article .chushaku p{
	padding-bottom:10px;
	font-size: 12px;
	line-height:17px;
	color: #666;
}
#article .inyo{
	margin: 0 0 20px;
}
#article .inyo p{
	background-color:#f7f7f7;
	padding: 10px;
	margin: 5px;
	font-size: 14px;
	line-height:22px;
}
#article .kakomi{
    margin: 2rem 0;
	padding: 2rem 1rem;
	border: 2px  #ddd solid;
}
#article .articleBottom {
	margin: 40px auto 20px;
}
#article .figureBlock {
	text-align: center;
}
#article .figureBlock tr, #article .figureBlock th{
	display: block;
	width:100%;
}
#article .figureBlock td{
	margin-top:10px;
	display: inline-block;
}
#article .figureBlock td.fbf{
	width: 300px;
	display: inline-block;
	margin: 10px auto;
}
#article .figureBlock td.twtf{
	display: inline-block;
	width: 288px;
	height: 118px;
	border:3px solid #55acee;
	padding: 3px;
	text-align:center;
	vertical-align: inherit;
}
#article .figureBlock td.linef{
	display: inline-block;
	width: 288px;
	height: 118px;
	border:3px solid #55acee;
	padding: 3px;
	text-align:center;
	vertical-align: inherit;
}
#article .figureBlock-floated-L,  #article .figureBlock-floated-R {
	padding: 0;
	width: 100%;
	margin-bottom: 0;
	text-align: center;
}
#article .blockTemplateArea .headLv2-A{
	margin: 40px 0 20px;
}
#article .blockTemplateArea .headLv2-A h2 {
	font-size: 18px;
	line-height:22px;
	border-left:6px solid;
	padding-left:10px;
	font-weight: bold;
}
#article .blockTemplateArea .headLv3-A{
	margin: 40px 0 20px;
}
#article .blockTemplateArea .headLv3-A h3 {
	font-size: 16px;
	line-height:20px;
}
#article_sns {
	margin: 0 15px;
	text-align: center;
	border-bottom: 1px dotted #aeaeae;
}
#article_sns ul {
	padding: 10px 0 14px;
	margin: 0;
}
#article_sns li {
	margin: 0 7px;
	padding: 0;
	list-style: none;
	display: inline-block;
}
#article_sns li img {
	vertical-align: top;
}
.pagenation .link_page, .pagenation .current_page,  .pagenation .post_before, .pagenation .post_next {
	display: none;
}

#news + #sns_sp {
	display: none;
}
#return a {
	display: block;
	height: 0;
	margin: 0 15px;
	padding-top: 35px;
	overflow: hidden;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: url(//www.lawson.co.jp/lab/common/img/sp_btn_return.gif) #023a65 no-repeat center center;
	background-size: 100px 30px;
}
#news {
	padding: 0 15px;
}
#news h1 {
	color: #023a65;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#news ul{
	padding: 0;
}
#news li, #news p {
	margin: 0;
}
#news li {
	padding: 13px 5px;
}
#news li:nth-child(odd) {
	background: #f9f9f9;
}
#news li:after {
	content: "";
	display: block;
	clear: both;
}
#news .photo {
	width: 34%;
	float: left;
	padding-right: 10px;
	background: #ffffff;
}
#news li:nth-child(odd) .photo {
	background: #f9f9f9;
}
#news .photo img {
	width: 100%;
	vertical-align: top;
}
#news .date {
	font-size: 10px;
}
#news .title {
	font-size: 12px;
	line-height: 16px;
	padding: 1px 0 3px;
	margin-bottom: 6px;
}
#news .title a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#news .genre {
	color: #676767;
	font-size: 13px;
}
#archive {
	position: relative;
}
#archive ul:after {
	content: "";
	display: block;
	clear: both;
}
#archive a {
	color: #ffffff;
}
#archive > ul {
	float: right;
}
#archive > ul > li {
	float: left;
	display: block;
	text-align: center;
	font-size: 10px;
	line-height: 16px;
}
#archive > ul > li + li {
	margin-left: 5px;
}
#archive > ul > li > a {
	display: inline-block;
 *display: inline;
	_display: inline;
 *zoom: 1;
	_zoom: 1;
	vertical-align: top;
	font-weight: bold;
	padding: 5px 10px;
}
#archive > ul > li > a.current {
	opacity: 1;
	background: rgba(255,255,255,0.5);
}
#archive ul div:after {
	content: "";
	display: block;
	clear: both;
}
#archive ul div {
	width: 100%;
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	z-index: 1000;
	padding: 6px 14px 8px;
	max-height: 66px;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
#archive .current ~ .icon.none + div:before {
	content: none;
}
#archive ul div:before {
	content: "";
	display: block;
	width: 17px;
	height: 26px;
	float: right;
}

.tsuushin #caption #archive ul div {
	background: #52a9e5;
}
.kenko #caption #archive ul div {
	background: #56B432;
}
.select #caption #archive ul div {
	background: #9D152D;
}
.uchicafe #caption #archive ul div {
	background: #ca6d68;
}
.smile #caption #archive ul div {
	background: #1D499D;
}
.okinawa #caption #archive ul div {
	background: #E62188;
}
.mama #caption #archive ul div {
	background: #F05800;
}
.dreamaudition #caption #archive ul div {
	background: #df769e;
}
.karaagekun #caption #archive ul div {
	background: #E5A800;
}
.honki #caption #archive ul div {
	background: #192844;
}
.natural #caption #archive ul div {
	background: #720E42;
}
.news #caption #archive ul div {
	background: #FFE46B;
}
.akiko #caption #archive ul div {
	background: #6633FF;
}

#archive ul div li {
	float: left;
	padding: 5px 10px;
	list-style-type: none;
}
#archive > p {
	clear: both;
	color: #000000;
	font-size: 24px;
	text-align: center;
	background: #ffffff;
	padding: 18px 20px 2px;
}
#archive .icon {
	width: 26px;
	height: 26px;
	padding: 5px;
	position: absolute;
	top: 32px;
	right: 10px;
	z-index: 2000;
	float: right;
	display: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#archive .current ~ .icon {
	display: block;
}
#archive .current ~ .icon.none {
	display: none;
}
#archive .icon:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 3px 0;
	border-color: #ffffff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#archive .icon:after {
	width: 16px;
	height: 3px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: #ffffff;
}
.blockTemplateArea table tbody {
	display: -webkit-box;
	/* overflow-x: auto; */
}
.blockTemplateArea table tr,  .blockTemplateArea table th,  .blockTemplateArea table td {
	display: block;
}
.blockTemplateArea table.puregrid, .blockTemplateArea table.puregrid tbody, .blockTemplateArea table.puregrid tr{	
    width:100%;
	display:table;
}

.blockTemplateArea table.puregrid td {
	width:50%;
	display:flex;
}

/* footer
-------------------------------------------- */
.pcfooter{
		display: none;
}
#update2015_footer {
  width: 100%;
  overflow: hidden;
  font-size: 12px;
}
#update2015_footer p {
  line-height: 1.4;
}
#update2015_footer a,
#update2015_footer a:focus,
#update2015_footer a:active,
#update2015_footer a:hover,
#update2015_footer a:visited {
  color: #333;
  text-decoration: none;
}
/* :::: footer_sec-02 :::: */
#update2015_footer #footer_sec-01 {
  position: relative;
  height: 175px;
  overflow: hidden;
}
#update2015_footer #footer_sec-01 #slider {
  position: absolute;
  cursor: move;
  z-index: 0;
  width: 1100px;
  height: 65px;
}
#update2015_footer #footer_sec-01 #slider p {
  float: left;
  width: 120px;
  height: 65px;
  margin: 4px;
  text-align: center;
}
#update2015_footer #footer_sec-01 #slider p:nth-of-type(1) {
  margin-left: 8px;
}
#update2015_footer #footer_sec-01 #slider p:nth-of-type(2) {
  margin-left: 12px;
}
#update2015_footer #footer_sec-01 #slider p:nth-of-type(3) {
  margin-left: 13px;
}
#update2015_footer #footer_sec-01 #slider p:nth-of-type(4) {
  width: 130px;
  margin-left: 16px;
}
#update2015_footer #footer_sec-01 #slider p:nth-of-type(5) {
  width: 130px;
  margin-left: 20px;
}
#update2015_footer #footer_sec-01 #slider p:nth-of-type(6) {
  margin-left: 7px;
}
#update2015_footer #footer_sec-01 #slider p:nth-of-type(7) {
  width: 80px;
  margin-left: 4px;
}
#update2015_footer #footer_sec-01 #slider p:nth-of-type(8) {
  width: 130px;
  margin-left: 30px;
}

/* :::: footer_sec-02 :::: */
#update2015_footer #footer_sec-02 {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
#update2015_footer #footer_sec-02 .footer_sec-02Inner {
  overflow: hidden;
  background:url(/common2015/sp/img/sec-05_item02_01.png) no-repeat center center;
  padding: 20px 0 0 0;
}
#update2015_footer #footer_sec-02 .footer_sec-02Inner ul {
  width: auto;
  margin-right: 10px;
  margin: 0 10px 30px 0;
}
#update2015_footer #footer_sec-02 .footer_sec-02Inner li {
  width: 50%;
  float: left;
  text-align: left;
  margin-bottom: 20px;
}
#update2015_footer #footer_sec-02 .footer_sec-02Inner li a {
  display: block;
  color: #666;
  font-size:12px;
}
#update2015_footer #footer_sec-02 .footer_sec-02Inner li img {
  width: 31px;
  height: 20px;
  margin-left: 22%;
}
#update2015_footer #footer_sec-02 .footer_sec-02Inner li span {
  margin-left: 10px;
}


/* :::: footer_sec-03 :::: */
#update2015_footer #footer_sec-03 {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: #f7f7f7;
}
#update2015_footer #footer_sec-03 .list02 ul {
  width: 93%;
  text-align:center;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 0 10px 0;
  border-bottom: 1px solid #ccc;
}
#update2015_footer #footer_sec-03 .list02 ul > li {
  display:inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 10px;
  font-size: 10px;
}
#update2015_footer #footer_sec-03 .list02 ul > li:first-child {
  margin-left: 0;
}
#update2015_footer #footer_sec-03 .list02 ul > li:before {
  content:"● ";
  color: #cccccc;
  font-size: 10px;
}
#update2015_footer #footer_sec-03 .copy {
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  margin: 20px 0 30px;
}
#update2015_footer #footer_sec-03 #footerMenuNavi {
  margin: 40px auto 0;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .list01 {
  margin: 0 20px;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .list01 > li {
  color: #333333;
  border-top: 1px #e6e6e6 solid;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .list01 > li:last-child {
  border-bottom: 1px #e6e6e6 solid;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .list01 > a {
  padding: 20px 0;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .list02 {
  display: none;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .list02 > li {
  color: #333333;
  border-top: 1px #e6e6e6 solid;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .list02 > li > a {
  padding: 20px 0;
  display:block;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .list02 > li:last-child {
  padding-bottom: 0;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .open {
  position: relative;
  padding: 20px 0;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .open:before,
#update2015_footer #footer_sec-03 #footerMenuNavi .open:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 19px;
  width: 11px;
  height: 3px;
  margin: -1px 0 0 0;
  background: #999;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .open:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
#update2015_footer #footer_sec-03 #footerMenuNavi .close {
  position: relative;
  padding: 20px 0;
}
#update2015_footer #footer_sec-03 #footerMenuNavi .close:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 19px;
  width: 11px;
  height: 3px;
  margin: -1px 0 0 0;
  background: #999;
}


/* font
-------------------------------------------- */
/*
@font-face {font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
*/

body#update2015,
#update2015_header,
#update2015_overlay,
#update2015_footer,
#update2015_snsList {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight:300;
}
body#update2015 h2.font01,
#update2015_header h2.font01,
#update2015_footer h2.font01 {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 25px;
  line-height: 1.5em;
  font-weight: 100;
  text-align: center;
  padding: 60px 0 10px 0;
}
body#update2015 h3,
#update2015_header h3,
#update2015_footer h3 {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  font-weight:200;
}
}



/* moviecamp
-------------------------------------------- */
#moviecamp_outer {
	position:relative;
	padding-bottom: 56.25%; 
         padding-top: 0px; 
         height: 0; 
         overflow: hidden;
}

#moviecamp_box{
         position: absolute;
         top: 0;   
         left: 0; 
         width: 100% !important; 
         height: 100% !important;
}

@media screen and (min-width: 751px) {
#moviecamp_button {
	position:relative;
	max-width:500px;
    background-image: url("/lab/common/img/cp_entry_btn.png");
    padding-bottom:100px;
    margin:0px auto;
	cursor:pointer;
}

#moviecamp_button.beforeplay {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	max-width:500px;
	padding-bottom:100px;
	margin:0px auto;
    background-image: url("/lab/common/img/cp_entry_btn_yokoku.png");
	cursor: default;
}

#moviecamp_button2 {
	position:relative;
	max-width:500px;
    background-image: url("/lab/common/img/dc_button2_oubo.png");
    padding-bottom:100px;
    margin:0px auto;
	cursor:pointer;
}

#moviecamp_button2.beforeplay {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	max-width:500px;
	padding-bottom:100px;
	margin:0px auto;
        background-image: url("/lab/common/img/dc_button2_pre.png");
	cursor: default;
}
}

@media screen and (max-width: 750px) {
#moviecamp_button {
	position:relative;
	width:100%;
	padding-bottom:20%;
	margin:0px auto;
  background-image: url("/lab/common/img/cp_entry_btn.png");
	background-size:100% 100%;
	cursor:pointer;
}

#moviecamp_button.beforeplay {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	width:100%;
	padding-bottom:20%;
	margin:0px auto;
  background-image: url("/lab/common/img/cp_entry_btn_yokoku.png");
	background-size:100% 100%;
	cursor: default;
}

#moviecamp_button2 {
	position:relative;
	width:100%;
	padding-bottom:20%;
	margin:0px auto;
  background-image: url("/lab/common/img/dc_button2_oubo.png");
	background-size:100% 100%;
	cursor:pointer;
}

#moviecamp_button2.beforeplay {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	width:100%;
	padding-bottom:20%;
	margin:0px auto;
	background-image: url("/lab/common/img/dc_button2_pre.png", );
	background-size:100% 100%;
	cursor: default;
}
}

/**************************************

	画像幅
	
**************************************/
@media screen and (max-width: 750px) {
#article .blockTemplateArea img{max-width: 100%;}
.s90 img{max-width:90%;}
#article .blockTemplateArea .s80 img{max-width:80%;}
.s70 img{max-width:70%;}
.s60 img{max-width:60%;}
.s50 img{max-width:50%;}
.s40 img{max-width:40%;}
.s30 img{max-width:30%;}
.s20 img{max-width:20%;}
.s10 img{max-width:10%;}
}


@media screen and (min-width: 751px) {
.w1000 img{max-width:1000px;}
.w800 img{max-width:800px;}
.w790 img{max-width:790px;}
.w780 img{max-width:780px;}
.w770 img{max-width:770px;}
.w760 img{max-width:760px;}
.w750 img{max-width:750px;}
.w740 img{max-width:740px;}
.w730 img{max-width:730px;}
.w720 img{max-width:720px;}
.w710 img{max-width:710px;}
.w700 img{max-width:700px;}
.w690 img{max-width:690px;}
.w680 img{max-width:680px;}
.w670 img{max-width:670px;}
.w660 img{max-width:660px;}
.w650 img{max-width:650px;}
.w640 img{max-width:640px;}
.w630 img{max-width:630px;}
.w620 img{max-width:620px;}
.w610 img{max-width:610px;}
.w600 img{max-width:600px;}
.w590 img{max-width:590px;}
.w580 img{max-width:580px;}
.w570 img{max-width:570px;}
.w560 img{max-width:560px;}
.w550 img{max-width:550px;}
.w540 img{max-width:540px;}
.w530 img{max-width:530px;}
.w520 img{max-width:520px;}
.w510 img{max-width:510px;}
.w500 img{max-width:500px;}
.w490 img{max-width:490px;}
.w480 img{max-width:480px;}
.w470 img{max-width:470px;}
.w460 img{max-width:460px;}
.w450 img{max-width:450px;}
.w440 img{max-width:440px;}
.w430 img{max-width:430px;}
.w420 img{max-width:420px;}
.w410 img{max-width:410px;}
.w400 img{max-width:400px;}
.w390 img{max-width:390px;}
.w380 img{max-width:380px;}
.w370 img{max-width:370px;}
.w360 img{max-width:360px;}
.w350 img{max-width:350px;}
.w340 img{max-width:340px;}
.w330 img{max-width:330px;}
.w320 img{max-width:320px;}
.w310 img{max-width:310px;}
.w300 img{max-width:300px;}
.w290 img{max-width:290px;}
.w280 img{max-width:280px;}
.w270 img{max-width:270px;}
.w260 img{max-width:260px;}
.w250 img{max-width:250px;}
.w240 img{max-width:240px;}
.w230 img{max-width:230px;}
.w220 img{max-width:220px;}
.w210 img{max-width:210px;}
.w200 img{max-width:200px;}
.w190 img{max-width:190px;}
.w180 img{max-width:180px;}
.w170 img{max-width:170px;}
.w160 img{max-width:160px;}
.w150 img{max-width:150px;}
.w140 img{max-width:140px;}
.w130 img{max-width:130px;}
.w120 img{max-width:120px;}
.w110 img{max-width:110px;}
.w100 img{max-width:100px;}
.w50 img{max-width:50px;}
}



/**************************************

	マージン
	
**************************************/
.ml0 {margin-left: 0 !important;}
.ml01 {margin-left: 1px !important;}
.ml05 {margin-left: 5px !important;}
.ml08 {margin-left: 8px !important;}
.ml13 {margin-left: 13px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml24 {margin-left: 24px !important;}
.ml25 {margin-left: 25px !important;}
.ml32 {margin-left: 32px !important;}
.ml40 {margin-left: 40px !important;}
.ml53 {margin-left: 53px !important;}
.ml80 {margin-left: 80px !important;}
.mb03 {margin-bottom: 3px !important;}
.mb00 {margin-bottom: 0px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px !important;}
.mr20 {margin-right: 20px;}
.mt01 {margin-top: 1px !important;}
.mt05 {margin-top: 5px !important;}

body.select {
	display : block;
}
#article {
	word-break : break-all;
}
.follow-facebook iframe { width: 300px; }
.follow-twitter, .follow-line {
	display : inline-block;
	max-width : 300px;
}
.follow-line iframe {
	margin : 4px 0;
}
td.item .image img {
	width : auto;
	margin : auto;
}



/* --------------------------------------------------------------------------------- */
/* PC */
@media screen and (min-width: 751px) {
	#articles .sub-category .caption {
		/* height : 60px; */
	}
	#articles .sub-category .container .link-dessert {
		font-size : 1rem;
		padding : 1rem 0;
		margin-right : 1rem;
		bottom : 0;
	}
}
/* SP */
@media screen and (max-width: 750px) {
	#articles .sub-category .caption {
		/* height : 50px; */
	}
	#articles .sub-category .container .link-dessert {
		font-size : 1rem;
		margin-right : 0.6rem;
		bottom : -2.5rem;
	}
}

/* common */
#articles .sub-category .caption {
  margin : 1rem 0;
  /*text-align: right;*/
}
#articles .sub-category .container a.link-dessert {
	display : block;
	color : #d99;
	position: absolute;
	right : 0;
}
#articles .sub-category .container a:visited.link-dessert  {
	color : #c66;
}