@charset "utf-8";
/*  TYPOGRAPHY  ============================================================================= */

.red { color: #ec2214 }
.green { color: #279500 }
p { hyphens : auto }
.center { text-align: center }
.subtext { color: #666 }

.f12 { font-size: 12px }
.f13 { font-size: 13px }
.f14 { font-size: 14px }
.f15 { font-size: 15px }
.f16 { font-size: 16px }
.f17 { font-size: 17px }
.f18 { font-size: 18px }
.f19 { font-size: 19px }
.f20 { font-size: 20px }
.f21 { font-size: 21px }
.f22 { font-size: 22px }
.f22 { font-size: 23px }
.f22 { font-size: 24px }
.f22 { font-size: 25px }
.f26 { font-size: 26px }
.f22 { font-size: 27px }

/* LINKS =============================================================================  */
a img.linkimg {
	background: none;
}
a:hover img.linkimg {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: none;
}
a {
	color: #555;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
a:visited {
	color: #555;
}
a:focus {
	color: #555;
}
a:hover, a:active {
	color: #555;
}

/* IMAGES ============================================================================= */
img {
	border : 0;
	max-width: 100%;
	height: auto;
	width: auto¥9; /* ie8 */
	vertical-align: bottom;
}
img.floatleft {
	float: left;
	margin: 0 10px 0 0;
}
img.floatright {
	float: right;
	margin: 0 0 0 10px;
}

/* TABLES ============================================================================= */


/* FORMS ============================================================================= */
button {
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	font-size: 0;
	line-height: 0;
	overflow: visible;
	cursor: pointer;
}

/*  MAIN LAYOUT	============================================================================= */
#skiptomain {
	display: none;
}
#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}
#headcontainer {
	width: 100%;
}

#maincontentcontainer {
	padding-top: 70px;
	width: 100%;
}
.maincontentcontainer {
	width: 100%;
}
#maincontent {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	font-size: 100%; /* 13 / 16 */
	max-width: 1200px; /* max-width: 92.3em; 1200px / 13 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.maincontent {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	font-size: 100%; /* 13 / 16 */
	max-width: 1200px; /* 1200px / 13 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.subcontent {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 90%; /* 1200px / 13 */
	/*max-width: 76%; /* 1200px / 13 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.maincontent_nm {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 1200px; /* 1200px / 13 */
	margin: 0 auto;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.maincontent_mb {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	overflow: hidden;
	/*max-width: 1200px; /* 1200px / 13 */
	margin: 0 auto;
	margin-bottom: 20px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.subc_face {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 75%; /* 1200px / 13 */
}
.subcontent290 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 290px; /* 1200px / 13 */
}
.subcontent460 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 460px; /* 1200px / 13 */
}
.subcontent500 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 500px; /* 1200px / 13 */
}
.subcontent560 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 560px; /* 1200px / 13 */
}
.subcontent60 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 60%; /* 1200px / 13 */
}
.subcontent65 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 65%; /* 1200px / 13 */
}
.subcontent70 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 70%; /* 1200px / 13 */
}
.subcontent75 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 75%; /* 1200px / 13 */
}
.subcontent75ns {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 75%; /* 1200px / 13 */
}
.subcontent80 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 80%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent85 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 85%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent90 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 90%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent92 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 92%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent95 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 95%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent90nc {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 90%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}

