@charset "UTF-8";
/* ====================================================
   HTML5 display definitions
 ====================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-weight: normal;font-size: 100%;vertical-align: baseline;}
abbr[title] {border-bottom: 1px dotted;}
strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; clear:both;}
mark {background: #ff0;color: #000}
code,kbd,pre,samp {    font-family: monospace, serif;font-size: 1em}
pre {white-space: pre-wrap}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup { top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0; max-width: 100%;height:auto;}
svg:not(:root) {overflow: hidden;}
figure,figcaption { margin: 0;padding:0;}
table { border-collapse: collapse; border-spacing: 0;}
ul,ol{list-style:none;}
/* ====================================================
   Base
 ====================================================*/
html {
	font-family: sans-serif; 
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%; 
	height:100%;
}
body {
	position:relative;
	margin: 0;
	padding:0;
	color: #555;
	height:100%;
	font-size:16px;
	line-height:1.6;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}
/* tabsJquery */
.tabNav li {cursor: pointer;}
.tabNav li.active {opacity: 0.8;cursor: pointer}
.tabWrap {position:relative}
.tabCts {display:none;}
.tabCts.cts-active {display:block;}

@font-face {
	font-family: 'mincho';
	src: url('font.eot'); 
	src: /*local('AozoraMinchoMedium.ttf'),*/url('font.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
	     url('font.woff') format('woff'), /* woff - Modern Browsers */
	     url('font.ttf')  format('truetype'), /* ttf - Safari, Android, iOS */
	     url('font.svg#svgFontName') format('svg'); /* svg - Legacy iOS */
}
.nt {font-family: mincho;}

/* ====================================================
   Links
   ==================================================== */

a {background: transparent; color:#426280;}
a:focus {outline: none}
a:active,a:hover,#pgArea li:hover {outline: 0; opacity:0.7;}

/* ====================================================
   Typography
   ==================================================== */

abbr[title] {border-bottom: 1px dotted;}
strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; clear:both;}
mark {background: #ff0;color: #000}
code,kbd,pre,samp {    font-family: monospace, serif;font-size: 1em}
pre {white-space: pre-wrap}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup { top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0; max-width:100%;height:auto;}
svg:not(:root) {overflow: hidden;}
figure,figcaption { margin: 0;padding:0;}
table { border-collapse: collapse; border-spacing: 0;}

/* **************************************
common class style
************************************** */

/* size style
-------------------------------------- */

.clear {clear: both !important}.hide {display: none}
.alnR { text-align: right !important}.alnL { text-align: left !important}.alnC { text-align: center !important}
.vlnT { vertical-align: top !important}.vlnM { vertical-align: middle !important}.vlnB { vertical-align: bottom !important;}.vlnL { vertical-align: baseline !important}
.fltL { float:left !important}.fltR { float:right !important}
.imgL { float:left; margin: 0 15px 15px 0} .imgR { float:right; margin: 0 15px 15px}
.mt10 { margin-top: 10px !important}
.mt20 { margin-top: 20px !important}
.mb10 { margin-bottom: 10px !important}
.mb15 { margin-bottom: 15px !important}
.mb25 { margin-bottom: 25px !important}
.ml10 { margin-left: 10px !important}
.mr15 { margin-right:15px !important}
.mb70 { margin-bottom:70px !important}
.mtb10 { margin-top:10px !important; margin-bottom:10px !important}
.pt35 { padding-top: 35px !important}
.pt10 { padding-top: 10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pb10 { padding-bottom: 10px !important}
.pl10 { padding-left: 10px !important}
.pr10 { padding-right: 10px !important}
.fBld { font-weight: bold;}
.nonLnAl { border: none !important;}


/*========================
TEXT
========================*/


/* font collor
-------------------------------------- */
a:link,a:visited {color: #C64845;}
a:hover,a:active {color: #626B36;}
.gth {font-family: "游ゴシック体", "Yu Gothic", YuGothic,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif}
.mch {
	font-family:  "游明朝体", "Yu Mincho", YuMincho,"メイリオ","Meiryo","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* common hack style
-------------------------------------- */

/* */
.cf:after {content: ".";display: block; clear: both;height: 0;visibility: hidden;}
/* for IE6,7 */
.cf{zoom: 1;}


/* ====================================================
   Base css
   ==================================================== */

.wrap {margin: 0 15px;}
.spBlk {display:block;}
.pcBlk {display: inline;}

/* ====================================================
   pageHeader
   ==================================================== */

#pageHeader {
	position: relative;
	height: 180px;
	padding-top: 15px;
	background: url(../images/header_bg.jpg) 50% 0 no-repeat;
	background-size: auto 200px;
	color: #FFF;
}
#logo {
	float:right;
	width: 90px;
}
#hdrEx {
	clear:both;
	padding-top: 40px;
	padding-bottom:5px;
	font-size: 125%;
	font-style: italic;
}
#hdrTtl {
	font-size: 75%;
	width: 300px;	

}
#hdrEx,#hdrTtl {
	text-shadow: #000000 0 0 2px;
}
/* ====================================================
   mainArea
   ==================================================== */
#mainArea { padding: 1.5em 0 0;}

/* //concept
***********************************************/
#concept {
	margin:0 0 1em;
}
#cncptHdr {
	margin-bottom: 1.2em;
}
#cncptTtl {
	font-size: 125%;
	font-weight:normal;
	margin-bottom: .5em;
	line-height: 1.4;
}
#cncptHdr p {
	font-size:100%;
}
.lin {text-decoration: underline}