.mb0 { margin-bottom: 0 }
.mb10 { margin-bottom: 10px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.mt15 { margin-top: 15px }
.mt50 { margin-top: 50px }

.caption { position: relative }
.caption p {
	font-size: 75%;
	position: absolute;
	padding-top: 1%;
	padding-left: 1%;
	width: 25%;
	height: 30%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	left: 20px;
	top: 60%;
}
.topR_banner {
	margin-left: 20%;
}
.topR_banner h4 {
	line-height: 1.5em;
	margin-top: 20%;
	font-size: 24px;
}
.topR_banner img {
	margin-top: 5%;
}
.dTable {
	vertical-align: bottom;
	display: table;
	width: 100%;
}
.dTableCl {
	display: table-cell;
	width: 60%;
	text-align: left;
}
.dTableCr {
	display: table-cell;
	width: 40%;
	text-align: right;
}
.newsTable {
	vertical-align: top;
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.newsTableCl {
	display: table-cell;
	width: 10%;
}
.newsTableCr {
	vertical-align: top;
	display: table-cell;
	width: 90%;
	margin-left: 10px;
	text-align: left;
}
.snsTable {
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.snsTableC {
	display: table-cell;
	width: 33%;
}
/* Background color  ============================================================================= */
.whitecontainer {
	background: rgba(255, 255, 255, 1);
}
.beigecontainer {
	background: rgba(240, 235, 230, 1);
}
.facecontainer {
	background: rgba(250, 245, 220, 1);
}
.graycontainer {
	background: rgba(245, 245, 245, 1);
}
.lightgraycontainer {
	background: rgba(240, 240, 240, 1);
}
.lightgreencontainer {
	background: rgba(201, 228, 191, 1);
}
.greencontainer {
	background: rgba(40, 150, 0, 1);
}
.lightbluecontainer {
	background: rgba(0, 210, 255, 1);
}
.darkcontainer {
	background: rgba(102, 102, 102, 0.05);
}
.lightcontainer {
	background: rgba(255, 255, 255, 0.33);
}
.pinkcontainer_wb {
	background: rgba(253, 232, 231, 1);
	border-top : 1px solid #EB2113;
	border-bottom : 1px solid #EB2113;
	border-left : 1px solid #EB2113;
	border-right : 1px solid #EB2113;
}
.lightcreamcontainer {
	background: rgba(255, 250, 235, 1);
}
/*--- ↓トップへ戻るボタン ---*/
.motto-btn {
	display: block;
	color : #fff;
	font-weight: bold;
	font-size: 14px;
	background: #999;
	width: 80%;
	margin: 0 auto;
	padding: 1% 0;
	border-radius: 4px;/* CSS3草案 */
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
	-moz-border-radius: 4px; /* Firefox用 */
	text-align: center;
}
.motto-btn:visited {
	color : #fff;
	text-decoration: none;
}
.motto-btn:hover, .motto-btn:active {
	color : #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	background: #999;
	text-decoration: none;
	transition: all 0 ease;
}
.motto-btn img {
	vertical-align: middle;
}
/*--- ↑トップへ戻るボタン ---*/


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.breaker {
	clear: both;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
/* =================================================================================

   Float Clearing
 
=================================================================================== */
.clearFix2 {
	display: inline-table;
}
.clearFix2:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}
/* Layout共通 ============================================================================= */

/*--- Img共通 ---*/
.w-100 {
	border : 0;
	max-width: 100%;
	height: auto;
	width: 100%;
	width: auto\9; /* ie8 */
	vertical-align: bottom;
}

/*------------- Img共通 ------------ */
a.imghancho {
	display: block;
}
a.imghancho:visited {
	text-decoration: none;
}
a.imghancho:hover, a.imghancho:active {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	background: #999;
	text-decoration: none;
	transition: all 0 ease;
}
a.imghancho img {
	vertical-align: middle;
}
.img1024 {
	display: none;
}
.img480 {
	display: block;
}
/*------------- 共通 ------------ */


/*--- ↓トップへ戻るボタン ---*/
.backBtn a {
	display: block;
	width: 90%;
	text-align: center;
	margin: 3% auto 0;
	padding: 3% 0;
	background-color: #999;
	border-radius: 4px;/* CSS3草案 */
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
	-moz-border-radius: 4px; /* Firefox用 */
}
.backBtn span {
	color : #fff;
	font-size: 14px;
	background: url(../images/mark/return.png) no-repeat 0 50%;
	background-size: 14px 14px;
	padding: 0 0 0 2em;
	display: inline-block;
}
.backBtn a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	text-decoration: none;
	transition: all 0 ease;
}
.backBtn img {
	vertical-align: middle;
}

/*--- ↓～を見るボタン ---*/
.lookBtn a {
	display: block;
	width: 90%;
	text-align: center;
	margin: 3% auto 0;
	padding: 3% 0;
	background-color: #999;
	border-radius: 4px;/* CSS3草案 */
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
	-moz-border-radius: 4px; /* Firefox用 */
}
.lookBtn span {
	color : #fff;
	font-size: 14px;
	background: url(../images/mark/arrow2-white.png) no-repeat 100% 50%;
	background-size: 8px 14px;
	padding: 0 2em 0 0 ;
	display: inline-block;
}
.lookBtn a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	text-decoration: none;
	transition: all 0 ease;
}
.lookBtn img {
	vertical-align: middle;
}


/* クリア */
.clear {
	clear: both;
}


/* 他共通 （上部にあるが追記）============================================================================= */
.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.fontbold {
	font-weight: bold;
}

/* テキストカラー */
.colorrRed {
	color: #DD2418;
}

/* 見出し等 */
.labelArea {
	position: relative;
	display: block;
	width: 90%;/* 252px/320px=78.75% */
	padding: 0.5em 0 1em 0;
	margin: 0 auto;
}
.labelArea ul {
	display: none;
}
h2.label {
	font-size: 137.5%;
	width: 100%;/* 252px/320px=78.75% */
	padding: 0;
	margin: 0;
	display:inline;
}
.icon-commentary {
	position: absolute;
	top: 1em;
	right: 0;
	background: url(../images/mark/arrow-grey.png) no-repeat 0 50%;
	background-size: 16px;
	padding: 0 0 0 1.5em;
	display: inline-block;
	cursor: pointer;
}

/* 臨時 */
.iconDesc {
	font-size: 100%;
	position: absolute;
	top: 1em;
	right: 0;
	z-index: 2;
	line-height: 1.5em;
	padding: 0 0 0 2em;
	margin: 0;
	display: inline-block;
	background: url(../images/mark/arrow-grey.png) no-repeat 0 50%;
}
.allLink {
	position: absolute;
	top: 2rem;
	right: 0;
}

/* CSS Document */
.other {
	width: 90%;/* 252px/320px=78.75% */
	padding: 3em 0;
	margin: 0 auto;
	display: block;
}
.other_box {
	position: relative;
	width: 100%;
	display: block;
	float: left;
	padding: 1em 0;
	margin: 0 0 10px 0;
	text-align: left;
}
.other_box_end {
	position: relative;
	width: 100%;
	display: block;
	float: left;
	padding: 1em 0;
	margin: 0 0 10px 0;
	text-align: left;
}
.other_box h2, .other_box_end h2 {
	width: 32.0%;
	display: block;
	padding: 0;
	margin: 0;
}
.other_box h4, .other_box_end h4 {
	position: absolute;
	top: 40%;
	left: 40%;
	display: block;
	margin: 0;
	padding: 0;
}
.other_box h4 a, .other_box_end h4 a {
	background: url(../images/mark/arrow-grey.png) no-repeat 0 50%;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 1.5em;
	display: block;
}
/*a.back-btn {
display: block;
color: #fff;
font-size: 14px;
background: #999;
width: 35%;
margin: 2% auto 0;
padding: 1% 0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-align: center;
}

a.back-btn:visited {
color: #fff;
text-decoration: none;
}*/


/* Adobe PDF画像 */
.pdfreader {
	width: 100%;
	/*border-top: solid 1px #E6E6E6;*/
	clear: both;
	font-size: 12px;
	margin-bottom: 12px;
	text-align: center;
	padding-top: 20px;
}
.pdfreader a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	transition: all 0 ease;
}
.downpdf {
	float: none;
	margin-right: 10px;
}
.pt10 {
	padding-top: 10px;
}