#conceptEx {
	background: url(../images/concept_img01.jpg) 50% bottom no-repeat;
	background-size: 280px;
	padding-bottom: 200px;
}
#conceptEx p {
	font-size:82%;
	margin-bottom:10px
}
#conceptEx p.alnR {
	font-size:75%;
}
#cncptProd {
	width: 280px;
	margin: auto;
}
.prodBox {
	line-height:1.4;
	margin-bottom:10px;
	
}
.prodBox {
	border: #805D7E 3px solid;
	padding: 10px 10px 0;
	text-align:center;
	margin: 20px auto 0;
}
.prodBox img {
	height: 240px;
	vertical-align: bottom;
}
#prodN {
	width: 260px;
	padding: 10px;
	background-color: #7F5D80;
	margin: auto;
	font-size: 88%;
	color: #FFF;
}
#cncptProd .btnDetail {
	max-width: 360px;
	margin: auto;
}
.ft01{
	 font-size: 138%;
	 padding-left: 10px;
}


/* //ccPoint
***********************************************/
#ccPoint {
	clear: both;
	margin: 0 0 1em;
}
#ccPointTtl .spBlk,.ccPntTtl .pcBlk,
.ccPntTtl .spBlk,.ccPntTtlS .pcBlk {
	font-weight:bold;
}
#ccPointTtl {
	background-color: #E9E5E3;
	padding: 0.5em .5em;
	font-size: 125%;
	line-height:1.4;
	font-weight:bold;
}
.ccPointArea {
	padding: 220px 1em 2em;
	background: 0 0 no-repeat;
	background-size: auto 200px;
}
.ccPntTtl {
	font-size: 100%;
	line-height: 1.3;
	margin-bottom: 10px;
	font-weight: bold;
}
.ccPntTtlS {
	border-right: #000 2px solid;
	border-left: #000 2px solid;
	padding: 0 5px;
	margin-bottom:10px;
	line-height: 1.3;
	font-weight:bold;
	font-size:88%;
}
.ccPntTtlS .spBlk {
	font-weight: bold;
}
.ccPointArea p {
	font-size: 88%;
}
#ccPoint01 {
	background-image: url(../images/sp_point01.jpg);
}
#ccPoint02 {
	background-image: url(../images/sp_point02.jpg);
}
#ccPoint03 {
	background-image: url(../images/sp_point03.jpg);
	background-position: 50% 0;
}

/* //ccNNArea
***********************************************/
#ccNNArea {
	background-color: #CFC5DF;
}
#ccNNTtl {
	padding: 0.5em .5em;
	background-color: #AA96C8;
	color: #FFF;
	font-weight: bold;
	font-size: 125%;
	line-height:1.4;
}
#ccNNTtl .spBlk {
	font-weight: bold;
}
.ccNNTtlSub {
	font-size: 100%;
	margin-bottom: 15px;
	padding: 10px 15px 5px 15px;
	line-height: 1.4;
}
.ccNNTtlSub .spBlk {
	font-weight: bold;
}
.ccNNTtlLn {
	border-bottom: #FFF solid 1px;
	margin: 0;
	padding: 5px 0 5px 50px;
	display: block;
	background: no-repeat left 50%;
	background-size: 42px;
	font-weight: bold;
}
#nightTtl .ccNNTtlLn {
	color:#FFF;
	background-image: url(../images/ic_night.png);
}
#noonTtl .ccNNTtlLn {
	color:#9D87BF;
	background-image: url(../images/ic_noon.png);
	background-color: #EEEAF4;
	border-bottom-color:#9D87BF;
}
#nightArea  {
	background-color:  #BEB1D8;
	color: #FFF;
}
#noonArea {
	background-color: #EEEAF5;
	 color: #9D87BF;
}
.nightCnt,.noonCnt {
	padding-bottom: 20px;
}
.nightCnt li,.noonCnt li {
	padding-bottom: 180px;
	margin-bottom:20px;
	background-position: 50% bottom;
	background-repeat: no-repeat;
	background-size: 280px;
}
#night01 {
	background-image: url(../images/sp_01_night.png);
}
#night02 {
	background-image: url(../images/sp_02_night.png);
}
#night03 {
	background-image: url(../images/sp_03.png);
}
#night04 {
	background-image: url(../images/sp_04_night.png);
	padding-bottom: 150px;
}

#noon01 {
	background-image: url(../images/sp_01_noon.png);
}
#noon02 {
	background-image: url(../images/sp_02_noon.png);
}
#noon03 {
	background-image: url(../images/sp_03.png);
}
#noon04 {
	background-image: url(../images/sp_04_noon.png);
	padding-bottom: 170px;
}
.ccNNTtlS {
	line-height: 1.3;
	font-size: 82%;
	padding: 5px 1.2em;
	border: #FFF dashed 1px;
	border-radius: 3.2em;
}
.noonCnt .ccNNTtlS {
	border-color: #9D87BF;
}
.ccNNTtlS .fBld{
	font-size: 113%;
	display: inline-block;
	padding-bottom:3px;
}
#night01 .ccNNTtlS,#noon01 .ccNNTtlS {
	padding-left: 40px;
	padding-right: 10px;
	border-radius: 2.5em;
}
#night01 .ccNNTtlS .fBld,
#noon01 .noonCnt .ccNNTtlS .fBld {
	padding-bottom:0;
}
#night01 .ccNNTtlS {
	background: #A998CB url(../images/ic_nght_ttl.png) 15px 50% no-repeat;
	background-size: 20px;
}
#night02 .ccNNTtlS,
#night03 .ccNNTtlS,
#night04 .ccNNTtlS {
	background-color: #CCC8D4
}
#noon01 .ccNNTtlS {
	background: #C8BBDC url(../images/ic_noon_ttl.png) 15px 50% no-repeat;
	background-size: 20px;
	color: #FFF;
}
#noon02 .ccNNTtlS,
#noon03 .ccNNTtlS,
#noon04 .ccNNTtlS {
	background-color: #F1EFF5
}
.ccNNTtlS .spBlk {
	font-weight: bold;
}



/* //cmpntArea
***********************************************/
#cmpntArea {
	background-color: #44274D;
	color: #FFF;
	padding: 2em 0 1em;
}
#cmpntTtl,
#cmpntTtl .spBlk {
	font-weight: bold;
	line-height: 1.4;
}
#cmpntTtl {
	font-size: 125%;
	margin-bottom: 20px;
}
#gel {
	background: url(../images/cmpnt_bg.png) right bottom no-repeat;
	background-size: auto 70px;
	padding: 10px 0 26px 5px;
	margin-bottom: 10px;
	font-size: 82%;
	line-height: 1.2;
}
.cmpntBx {
	margin-bottom: 25px;
	padding-bottom:20px;
	border-bottom: thin solid #D8D4D8;
}
.nonLin {
	border: none;
}
.cmpntTtlS {
	margin-bottom: 10px;
	font-size: 113%;
	font-weight: bold;
}
.cmpntBx p {
	font-size:82%;
}
.cmpntImg {
	margin-top: 15px;
}