/* hr */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}


/* メニュー （アイコンリンク箇所）============================================================================= */
/*.menuother {
	width: 90%;*//* 252px/320px=78.75% */
	/*padding: 0 0;
	margin: 0 auto;
	display: block;
}
.menuother ul li {
	position: relative;
	width: 100%;
	display: block;
	padding: 1em 0;
	margin: 0 0 10px 0;
	text-align: left;
	border-right: none;
}
.menuother h2 {
	width: 32.0%;
	display: block;
	padding: 0;
	margin: 0;
}
.menuother p {
	position: absolute;
	top: 40%;
	left: 40%;
	display: block;
	margin: 0;
	padding: 0;
	width: 60% *//*小泉141014*/
/*}
.menuother p a {
	background: url(../images/mark/arrow-red.png) no-repeat 0 50%;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 1.5em;
	display: block;
}
.menuother a:hover img, .menuother a:active img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}*/
/* メニュー （アイコンリンク箇所）============================================================================= */


/* キャンペーン終了 */
.notcampaign {
	background: #ec2214;
	font-size: 150%;
	margin:0 auto 2%;
	padding: 1.2% 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
}



@media only screen and (max-width: 480px) {
	

.notcampaign {
	padding: 4% 0;
}

/*#container .title {
	font-size: 100%;
	width: 90.8%;/* 436px/480px=90.8% */
	/*padding: 1em 0;
	margin: 0 auto 0.5em;
	border-bottom: #ccc solid 1px;
}*/
.labelArea {
	position: relative;
	display: block;
	width: 90.8%;/* 436px/480px=90.8% */
	padding: 0.5em 0 1em 0;
	margin: 0 auto;
}
.labelArea ul {
	text-align: left;
}

/*--- Img共通 ---*/
.img1024 {
	display: block;
}
.img480 {
	display: none;
}
/*--- Img共通 ---*/


/*--- 改行隠す ---*/
.hide-pc {
	display: block;
}
.hide-sp {
	display: none;
}


}

@media only screen and (min-width: 481px) {
#container .title {
	font-size: 112.5%x;
	width: 92.7%;/* 712px/768px=92.7% */
}
.labelArea {
	width: 92.7%;/* 712px/768px=92.7% */
	padding: 1em 0;
}
h2.label {
 font-size:137.5%%;
	width: 100%;/* 252px/320px=78.75% */
	padding: 0;
	margin: 0;
	display:inline;
}
.other {
	width: 92.7%;/* 712px/768px=92.7% */
	padding: 3em 0;
	margin: 0 auto;
}
.other_box {
	width: 33%;
	display: block;
	float: left;
	padding: 2em 0;
	text-align: center;
	border-right: #ccc solid 1px;
}
.other_box_end {
	width: 33%;
	display: block;
	float: left;
	padding: 2em 0;
	text-align: center;
}
.other_box h2, .other_box_end h2 {
	width: 100%;
}
.other_box h4, .other_box_end h4 {
	position: static;
	width: 100%;
	margin: 0;
	padding: 0;
}
.other_box h4 a, .other_box_end h4 a {
	background: url(../images/mark/arrow-grey.png) no-repeat 0 45%;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 3em;
	display: inline-block;
}
/*--- トップへ戻るボタン ---*/
.backBtn a {
	width: 50%;
	margin: 2% auto 0;
	padding: 1.5% 0;
}
/*--- ～を見るボタン ---*/
.lookBtn a {
	width: 50%;
	margin: 2% auto 0;
	padding: 1.5% 0;
}
/* Adobe PDF画像 */
.downpdf {
	float: left;
	margin-bottom: 5px;
}
.pdfreader {
	clear: both;
	width: 95%;
	margin: 5% auto;
	font-size: 12px;
	text-align: left;
}
.hide-pc {
	display: none;
}
.hide-sp {
	display: block;
}

}

@media only screen and (min-width: 980px) {
#container .title {
	width: 90.32%;/* 896px/992px=90.3225% */
	max-width: 1080px;
	padding: 1em 0 0.5em 0;
	margin: 0 auto 1em auto;
}
.labelArea {
	width: 90.32%;/* 896px/992px=90.3225% */
	max-width: 1080px;
	padding: 1em 0;
}
h2.label {
	font-size: 137.5%;
	width: 100%;/* 896px/992px=90.3225% */
	max-width: 1080px;
	display:inline;
}
.other {
	width: 90.32%;/* 896px/992px=90.3225% */
	max-width: 980px;
	padding: 3em 0;
	margin: 0 auto;
}
/*--- 改行隠す ---*/
.hide-pc {
	display: none;
}
.hide-sp {
	display: block;
}
/*--- トップへ戻るボタン ---*/
.backBtn a {
	width: 28%;
	margin: 2% auto 0;
	padding: .8% 0;
}
/*--- ～を見るボタン ---*/
.lookBtn a {
	width: 28%;
	margin: 2% auto 0;
	padding: .8% 0;
}