/* //until2015
***********************************************/
#until2015 {
	clear:both;
	margin: 0;
	padding: 0;
}
/*//cmpgnPls3
***********************************************/
#cmpgnPls3 {
	padding: 2em 0 1.5em;
	background: #f0eaf5 url(../images/campaign/bg_plus.png) 50% top no-repeat;
	background-size: auto 320px;
}
#cmpgnPlsTtl {
	max-width: 300px;
	margin:auto;
}
#cmpgnPlsTtl img {
  display:none;
}
#cmpgnPlsPld {
	margin: 55px auto 100px;
	max-width: 300px;
}
#cmpgnPlsPldImg  {
	float: right;
	width: 44%;
}
#cmpgnPlsInfo {
	color: #FFF;
	font-size: 82%;
}
.cmpgnPlsInfoPrc {
	font-size: 125%;
}
#cmpgnPlsBtn {
	width: 52%;
	font-size: 82%;
}
#cmpgnPlsBtn .btn.spcl {
	line-height: 2.3;
}
.camEx01 {
	font-size: 88%;
	max-width: 300px;
	margin: 20px auto 10px;
}
.camEx02 {
	width: 75%;
	margin:auto;
}
#camExLo02 {
	width: 80%;
	margin:auto
}

.camBnr {
  width:100%;
  margin:0 auto;
}
.camBnrImg {
  margin-bottom:10px;
}
.camBnrImg a {
  display:block;
}
.camBnrImg a img {
  width:100%;
}


/* ====================================================
   pageFooter
   ==================================================== */
#pageFooter {
	background-color: #38280F;
	padding: 1.5em 5px;
	color: #FFF
}
#orderEtc {
	border-top: 1px solid #7D6A2E;
	border-bottom: 1px solid #7D6A2E;
	color: #FFF;
	margin: 5px 0;
	padding:5px;
}
#ftNav {
	text-align: center;
	margin-top: 15px;
	
}
#ftNav li {
	display: inline-block;
	padding: 5px 10px;
	
}
#ftNav li a {
	color: #FFF;
	text-decoration: underline;
	font-size: 83%;
}
.adrs {
	font-size: 123%;
}
.adrs span {
	font-size: 11px;
	padding-left:5px;
}
#copyright {
	text-align: center;
}
.plsTxt {
	font-size:100%;
	white-space: normal;
}
.red {
	 color:#BC0C0F;
}
.btnOrder {
	clear:both;
	padding-top:0.5em;
}
/**btn**/
a.btn {
	display:block;
	border-radius: 0.5em;
	text-align:center;
	width: 90%;
	letter-spacing: 0.08em;
	line-height: 3.2em;
	margin: 10px auto 20px;
	color: #FFF;
	font-size: 121%;
	font-weight:bold;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(191,162,69)),color-stop(0.79, rgb(154,130,55)),color-stop(0.99, rgb(139,116,49)),color-stop(1, rgb(139,116,49)));
background-image:-webkit-linear-gradient(-90deg,rgb(191,162,69) 0%,rgb(154,130,55) 79%,rgb(139,116,49) 99%,rgb(139,116,49) 100%);
background-image:linear-gradient(180deg,rgb(191,162,69) 0%,rgb(154,130,55) 79%,rgb(139,116,49) 99%,rgb(139,116,49) 100%);
	border: 1px #4F4F4F solid;
	text-decoration: none;
}
a.btn.skin {
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(111,101,137)),color-stop(0.78, rgb(132,120,164)),color-stop(0.99, rgb(115,105,144)),color-stop(1, rgb(115,105,143)));
background-image:-webkit-linear-gradient(-90deg,rgb(111,101,137) 0%,rgb(132,120,164) 78%,rgb(115,105,144) 99%,rgb(115,105,143) 100%);
background-image:linear-gradient(180deg,rgb(111,101,137) 0%,rgb(132,120,164) 78%,rgb(115,105,144) 99%,rgb(115,105,143) 100%);
}

a.btn.spcl {
	border-color:#7E6B2E;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(250,250,250)),color-stop(0.78, rgb(239,239,239)),color-stop(0.99, rgb(236,236,236)),color-stop(1, rgb(236,236,236)));
background-image:-webkit-linear-gradient(-90deg,rgb(250,250,250) 0%,rgb(239,239,239) 78%,rgb(236,236,236) 99%,rgb(236,236,236) 100%);
background-image:linear-gradient(180deg,rgb(250,250,250) 0%,rgb(239,239,239) 78%,rgb(236,236,236) 99%,rgb(236,236,236) 100%);

color: #7E6B2E;

}

@media screen and (min-width: 481px) {
/* ====================================================
  headArea 481
   ==================================================== */

#pageHeader {
	height: 320px;
	background-position: -30px 0;
	background-size: auto 360px;
}
#hdrEx {
	padding-top: 70px;
	font-size: 138%;
}
#hdrTtl {
	font-size: 82%;
	width: 321px;	
}