/* メニュー （アイコンリンク箇所）============================================================================= */
/*.menuother {
	width: 92.7%;*//* 712px/768px=92.7% */
	/*padding: 2em 0;
	margin: 0 auto;
}
.menuother ul li {
	width: 33.3%;
	display: block;
	float: left;
	padding: 2% 0 0 0;
	margin-left: -1px;
	text-align: center;
	border-right: #ccc solid 1px;
}
.menuother ul li:last-child {
	border-right: none;
}
.menuother h2 {
	width: 100%;
}
.menuother p {
	position: static;
	width: 100%;
	margin: 0;
	padding: 0;
}
.menuother p a {
	background: url(../images/mark/arrow-red.png) no-repeat 0 45%;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 3em;
	display: inline-block;
}
.menuother a:hover img, .menuother a:active img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}*/
/* メニュー （アイコンリンク箇所）============================================================================= */

}



/*============================ オフィシャルSNSボタン ============================*/

#dennys-official-sns {
	text-align: center;
	margin: 5%;
}

#dennys-official-sns p {
	font-size: 20px;
	letter-spacing: .2em;
	margin: 0 0 16px;
	font-weight: bold;
	text-indent: .2em;
}

#dennys-official-sns a {
	margin: 0 2%;
}

#dennys-official-sns a:hover {
	opacity:0.5 ;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

@media only screen and (max-width: 768px){

#dennys-official-sns {
	text-align: center;
	margin: 3% 0 9%;
}

#dennys-official-sns p {
	font-size: 18px;
	letter-spacing: .2em;
	margin: 0 0 20px;
	font-weight: bold;
	text-indent: .2em;
}

#dennys-official-sns a:hover {
	opacity:1 ;
	filter: alpha(opacity=1);
	-moz-opacity: 1;
}

}

@media only screen and (max-width: 480px){

#dennys-official-sns {
	text-align: center;
	margin: 5% 0 18%;
}

#dennys-official-sns p {
	font-size: 18px;
	letter-spacing: .1em;
	margin: 0 0 16px;
	font-weight: bold;
	text-indent: .1em;
}

#dennys-official-sns img {
	width: 12%;
}

#dennys-official-sns a {
	margin: 0 4%;
}

}

/*============================ 2つ並び↓～を見るボタン ============================*/

#two-btn {
	width: 62%;
	margin: 0 auto;
}

#two-btn p {
	width: 50%;
}

#two-btn p.left {
	float: left;
}

#two-btn p.right {
	float: right;
}

#two-btn .lookBtn2 a,
#three-btn .lookBtn2 a {
	display: block;
	width: 90%;
	text-align: center;
	margin: 14% auto 0;
	padding: 4% 0;
	background-color: #ffbd00;
	border-radius: 4px;/* CSS3草案 */
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
	-moz-border-radius: 4px; /* Firefox用 */
}

#two-btn .lookBtn2 span,
#three-btn .lookBtn2 span {
	color : #fff;
	font-size: 14px;
	background: url(../images/mark/arrow2-white.png) no-repeat 100% 50%;
	background-size: 8px 14px;
	padding: 0 2em 0 0 ;
	display: inline-block;
}

#two-btn .lookBtn2 a:hover,
#three-btn .lookBtn2 a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	text-decoration: none;
	transition: all 0 ease;
}

/*============================ 3つ並び↓～を見るボタン ============================*/

#three-btn p {
	width: 33.33%;
    float: left;
}

/*--- トップへ戻るボタン＆～を見るボタン ---*/
#two-btn .backBtn2 a {
	display: block;
	width: 90%;
	text-align: center;
	margin: 14% auto 0;
	padding: 3% 0;
	background-color: #999;
	border-radius: 4px;/* CSS3草案 */
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
	-moz-border-radius: 4px; /* Firefox用 */
}

#two-btn .backBtn2 span {
	color : #fff;
	font-size: 14px;
	background: url(../images/mark/return.png) no-repeat 0 50%;
	background-size: 14px 14px;
	padding: 0 0 0 2em;
	display: inline-block;
}

#two-btn .backBtn2 a:hover,
#two-btn .lookBtn3 a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	text-decoration: none;
	transition: all 0 ease;
}

#two-btn .lookBtn3 a {
	display: block;
	width: 90%;
	text-align: center;
	margin: 14% auto 0;
	padding: 3% 0;
	background-color: #999;
	border-radius: 4px;/* CSS3草案 */
	-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
	-moz-border-radius: 4px; /* Firefox用 */
}

#two-btn .lookBtn3 span {
	color : #fff;
	font-size: 14px;
	background: url(../images/mark/arrow2-white.png) no-repeat 100% 50%;
	background-size: 8px 14px;
	padding: 0 2em 0 0 ;
	display: inline-block;
}

@media only screen and (max-width: 980px){

#two-btn {
	width: 80%;
	margin: 0 auto;
}

}

@media only screen and (max-width: 768px){

#two-btn {
	width: 92.7%;
	margin: 0 auto;
}

#three-btn {
	width: 100%;
	margin: 5% auto;
}

#three-btn p {
	width: 100%;
	margin: 0 0 2.5%;
}

#three-btn .lookBtn2 a {
	margin:0 auto;
	padding: 1.5% 0;
}

}

@media only screen and (max-width: 480px){

#two-btn {
	width: 100%;
	margin: 0 auto 10%;
}

#two-btn p,
#three-btn p {
	width: 100%;
	margin: 0 0 4%;
}

#two-btn .lookBtn2 a,
#three-btn .lookBtn2 a {
	margin:0 auto;
	padding: 3.5% 0;
}

#two-btn .lookBtn3 a {
	margin:0 auto;
	padding: 3.5% 0;
}

#two-btn .m0 {
	margin:0 auto !important;
	}


}


/*============================ 広告枠(PCは表示なし）160712 ============================*/
#advertising {
	display:none;
}

#advertising .advertisingInner {
	display:none;
}

@media only screen and (max-width: 768px) {
#advertising {
	display:block;
	position: fixed;
    bottom: 25%;
	right:5px;
    z-index: 101;
}

#advertising .advertisingInner {
	width:120px;
	display:block;
}
}



/*============================ 各カテゴリキャンペーンバナー ============================*/
.campaignBnr{
	max-width:1080px;
	width:100%;
	position: relative;
	overflow:hidden;
    margin: 0 auto 5%;
}

.campaignBnr .moreButton {
	width: auto;
	height: auto;
	position: absolute;
    right: 2%;
    bottom: 4%;
    margin: 0;
	z-index: 1;
	transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55) .4s;
    -webkit-transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55) .4s;
}

.campaignBnr .moreButton span {
	display: block;
    width: 120px;
    height: 34px;
    background: rgba(237,34,20,.75);
	border-radius: 17px;
    overflow: hidden;
    position: relative;
	box-sizing: border-box;
}

.campaignBnr .moreButton span:after {
	content: "";
    display: block;
    width: 15px;
    height: 13px;
    background: url(/images/top/top-link-arrow.png) no-repeat center center;
	background-size: 100% auto;
    position: absolute;
    top: 10px;
    left: 16px;
    margin: auto;
}

.campaignBnr .moreButton span img {
	display: block;
	width: 68px;
	height: 16px;
	position: absolute;
	top: 8px;
    left: 36px;
}

.campaignBnr .moreButton {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
}

@media screen and (min-width:769px) {
.campaignBnr a img {
    transition: .4s ease;
	-o-transition: .4s ease;
	-ms-transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
}

.campaignBnr a:hover img{
	transform:scale(1.015);
	-o-transform:scale(1.015);
	-ms-transform:scale(1.015);
	-moz-transform:scale(1.015);
	-webkit-transform:scale(1.015);
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	text-decoration: none;
}

.campaignBnr .moreButton span img {
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.campaignBnr .moreButton span:after {
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.campaignBnr .moreButton span:hover:after {
	left: 88px;
}

.campaignBnr .moreButton span:hover img {
	left: 16px;
}
}


@media only screen and (max-width: 480px) {
.campaignBnr .moreButton {
	right: 15px;
	bottom: 15px;
}

.campaignBnr .moreButton span {
    width: 86px;
    height: 30px;
}

.campaignBnr .moreButton span:after {
	width: 12.4px;
    height: 11px;
	top: 9px;
	left: 11px;
}

.campaignBnr .moreButton span img {
    width: 51px;
    height: 12px;
    top: 9px;
    left: 25px;
}
}