/* ====================================================
   mainArea 481
   ==================================================== */
      
/* //concept
***********************************************/

#conceptEx {
	float:left;
	width: 60%;
	background: url(../images/concept_img01.jpg) 50% bottom no-repeat, url(../images/concept_bg.png) right top no-repeat;
	background-size: 50% auto, auto 100%;
	padding: 3%  3% 120px 0;
	margin-top:30px;
	margin-bottom: 25px;
}
#cncptProd {
	width: 34%;
	float:right;
}
.prodBox {
	border: none;
	padding: 10px 10px 0;
	text-align:center;
	margin: 0;
}
.prodBox img {
	height: auto;
	width: 65%;/**/
	vertical-align: auto;
}
#prodN {
	width:auto;
	background: none;
	color: #000;
}
#cncptProd .btnDetail .btn {
	font-size: 100%;
}


/* //ccPoint
***********************************************/
#ccPoint {
	clear: both;
	margin: 0;
}
.ccPointArea {
	padding: 0;
	margin:0;
	background-size: 100% auto;
}
.ccPntTtl {
	font-size: 113%;
	margin-bottom: 5px;
}
.ccPntTtlS {
	padding: 0 5px ;
	margin-bottom:10px;
	font-size: 88%
}
.ccPntTtlS .spBlk {
	display: inline;
}
#ccPoint01 {
	background-image: url(../images/pc_point_01.jpg);
	background-position: left bottom;
	padding: 25px 3% 50px 46%;
}
#ccPoint02 {
	background-image: url(../images/pc_point_02.jpg);
	background-position: left bottom;
	padding: 25px 42% 80px 2%;
}
#ccPoint03 {
	background-image: url(../images/pc_point_03.jpg);
	background-position: right bottom;
	padding: 25px 3% 70px 36%;
}
#ccPoint03 .pcBlk {
	display: inline;
}

}
@media screen and (min-width: 641px) {
.wrap, .cts-active .wrap {
	max-width: 738px;
	paddig: 0 15px;
	margin:auto;
}	
.spBlk {
	display: inline;
}
.pcBlk {
	display: block;
}

/* ====================================================
  headArea 641
   ==================================================== */
 #pageHeader {
	 background-size: 180% auto;
	 background-position: -220px -30px;
	 height: 360px
 }
#logo {
	width: 160px;
}
#hdrEx {
	font-size: 200%;
	padding-top: 50px;
	padding-bottom:25px;
}
#hdrTtl {
	font-size: 150%;
	width: 580px;
}
/* ====================================================
   mainArea 641
   ==================================================== */

/* //concept
***********************************************/
#concept {
	margin:1em 0;
}
#cncptTtl {
	font-size: 200%;
	font-weight:normal;
	letter-spacing: 0.1em;
	margin-bottom: .5em;
}
#cncptTtl .spBlk {
	display: inline-block;
}
#cncptHdr p {
	font-size: 138%
}
#conceptEx {
	background-size: 70% auto, auto 100%;
	padding-bottom: 240px;
	margin-left: 2%;
	margin-bottom: 2em;
}
#conceptEx p{
	font-size: 94%;
}


/* //ccPoint
***********************************************/
#ccPointTtl {
	font-size: 144%;
}
.ccPntTtl {
	font-size: 125%;
}
.ccPntTtlS {
	font-size: 113%
}
.ccPointArea p {
	font-size: 94%;
}
#ccPoint02 {
	padding-right:46%;
}
#ccPoint03 {
	padding: 25px 3% 90px 36%;
}
.ccPntTtl .pcBlk,#ccPntBx03 h2.cPntTtlS .pcBlk {
	display: inline;
}
/* //ccNNArea
***********************************************/

.ccNNbx {
	text-align:center;	
}
.ccNNTtlSub {
	font-size: 119%;
	margin-bottom: 20px;
	text-align:left;
}
.ccNNTtlSub .spBlk {
	font-weight: bold;
}
.ccNNTtlLn {
	line-height: 40px;
	padding-top:20px;
}

.nightCnt,.noonCnt {
	display:inline-table;
	padding-bottom: 40px;
}
.nightCnt li,.noonCnt li {
	vertical-align: top;
	width:22%;
	padding-right: 4%;
	padding-bottom: 265px;
	margin-bottom:0px;
	background-position: 50% bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	display: table-cell;
}
#night01 {
	background-image: url(../images/pc_01_night.png);
}
#night02 {
	background-image: url(../images/pc_02_night.png);
}
#night03 {
	background-image: url(../images/pc_03.png);
}
#night04 {
	width:18.5%;
	padding-right: 0%;
	background-image: url(../images/pc_04_night.png);
}

#noon01 {
	background-image: url(../images/pc_01_noon.png);
}
#noon02 {
	background-image: url(../images/pc_02_noon.png);
}
#noon03 {
	background-image: url(../images/pc_03.png);
}
#noon04 {
	background-image: url(../images/pc_04_noon.png);
	width:18.5%;
	padding-right: 0%;
}
.ccNNTtlS {
	display: inline-block;
	border-radius: 50%;
	padding: 22px 1em 20px;
	font-size: 75%;
	min-height:5em;
}
.ccNNTtlS .fBld{
	font-size: 110%;
}
#night01 .ccNNTtlS,
#noon01 .ccNNTtlS {
	background-position: 50% 10px;
	background-size: 25px;
	padding-left:  1.5em;
	padding-top: 42px;
	font-size: 70%;
	border-radius: 50%;
	min-height:3.5em;
}


/* //cmpntArea
***********************************************/

#cmpntTtl {
	font-size: 144%;
}
#gel {
	background-size: 100% auto;
	padding: 40px 17% 26px 5px;
	margin-top: -40px;
	margin-bottom: 10px;
	font-size: 88%;
	text-align:right;
}
.cmpntBx {
	display: inline-table;
	width: 30%;
	padding: 0 1% 0;
	margin-bottom: 25px;
	border-bottom: none;
	border-right: thin #FFF solid;
	height: 365px;
	table-layout: fixed;
}
.cmpntTtlS {
	font-size: 125%;
}
.cmpntBx p {
	font-size:88%;
}

/* //until2015
***********************************************/
#until2015 {
	clear:both;
	margin: 0;
	padding: 0;
}
/*//cmpgnPls3
***********************************************/

#cmpgnPls3 {
	padding: 1em 15px 1.5em;
	background-size: auto 360px;
}
#cmpgnPls3 .wrap {
	position:relative;
}
#cmpgnPlsTtl,#cmpgnPlsPld  {
	max-width: none;
}
#cmpgnPlsTtl {
	width: 68%;
	margin:0 0 170px;
}
#cmpgnPlsTtl img {
  display:block;
}
#cmpgnPlsPld {
	margin: 10px auto;
}
#cmpgnPlsPld {
	position:absolute;
	width: 52%;
	top: 40px;
	right: 10px;
}
#cmpgnPlsPldImg  {
	float: right;
	width: 61%;
}
#cmpgnPlsInfo {
	padding-top: 135px;
	white-space: nowrap;
}
#cmpgnPlsBtn {
	width: 40%;
}
#cmpgnPlsBtn .btn.spcl {
	line-height: 2.3;
}
.camEx01 {
	font-size: 125%;
	max-width: none;
	float:left;
	width: 64%;
}
.camEx02 {
	width: 36%;
	float:right;
}
#camEx03 {
	clear:both;
}
#camExLo01 {
	float: left;
	width: 54%;
}
#camExLo02 {
	float: right;
	width: 45%;
	padding-top:1em;
}
#camExLo03 {
	width: 54%;
}
.camBnr {
  width:100%;
  max-width:640px;
  padding-top:40px;
}

/* ====================================================
   pageFooter
   ==================================================== */
#orderEtc .fltL {
	width: 47.5%;
	padding: 5px 1%;
}

}
@media screen and (min-width: 769px) {
	
.wrap {
	max-width: 1000px;
	min-width: 1000px;
	padding: auto 12px;
	margin: auto;
}

/* ====================================================
  headArea 769
   ==================================================== */
 #pageHeader {
	 height: 628px;
	 background-size: auto;
	 background-position: 50% -40px;
 }

#hdrEx {
	padding-top: 160px;
	padding-bottom:15px;
	margin-left: 15px;
	font-size: 220%;
	text-shadow: 0 0 3px #2F1F43; 
}
#hdrTtl {
	font-size: 157%;
	text-align:center;	
	width: 615px;
	text-shadow: 0 0 2px #2F1F43; 
}

/* ====================================================
   mainArea 769
   ==================================================== */
   
#concept {
	margin:1.5em 0 0;
}
#cncptTtl .spBlk {display: inline;}
#cncptHdr p {
	font-size: 138%
}
#conceptEx {
	width: 44%;
	padding: 3% 5%  200px  1%;
	background-size: 280px auto, auto;
	margin-top:50px;
	margin-left: 2%;
	margin-right: 0;
	margin-bottom: 2em;
}
#cncptProd {
	width: 46%;
	margin:0;
}
.prodBox {
	border: none;
	padding: 10px 0 0;
	text-align:center;
	margin: 0;
}
.prodBox img {
	float:right;
	height: auto;
	width: 54%;
	vertical-align: auto;
}
#prodN {
	width: auto;
	margin-top: 393px;
}
#cncptProd .btnDetail {
	margin:0;
	width: 48%;
}
#cncptProd .btnDetail .btn {
	font-size: 121%;
}

/* //ccPoint
***********************************************/
#ccPointTtl {
	font-size: 200%;
	text-align:center;
}
.ilnTbl {
	display:inline-table;
	width: 100%;
	min-width:1000px;
	text-shadow: #F7F5E3 1px 1px 2px
}
.ccPntTtl {
	font-size: 119%
}
.ccPntTtlS {
	font-size: 94%;
	display: inline-block;
}
.ccPointArea {
	display: table-cell;
	width: 33.3%;
	height: 270px;
	box-sizing: content-box;
	background-size: auto 320px;
}
#ccPoint01 {
	background-image: url(../images/pc_point_01.jpg);
	background-position: left top;
	padding: 50px 2% 0;
}
#ccPoint02 {
	background-image: url(../images/pc_point_02.jpg);
	background-position: 70%  top;
	padding: 50px 2% 0;
}
#ccPoint03 {
	background-image: url(../images/pc_point_03.jpg);
	background-position: -90px top;
	padding: 50px 2% 0;
}
.ccPntTtlS .pcBlk {
	display:inline;
}

/* //cmpntArea
***********************************************/

#cmpntTtl {
	font-size: 200%;
}
#gel {
	padding: 60px 17% 32px 5px;
	margin-top: -66px;
	margin-bottom: 10px;
	font-size: 113%;
}
.cmpntBx {
	width: 30.5%;
	margin-bottom: 25px;
	min-height: 470px;
}

/* //ccNNArea
***********************************************/

#ccNNTtl {
	font-size: 200%;
	text-align:center;
}
.ccNNbx {
	max-width: 1000px;
	margin:auto;
	padding: 30px 0;
}
.ccNNTtlSub {
	font-size: 157%;
	margin-bottom: 20px;
	text-align:left;
	padding:0;
}
.ccNNTtlSub .spBlk {
	font-weight: bold;
}
.ccNNTtlLn {
	line-height: 50px;
	padding-top:30px;
	padding-left: 90px;
	background-size: 80px;
	margin-bottom: 40px;
}
.nightCnt li,.noonCnt li {
	padding-bottom: 360px;
}
.ccNNTtlS {
	font-size: 83%;
}
.ccNNTtlS .fBld{
	font-size: 130%;
}
#night01 .ccNNTtlS,
#noon01 .ccNNTtlS {
	min-height:4.25em;
}

/*//cmpgnPls3
***********************************************/

#cmpgnPls3 {
	padding: 2em 15px 1.5em;
	background-size: auto 360px;
}
#cmpgnPlsTtl {
	padding-top: 20px;
	margin-bottom: 120px;
}
#cmpgnPlsPld {
	position:absolute;
	width: 45%;
	top: -10px;
	right: 5px;
}
#cmpgnPlsPldImg  {
	width: 52%;
	margin:0;
}
#cmpgnPlsInfo {
	margin-right: -50px;
	margin-left: 30px;
}
.cmpgnPlsInfoNm {
	margin-left: 10px;
}
#cmpgnPlsBtn {
	width: 40%;
	font-size:100%;
}
#cmpgnPlsBtn .btn.spcl {
	line-height:  2.4;
}
#camEx03 {
	clear:both;
	padding-top:30px;
}
.camEx01 {
	font-size: 150%;
	width: 63%;
}
.camEx02 {
	width: 30%;
	margin-right: 7%
}

}
@media screen and (min-width: 1180px) {
.ccPointArea {
	height: 210px;
	background-size: auto 260px;
}
}