@charset "utf-8";

/* 共通
-------------------------------------------------------------*/
	 a { color: #d20000; }
	 a:hover { text-decoration: underline; }
	.fl { float: left; }
	.fr { float: right; }
	.tl { text-align: left; }
	.tr { text-align: right; }
	.tc { text-align: center; }
	.clear { clear: both; }

	.mt00 { margin-top:  0px !important; }
	.mt05 { margin-top:  5px !important; }
	.mt07 { margin-top:  7px !important; }
	.mt10 { margin-top: 10px !important; }
	.mt15 { margin-top: 15px !important; }
	.mt20 { margin-top: 20px !important; }
	.mt25 { margin-top: 25px !important; }
	.mt30 { margin-top: 30px !important; }
	.mt35 { margin-top: 35px !important; }
	.mt40 { margin-top: 40px !important; }
	.mt45 { margin-top: 45px !important; }

	.mr00 { margin-right:  0px !important; }
	.mr05 { margin-right:  5px !important; }
	.mr10 { margin-right: 10px !important; }
	.mr15 { margin-right: 15px !important; }
	.mr20 { margin-right: 20px !important; }
	.mr25 { margin-right: 25px !important; }
	.mr30 { margin-right: 30px !important; }
	.mr35 { margin-right: 35px !important; }
	.mr40 { margin-right: 40px !important; }

	.mb00 { margin-bottom:  0px !important; }
	.mb05 { margin-bottom:  5px !important; }
	.mb10 { margin-bottom: 10px !important; }
	.mb15 { margin-bottom: 15px !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; }

	.ml00 { margin-left:  0px !important; }
	.ml05 { margin-left:  5px !important; }
	.ml10 { margin-left: 10px !important; }
	.ml15 { margin-left: 15px !important; }
	.ml17 { margin-left: 17px !important; }
	.ml20 { margin-left: 20px !important; }
	.ml25 { margin-left: 25px !important; }
	.ml30 { margin-left: 30px !important; }
	.ml35 { margin-left: 35px !important; }
	.ml40 { margin-left: 40px !important; }

	.pt00 { padding-top:  0px !important; }
	.pt05 { padding-top:  5px !important; }
	.pt10 { padding-top: 10px !important; }
	.pt15 { padding-top: 15px !important; }
	.pt20 { padding-top: 20px !important; }
	.pt25 { padding-top: 25px !important; }
	.pt30 { padding-top: 30px !important; }
	.pt35 { padding-top: 35px !important; }
	.pt40 { padding-top: 40px !important; }

	.pr00 { padding-right:  0px !important; }
	.pr05 { padding-right:  5px !important; }
	.pr10 { padding-right: 10px !important; }
	.pr15 { padding-right: 15px !important; }
	.pr20 { padding-right: 20px !important; }
	.pr25 { padding-right: 25px !important; }
	.pr30 { padding-right: 30px !important; }
	.pr35 { padding-right: 35px !important; }
	.pr40 { padding-right: 40px !important; }

	.pb00 { padding-bottom:  0px !important; }
	.pb05 { padding-bottom:  5px !important; }
	.pb10 { padding-bottom: 10px !important; }
	.pb15 { padding-bottom: 15px !important; }
	.pb20 { padding-bottom: 20px !important; }
	.pb25 { padding-bottom: 25px !important; }
	.pb30 { padding-bottom: 30px !important; }
	.pb35 { padding-bottom: 35px !important; }
	.pb40 { padding-bottom: 40px !important; }

	.pl00 { padding-left:  0px !important; }
	.pl05 { padding-left:  5px !important; }
	.pl10 { padding-left: 10px !important; }
	.pl15 { padding-left: 15px !important; }
	.pl20 { padding-left: 20px !important; }
	.pl25 { padding-left: 25px !important; }
	.pl30 { padding-left: 30px !important; }
	.pl35 { padding-left: 35px !important; }
	.pl40 { padding-left: 40px !important; }

	.hide { display: none; }
	.red { color: #d20000; }
	.indent { text-indent: -1em; padding-left: 1em; }
	.small { font-size: 10px; }
	.underline { text-decoration: underline!important; }

	.clearfix:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
	.clearfix { zoom: 1; }



/*-------------------------------------------------------------*/
/* 各種設定
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	 body { background: #fff; text-align: left; font-size: 100.01%; color: #444; font-family: "游ゴシック",YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; line-height: 1.6; }
	 img { max-width: 100%; height: auto; width /***/:auto; }
	.onlyPC { display: block; }
	.onlySP { display: none; }
	.errMsg { padding-bottom: 10px; color: #d20000; font-weight: bold; }
	.errMsgLogin { padding-bottom: 10px; color: #d20000; font-weight: bold; font-size: 14px; }
	.linkText a { padding-right: 22px; background: url(/images/common/arrow_1st_r_next.gif) right center no-repeat; color: #d20000; text-decoration: none; white-space: nowrap; }
	.linkText a:hover { text-decoration: underline; }
	.linkText02 { padding-left: 17px; color: #4a4a4a; text-decoration: none; background: url(/images/common/arrow_link.png) left center no-repeat; }
	.linkText02:hover { text-decoration: underline; }
	.external { color: #d20000; padding-right: 17px; background: url(/images/common/icon_external.gif) right center no-repeat; }
	#valid_message { margin-top: 5px; }
	#headerBtnSp { display: none; }
}
@media screen and (max-width: 640px) {
	 html { width: 100%; }
	 body { text-align: left; font-size: 13px; line-height: 1.6; color: #444; font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
 background: #fff; -webkit-text-size-adjust: 100%; background-size: cover; }
	 img { max-width: 100%; height: auto; width /***/:auto; }
	.onlyPC { display: none; }
	.onlySP { display: block; }
	.errMsg { font-weight: bold; color: #d20000; }
	.errMsgLogin { margin: 0 10px; padding-bottom: 10px; text-align: center; font-weight: bold; color: #d20000; font-size: 14px; }
	.linkText a {}
	.linkText a:hover {}
	.linkText02 {}
	.linkText02:hover {}
	.external {}
	#navOther { display: none; }
	#topicPath { display: none; }
}


/*-------------------------------------------------------------*/
/* Header
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	.navSP,.modal_close,navClose  { display: none; }
	#brandName { display: none; }

	#siteHeader {/* background: #f0f0f0; */}
	#siteHeader #headerInner { margin: 0 auto; position: relative; background: #fff; /*#d20000; */  }
	#siteHeader #headerInner div { position: relative; margin: 0 auto; width: 980px; }
	#siteHeader #headerInner #js-menu { position: absolute; left: 0; top: 0; margin-top: 5px; text-indent: -9999px!important; }

	#siteHeader #logoGlico { float: left; text-indent: -9999px; padding-left: 50px;}
	#siteHeader #logoGlico a  { display: block; margin: 10px 0 3px 0; width: 78px; height: 56px; background: url(/images/header/glico_logo.png) 0 0 no-repeat;  }
	#siteHeader #tagline { float: left; display: block; width: 790px; height: 54px; text-align: right; /*background: url(/images/header/club_logo.png) right center no-repeat;*/  color: #fff; line-height: 65px; display: none; }
	#siteHeader #logoClub { float: right; margin-top: 5px; text-indent: -9999px; }
	#siteHeader #logoClub a { float: right; display: block; width: 60px; height: 56px; background: url(/images/header/club_logo.png) right center no-repeat; color: #fff; line-height: 56px; }

	/* グローバルナビ */
	#triggerClub { display: none; }
	#siteHeader .gNav { clear: both; margin: 0 auto; padding: 15px 0; background: #fff; /*#f44336; */ box-sizing: border-box; border-top: 1px solid #bdbdbd; }
	#siteHeader .gNav ul { display: block; margin: 0 auto; width: 980px; height: 20px; /*background: url(/images/header/nav.png)  0 0 no-repeat; */ border-left: 1px solid #bdbdbd; box-sizing: border-box; }
	#siteHeader .gNav li { float: left; /*text-indent: -9999px; */ border-right: 1px solid #bdbdbd; box-sizing: border-box; text-align: center; }
	#siteHeader .gNav li a { display: block; height: 20px; color: #444; text-decoration: none; }
	#siteHeader .gNav li a:hover { text-decoration: underline; }
	#siteHeader .gNav li#gNavTop   { width:  95px; }
	#siteHeader .gNav li#gNavQuiz  { width: 132px; }
	#siteHeader .gNav li#gNavPrsnt { width: 110px; }
	#siteHeader .gNav li#gNavPocky { width: 100px; }
	#siteHeader .gNav li#gNavVoice { width: 120px; }
	#siteHeader .gNav li#gNavNews  { width: 102px; }
	/*#siteHeader .gNav li#gNavRepo  { width:  94px; }*/
	#siteHeader .gNav li#gNavAdvc  { width: 157px; }
	#siteHeader .gNav li#gNavBody  { width: 162px; }

				 #siteHeader .gNav li#gNavTop   a:hover,
	#pageIndex   #siteHeader .gNav li#gNavTop   a { width: 95px; /*background:url(/images/header/nav.png) 0 -20px; */ text-decoration: underline!important; font-weight: bold!important; } 
				 #siteHeader .gNav li#gNavQuiz  a:hover,
	#pageEntm.pageQuiz	 #siteHeader .gNav li#gNavQuiz  a { width: 132px; /*background:url(/images/header/nav.png) -82px -20px; */text-decoration: underline!important; font-weight: bold!important; }
				 #siteHeader .gNav li#gNavPrsnt a:hover,
	#pagePresent #siteHeader .gNav li#gNavPrsnt a { width: 110px;/*  background:url(/images/header/nav.png) -202px -20px; */text-decoration: underline!important; font-weight: bold!important; }
				 #siteHeader .gNav li#gNavPocky a:hover
												  { width: 100px; /*background:url(/images/header/nav.png) -300px -20px; */text-decoration: underline!important; font-weight: bold!important; }
				 #siteHeader .gNav li#gNavVoice a:hover,
	#pageVoice   #siteHeader .gNav li#gNavVoice a { width: 120px; /*background:url(/images/header/nav.png) -388px -20px; */text-decoration: underline!important; font-weight: bold!important; }
				 #siteHeader .gNav li#gNavNews  a:hover,
	#pageNews	 #siteHeader .gNav li#gNavNews  a { width: 102px; /*background:url(/images/header/nav.png) -495px -20px; */text-decoration: underline!important; font-weight: bold!important; }
/*				 #siteHeader .gNav li#gNavRepo  a:hover,
	#pageReport  #siteHeader .gNav li#gNavRepo  a { width: 94px; background:url(/images/header/nav.png) -585px -20px; text-decoration: underline!important; font-weight: bold!important; }*/
				 #siteHeader .gNav li#gNavAdvc  a:hover,
	#pageAdvice	 #siteHeader .gNav li#gNavAdvc  a { width: 157px; /*background:url(/images/header/nav.png) -678px -20px; */text-decoration: underline!important; font-weight: bold!important; }
				 #siteHeader .gNav li#gNavBody  a:hover,
	#pageChannel #siteHeader .gNav li#gNavBody  a { width: 162px; /*background:url(/images/header/nav.png) -824px -20px; */text-decoration: underline!important; font-weight: bold!important; }

	/* ぱんくず */
	#topicPath { clear: both; margin-bottom: 20px;background: #fff;/* background: #f0f0f0;*/ border-top: 1px solid #bdbdbd; }
	#topicPath #topicPathInner { margin: 0 auto; display: table; width: 980px; }
	#topicPath #topicPathInner ul { display: table-cell; vertical-align: middle;  /*float: left; width: */730px; }
	#topicPath #topicPathInner ul li { float: left; padding-top: 2px; line-height: 40px; color: #444; }
	#topicPath #topicPathInner ul li + li:before { margin: 0 6px 0 7px; content: ">"; }
	#topicPath #topicPathInner ul li a { text-decoration: underline!important; color: #444; }
	#topicPath #topicPathInner ul li a:hover { color: #d20000; }
	#topicPath #headerBtn { display: table-cell; vertical-align: middle; width: 250px; text-align: right; }

	/* ログイン前 */
	#topicPath #headerBtn.logOff { width: 238px; }
	#topicPath #headerBtn .headerBtnLogin   { float: left; }
	#topicPath #headerBtn .headerBtnLogin a { background: #d20000; }
	#topicPath #headerBtn .headerBtnLogin a:hover { background: #f44336; }
	#topicPath #headerBtn .headerBtnEntry   { float: right; }
	#topicPath #headerBtn .headerBtnEntry a { background: #ff6600; }
	#topicPath #headerBtn .headerBtnEntry a:hover { background: #ff8533; }

	/* ログイン後 */
	#topicPath #headerBtn.logOn { width: 190px; }
	#topicPath #headerBtn .headerBtnMypage { float: left; }
	#topicPath #headerBtn .headerBtnMypage a { background: #d20000; text-decoration: none; ox-sizing: border-box; }
	#topicPath #headerBtn .headerBtnMypage a:hover { background: #f44336;}
	#topicPath #headerBtn .headerBtnLogout { float: right; }
	#topicPath #headerBtn .headerBtnLogout a { background: #000; box-sizing: border-box; }
	#topicPath #headerBtn .headerBtnLogout a:hover { background: #666; }
	#topicPath #headerBtn a { display: block; margin: 8px 0 8px 0; padding: 3px 15px;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
}

@media screen and (max-width: 640px) {
	#headerInner { height: 50px; /*background: #d20000;*/ background: #fff; }
	#headerInner div { padding: 0 5px 0 2px;  background-repeat: repeat-x, repeat-x; background-position: left top, left bottom; overflow: hidden; zoom: 1; box-sizing: border-box; }
	#headerInner p#logoGlico { position: absolute; top:6px; left: 50%; margin-left: -33px; width: 66px; height: 38px; background: url(/images/header/glico_logo.png) 0 0 no-repeat; background-size: 63px 34px; text-indent: -9999px; }
	#headerInner p#logoGlico a { display: block; width: 66px; height: 38px;}
	#headerInner h1#tagline	{ display: none; }
	#headerInner #logoClub { position: absolute; top: 5px; right: 10px; width: 40px; height: 41px; background: url(/images/header/club_logo.png) 0 0 no-repeat; background-size: 40px 41px; text-indent: -9999px; }
	#headerInner #logoClub a  { display: block; width: 40px; height: 30px; }


	#headerBtnSp { display: table; padding: 10px; border-bottom: 1px solid #dbdbdb;  width: 100%; text-align: right; background: #fff; box-sizing: border-box; }

	/* ログイン前 */
	#headerBtnSp.logOff {  }
	#headerBtnSp .headerBtnLogin   { display: table-cell; padding-right: 5px; width: 50% ;vertical-align: middle; box-sizing: border-box; }
	#headerBtnSp .headerBtnLogin a { display: block; padding: 5px; background: #d20000; text-decoration: none; }
	#headerBtnSp .headerBtnLogin a:hover { background: #f44336; }
	#headerBtnSp .headerBtnEntry   { display: table-cell; padding-left: 5px; width: 50%; vertical-align: middle; box-sizing: border-box; }
	#headerBtnSp .headerBtnEntry a { display: block; padding: 5px; background: #ff6600; text-decoration: none; }
	#headerBtnSp .headerBtnEntry a:hover { background: #ff8533; }

	/* ログイン後 */
	#headerBtnSp.logOn {  }
	#headerBtnSp .headerBtnMypage { display: table-cell; padding-right: 5px; width: 50%; vertical-align: middle; box-sizing: border-box; }
	#headerBtnSp .headerBtnMypage a { display: block; padding: 5px; background: #d20000; text-decoration: none; }
	#headerBtnSp .headerBtnMypage a:hover { background: #f44336;}
	#headerBtnSp .headerBtnLogout { display: table-cell; padding-left: 5px; width: 50%; vertical-align: middle; box-sizing: border-box; }
	#headerBtnSp .headerBtnLogout a { display: block; padding: 5px; background: #000; text-decoration: none; }
	#headerBtnSp .headerBtnLogout a:hover { background: #666; }
	#headerBtnSp a { display: block; padding: 3px 15px;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }

	#brandName { padding: 7px 0 9px 0; }
	#brandName h1 { margin: 0; padding: 5px 0 0 10px; font-size: 1.4rem; color: #444; box-sizing: border-box; }
	#brandName h1 a {/*display: block; margin: 0 70px 0 0; padding: 5px 0 0 10px; font-size: 1.4rem; color: #444; box-sizing: border-box; text-decoration: none; */}
	.gNav { /*position: absolute; top: 50px; width: 100%; z-index: 10000;*/ position: relative;background: #f0f0f0; /*#f44336; */ border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } 
	.gNav #gNavGlobal ul { display: none; background: #fff; /*f44336;*/ width: 100%; }
	.gNav #gNavGlobal ul li { position: relative; border-top: 1px solid #dbdbdb; background: #fff; }
	.gNav #gNavGlobal ul li a { display: block; padding: 10px; font-size: 1.2rem; text-decoration: none; color: #444; }
	.gNav #gNavGlobal ul li a::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 3px #444; border-right: solid 3px #444; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 15px; margin-top: -5px; }
	#triggerClub { position: absolute; top: 15px; right: 5px; display: block; padding: 0 0 0 100%; width: 40px; cursor: pointer; }
	#triggerClub .menu-trigger,
	#triggerClub .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
	#triggerClub .menu-trigger { position: relative; margin-left: 10px; width: 21px; height: 18px; }
	#triggerClub .menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #444; border-radius: 2px; }
	#triggerClub .menu-trigger span:nth-of-type(1) { top: 0; }
	#triggerClub .menu-trigger span:nth-of-type(2) { top: 8px; }
	#triggerClub .menu-trigger span:nth-of-type(3) { bottom: 0; }
	#triggerClub .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
	#triggerClub .menu-trigger.active span:nth-of-type(2) { opacity: 0; }
	#triggerClub .menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }
}
@media screen and (max-width:320px) {
	#headerBtnSp p { font-size: 0.9rem;}
}



/*-------------------------------------------------------------*/
/* Footer
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){

	#siteFooter { margin-bottom: 0px; padding-top: 20px; background: #f0f0f0; }

	/* 外部リンク用バナー */
	#siteFooter #brandList { margin: 0 auto; padding-bottom: 20px; width: 784px; }
	#siteFooter .brandBanner { margin: 0 auto; border-top: 1px solid #999; border-left: 1px solid #999; width: 100%; }
	#siteFooter .brandBanner li { float: left; width: 25%; border-right: 1px solid #999; border-bottom: 1px solid #999; box-sizing: border-box; background: url(../images/banner/brand_none.png) 0 0 no-repeat; }
	/*#siteFooter .banner li.last-child { float: left; width: 324px; text-align: center; }*/

	/* フッターナビ */
	#siteFooter .gNav { clear: both; padding: 15px 0; background: #fff; }
	#siteFooter .gNav .gNavInner { margin: 0 auto; width: 980px; }
	#siteFooter .gNav .gNavInner ul { float: left; padding-bottom: 20px; }
	#siteFooter .gNav .gNavInner ul li { padding: 0 40px 0 10px; color: #d20000; padding-bottom: 5px; }
	#siteFooter .gNav .gNavInner ul li a { padding-left: 10px; color: #d20000; text-decoration: none; background: url(../images/index/arrow_red.png) left center no-repeat; background-size: 9px 9px; }
	#siteFooter .gNav .gNavInner ul li a:hover { color: #000; text-decoration: underline; }
	#siteFooter .gNav .gNavInner .gNavWrapper { float: left; width: 650px; }
	#siteFooter .gNav .gNavInner .nav1st li { padding-left: 0; }
	#siteFooter .gNav .gNavInner .ssl { float: right; width: 320px; }
	#siteFooter .gNav .gNavInner .ssl dt { float: right; width: 175px; color: #d20000; font-size: 10px; }
	#siteFooter .gNav .gNavInner .ssl dd { float: left; padding: 5px 0; width: 135px; }
	#glicoFooter { clear: both; text-align: center; }
	.copyright { padding: 0 0 15px 0; text-align: center; border-top: 1px solid #ccc; background: #fff; }
	.footer__nav { padding-top: 15px; text-align: center }
	.footer__item { position: relative; display: inline-block; padding: 0 12px; font-size: 9px; line-height: 2 }
	.footer__item a {color: #212121!important; text-decoration: none!important; font-weight:bold}
	.footer__item:after { content: ''; display: block; position: absolute; top: 50%; left: 100%; width: 1px; height: 8px; margin-top: -4px; background-color: #dbdbdb }
	.footer__item:last-child:after { display: none }
	.footer__copyright { padding-top: 20px; font-size: 9px; text-align: center; color: #212121!important; color: rgba(33, 33, 33, 0.8) }

	/* ページの先頭へ */
	#pageTop a { border-radius: 8px; color:#fff; padding: 10px; position:fixed; bottom: 20px; right:20px; font-size: 10px; text-decoration: none; background: #d20000; border: 1px solid #fff;  }
	#pageTop a:hover { color: #fff; text-decoration: none!important; background: #f60000; }
}
@media screen and (max-width: 640px) {
	#siteFooter { margin-bottom: 0px; background: #f0f0f0; }
	#siteFooter #brandList { padding: 15px; }
	#siteFooter .brandBanner { border-top: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing: border-box; } 
	/*#pageIndex #siteFooter .banner { display: block; }*/
	#siteFooter .brandBanner li { float: left; width: 50%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; box-sizing: border-box; }
	#siteFooter .brandBanner li img { width: 100%; }
	#siteFooter #footerInner { clear: both; padding: 15px 5px 7px 5px; }
	#siteFooter p { text-align: center; }
	#siteFooter p small { color: #000; font-size: 9px; color: #8d8d8d; }
	#siteFooter .gNav ul { display: block; }
	#siteFooter .gNavWrapper { background: #fff; }
	#siteFooter .gNavWrapper ul:first-child { border-top: 1px solid #d20000; }
	#siteFooter .gNavWrapper li { float: left; width: 50%; border-bottom: 1px solid #d20000; box-sizing: border-box; }
	#siteFooter .gNavWrapper li:nth-child(odd) { border-right: 1px solid #d20000; }
	#siteFooter .gNavWrapper li a { display: block; padding: 10px 10px 10px 25px; color: #d20000; text-decoration: none; line-height: 1.4; }
	#siteFooter .gNavWrapper .nav1st li:nth-child(1) { background: url(../images/footer/icon_quiz.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav1st li:nth-child(2) { background: url(../images/footer/icon_present.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav1st li:nth-child(3) { background: url(../images/footer/icon_pokitomo.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav1st li:nth-child(4) { background: url(../images/footer/icon_voice.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav2nd li:nth-child(1) { background: url(../images/footer/icon_news.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav2nd li:nth-child(2) { background: url(../images/footer/icon_report.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav2nd li:nth-child(3) { background: url(../images/footer/icon_advice.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav2nd li:nth-child(4) { background: url(../images/footer/icon_body.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav3rd li:nth-child(1) { background: url(../images/footer/icon_regist.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav3rd li:nth-child(2) { background: url(../images/footer/icon_privacy.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav3rd li:nth-child(3) { background: url(../images/footer/icon_rule.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav3rd li:nth-child(4) { background: url(../images/footer/icon_faq.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav4th li:nth-child(1) { background: url(../images/footer/icon_sitemap.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav4th li:nth-child(2) { background: url(../images/footer/icon_inquiry.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav4th li:nth-child(3) { background: url(../images/footer/icon_logout.png) 8px center no-repeat; background-size: 15px 15px; }
	#siteFooter .gNavWrapper .nav4th li:nth-child(4) { background: url(../images/footer/icon_quit.png) 8px center no-repeat; background-size: 15px 15px; }

	#pageTop { display: none!important; }

	#siteFooter .ssl { padding: 10px; background: #fff /*rgba( 255, 255, 255, 0.8 );*/ }
	#siteFooter .ssl dt { float: right; width: 60%; font-size: 10px; }
	#siteFooter .ssl dd { float: left; width: 38%; }
	.copyright { padding: 20px 10px; background: #d20000; text-align: center; color: #212121; font-size: 10px; border-top: 1px solid #ccc; background: #fff;}

	.footer__nav { text-align: center }
	.footer__item { position: relative; display: inline-block; padding: 0 12px; font-size: 9px; line-height: 2 }
	.footer__item a {color: #212121!important; text-decoration: none!important; font-weight:bold}
	.footer__item:after { content: ''; display: block; position: absolute; top: 50%; left: 100%; width: 1px; height: 8px; margin-top: -4px; background-color: #dbdbdb }
	.footer__item:last-child:after { display: none }
	.footer__copyright { padding-top: 10px; font-size: 9px; text-align: center; color: #212121!important; color: rgba(33, 33, 33, 0.8) }



	/* index&mypae */
	/*#pageIndex .gNavWrapper { margin: 0 10px; background: rgba( 255, 255, 255, 0.7 ); border-radius: 10px; -webkit-radius: 10px; -moz-border-radius: 10px;box-shadow: 0px 0px 6px 1px #666; -moz-box-shadow:0px 0px 6px 1px #666; -webkit-box-shadow:0px 0px 6px 1px #666; }
	#pageIndex .gNavWrapper ul { border: none; }
	#pageIndex .gNavWrapper ul:last-child { border-top: 1px solid #bcb9b8; }
	#pageIndex .gNavWrapper li { float: none; width: 100%; border-right: none!important; border-bottom: 1px solid #bebebe; box-sizing: border-box;  background-image: none!important; font-size: 14px; }
	#pageIndex .gNavWrapper li:last-child { border-bottom: none; }
	#pageIndex .gNavWrapper li a { display: block; padding: 15px 15px 15px 30px; font-weight: bold; background: url(/images/index/arrow_red.png) 15px center no-repeat; background-size: 13px 13px; }
	#pageIndex  #siteFooter .nav1st,
	#pageIndex  #siteFooter .nav2nd { display: none; }*/
}

/*-------------------------------------------------------------*/
/* Contents BOX＆Complete系
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	#contents { clear: both; margin: 0 auto; padding-bottom: 60px; width: 980px; }
	#contentsInner.single #main { width: 980px; }
	#contentsInner.double #main { float: left; width: 720px; }
	#contentsInner.double #sidebar { float: right; width: 240px; }
	#contentsInner.double #sidebarInner { margin-left: 12px;  }
	#contentsInner h2 { margin-top: 40px; }


	#pageOther .intro { margin-bottom: 15px; font-size: 14px; }
	#pageOther h3 { margin: 25px 0 10px; padding: 5px 10px; color: #444; font-weight: bold; font-size: 16px; background: #f0f0f0; }

	#pageOther #complete  { text-align: center; }
	#pageOther #complete p  { padding-bottom: 30px; font-size: 14px; }
	#pageOther #complete span  { font-weight: bold; font-size: 24px; }

	#pageOther #complete #registComplete,
	#pageOther #complete #editComplete,
	#pageOther #complete #forgetComplete { margin: 0 0 15px 0; color: #d20000; font-size: 30px; font-weight: bold; background: none; }
}
@media screen and (max-width: 640px) {
	#contents { margin: 0 auto; padding-bottom: 10px; }
	#contents.regist #bodyRules { border-bottom: 2px solid #e0061e; }

	#pageOther .intro { padding-top: 10px; margin-bottom: 10px; text-align: left; line-height: 1.5; }

	#pageOther #complete { padding: 0 10px 30px 10px; }
	#pageOther #complete p { font-size: 15px; }
	#pageOther #complete p span { font-weight: bold; font-size: 18px; }
	#pageOther #complete h3  { padding: 15px 0 ; text-align: center; font-size: 18px; color: #d20000; font-weight: bold; }

	/* パスワード忘れの完了ページのボタン調整 */
	#pageOther #complete .btnDouble { margin-top: 20px; }
	#pageOther #complete .btnArrow { margin-bottom: 10px; }
	#pageOther #complete .fr,
	#pageOther #complete .fl { float: none; }
}

/*-------------------------------------------------------------*/
/* Botton
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	.btn120 { width: 120px; } /* ポイントプレゼント */
	.btn200 { width: 200px; } /* ポイントプレゼント */
	.btn240 { width: 240px; } /* お問い合わせ */
	.btn290 { width: 290px; } /* ポイントプレゼント */
	.btn330 { width: 330px; } /* お試しプレゼント*/
	.btn360 { width: 360px; } /* 住所未入力メッセージ */
	.btn420 { width: 420px; } /* ポキトモ用 */
	.btn450 { width: 450px; } /* グリコイン一覧へボタン */
	.btn500 { margin: 0 auto; width: 500px; } /* グリコイン一覧へボタン */
	.btn600 { margin: 0 auto; width: 600px; } 
	.btn640 { margin: 0 auto; width: 600px; } 
	.btnDouble { margin: 0 auto; width: 440px; }

	.btnLoginBbs a { position: relative; display: block; width: 230px; height: 40px; color: #fff; background: #d20000; line-height: 40px; text-decoration: none; font-size: 14px; text-align: center; box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }

	.btnDefault a,
	.btnDefault span { position: relative; display: block; margin: 0 auto; height: 50px; line-height: 50px; color: #fff; background: #d20000; text-decoration: none; font-size: 14px; text-align: center; box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }

	.btnRevice a { position: relative; display: block; margin: 0 auto; height: 50px; line-height: 50px; color: #fff; background: #bebebe; text-decoration: none; font-size: 14px; text-align: center; box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }

	.btnLoginBbs a::before,
	.btnLoginBbs a::after,
	.btnDefault a::before,
	.btnDefault a::after,
	.btnDefault span::before,
	.btnDefault span::after,
	.btnRevice   a::before,
	.btnRevice   a::after { position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; content: ""; vertical-align: middle; }

	.btnArrow::before,
	.btnArrow-2::before { width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; }
	.btnArrow::after	{ right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #d20000; box-sizing: border-box; }
	.btnArrow-2::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #bebebe; box-sizing: border-box; }

	.btnClose { display: block; margin: 0 auto; height: 50px; line-height: 50px; background: #bebebe; color: #fff; text-align: center; font-size: 14px; text-decoration: none; box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }

	.btnBorder { position: relative; display: block; margin: 0 auto; padding: 0 10px; color: #d20000; height: 58px; line-height: 50px; text-decoration: none; font-size: 14px; text-align: center; border: 4px solid #d20000; box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }


	.btnFacebook a { background: #3b5998 url(/images/icon/icon_sns_facebook.png) 15px center no-repeat; background-size: 20px 20px; }
	.btnTwitter  a { background: #1da1f2 url(/images/icon/icon_sns_twitter.png) 15px center no-repeat; background-size: 20px 20px; }
	.btnGplus    a { background: #dc4a3d url(/images/icon/icon_sns_gplus.png) 15px center no-repeat; background-size: 20px 20px; }
	.btnYahoo    a { background: #ffffff url(/images/icon/icon_sns_yahoo.png) 15px center no-repeat; background-size: 20px 20px; border: 1px solid #e61915; color: #e61915; }
	.btnMemnew   a { margin: 20px 100px 0 100px; background: #ff6600; }
	.btnArrow-fb::before,
	.btnArrow-tw::before,
	.btnArrow-gp::before { width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; }
	.btnArrow-yh::before { width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; background: #e61915; }
	.btnArrow-fb::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #3b5999; box-sizing: border-box; }
	.btnArrow-tw::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #1da1f2; box-sizing: border-box; }
	.btnArrow-gp::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #dc4a3d; box-sizing: border-box; }
	.btnArrow-yh::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #ffffff; box-sizing: border-box; }
	.btnArrow-or::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #ff6600; box-sizing: border-box; }
}
@media screen and (max-width: 640px) {
	.btnDouble .fl,
	.btnDouble .fr { float: none; margin-bottom: 10px; }
	.btnLoginBbs a { position: relative; display: block; margin: 0 auto; padding: 10px; color: #fff; background: #d20000; text-decoration: none; font-size: 14px; text-align: center;	box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }

	.btnDefault a,
	.btnDefault span { position: relative; display: block; margin: 0 auto; padding: 10px; color: #fff; background: #d20000; text-decoration: none; font-size: 14px; text-align: center;	box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }

	.btnRevice a { position: relative; display: block; margin: 0 auto; padding: 10px; color: #fff; background: #bebebe; text-decoration: none; font-size: 14px; text-align: center;	box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }

	.btnLoginBbs a::before,
	.btnLoginBbs a::after,
	.btnDefault	a::before,
	.btnDefault	 a::after,
	.btnDefault span::before,
	.btnDefault  span::after,
	.btnRevice	 a::before,
	.btnRevice	  a::after { position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; content: ""; vertical-align: middle; }

	.btnArrow::before,
	.btnArrow-2::before { width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; }
	.btnArrow::after	{ right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #d20000; box-sizing: border-box; }
	.btnArrow-2::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #bebebe; box-sizing: border-box; }

	.btnClose { display: block; margin: 0 auto; padding: 10px; background: #bebebe; color: #fff; text-align: center; font-size: 14px; text-decoration: none; box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }
	.btnBorder { position: relative; display: block; margin: 0 auto; padding: 10px; color: #d20000; text-decoration: none; font-size: 14px; text-align: center; border: 4px solid #d20000; box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }


	.btnFacebook a { background: #3b5999 url(/images/icon/icon_sns_facebook.png) 15px center no-repeat; background-size: 20px 20px; }
	.btnTwitter  a { margin-bottom: 10px; background: #1da1f2 url(/images/icon/icon_sns_twitter.png) 15px center no-repeat; background-size: 20px 20px; }
	.btnGplus    a { margin-bottom: 10px; background: #dc4a3d url(/images/icon/icon_sns_gplus.png) 15px center no-repeat; background-size: 20px 20px; }
	.btnYahoo    a { background: #ffffff url(/images/icon/icon_sns_yahoo.png) 15px center no-repeat; background-size: 20px 20px; border: 1px solid #e61915; color: #e61915; }

	.btnMemnew   a { margin: 10px 10px 0 10px; padding: 10px 30px; background: #ff6600; }
	.btnArrow-fb::before,
	.btnArrow-tw::before,
	.btnArrow-gp::before { width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; }
	.btnArrow-yh::before { width: 20px; height: 20px; -webkit-border-radius: 50%; border-radius: 50%; background: #e61915; }
	
	.btnArrow-fb::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #3b5999; box-sizing: border-box; }
	.btnArrow-tw::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #1da1f2; box-sizing: border-box; }
	.btnArrow-gp::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #dc4a3d; box-sizing: border-box; }
	.btnArrow-yh::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #ffffff; box-sizing: border-box; }
	.btnArrow-or::after  { right: 10px; width: 10px; height: 8px; border: 6px solid transparent; border-left: 6px solid #ff6600; box-sizing: border-box; }
}




/*-------------------------------------------------------------*/
/* プレゼント送付先
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	#destination { clear: both; margin: 20px 0 15px; padding: 15px; border: 10px solid #f0f0f0; }
	#destination h3 { margin-bottom: 10px; padding-left: 40px; color: #d20000; font-size: 16px; font-weight: bold; background: url(/images/common/icon_destination.gif) left center no-repeat; line-height: 25px; }
	#destination #userInfo { padding-top: 15px; border-top: 2px solid #bebebe; font-size: 16px; }
	#destination .caution { margin-top: 10px; }
	#destination .caution li { font-size: 14px; }
	#destination a { color: #d20000; text-decoration: underline!important; }
	#destination .caution span { color: #d20000; }
}
@media screen and (max-width: 640px) {
	#destination { margin: 0 10px 15px 10px; padding: 15px; border: 10px solid #f0f0f0; }
	#destination h3 { margin-bottom: 10px; padding-left: 40px; color: #d20000; font-size: 14px; font-weight: bold; background: url(../images/common/icon_destination.gif) left center no-repeat; line-height: 18px; }
	#destination #userInfo { padding-top: 15px; border-top: 1px solid #bebebe; font-size: 16px; }
	#destination .caution { margin-top: 10px; font-size: 12px; }
	#destination .caution li { padding-left: 1.0em; text-indent: -1.0em; }
	#destination a { color: #d20000; text-decoration: underline!important; }
	#destination .caution span { color: #d20000; }
}



/*-------------------------------------------------------------*/
/* Sidebar（ナビ＆食のお悩み＆ボディメイク）
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	#sidebar .titleHeader { margin-bottom: 15px; padding: 5px 10px; font-size: 15px; background: #f0f0f0; color: #444; white-space: nowrap; }
	#sidebar .navList  { margin-bottom: 30px; }
	#sidebar .navList li { margin-bottom: 6px; padding-left: 16px; background: url(/images/common/arrow_link.png) 0 1px no-repeat; line-height: 1.6; }
	#sidebar .navList li a { color: #444; }
	#sidebar .navList li a:hover { text-decoration: underline; }
	#sidebar .navList li.active a { font-weight: bold; color: #d20000; }
	#sidebar #sidebarRanking { margin-bottom: 20px; }
	#sidebar #sidebarRanking #rankingTab { margin-bottom: 10px; overflow: hidden; zoom: 1; }
	#sidebar #sidebarRanking #rankingTab li { width: 110px; text-align: center; background: #84c766; border-radius: 6px; line-height: 1.2; }
	#sidebar #sidebarRanking #rankingTab li.active { background: #32a200; }
	#sidebar #sidebarRanking #rankingTab li a { display: block; padding: 14px 0; color: #fff; }
	#sidebar #sidebarRanking .rankingList ul { clear: both; border-top: 1px dotted #d8d8d8;  }
	#sidebar #sidebarRanking .rankingList li { padding: 5px 0 3px 0; border-bottom: 1px dotted #d8d8d8; /*background: url(/images/common/arrow_link.png) right 5px no-repeat; */ }
	#sidebar #sidebarRanking .rankingList li a { display: block; color: #444!important; }
	#sidebar #sidebarRanking .rankingList li a.rank01 { padding: 0 0 2px 34px; background: url(/images/common/rank_01.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank02 { padding: 0 0 2px 34px; background: url(/images/common/rank_02.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank03 { padding: 0 0 2px 34px; background: url(/images/common/rank_03.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank04 { padding: 0 0 2px 34px; background: url(/images/common/rank_04.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank05 { padding: 0 0 2px 34px; background: url(/images/common/rank_05.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank06 { padding: 0 0 2px 34px; background: url(/images/common/rank_06.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank07 { padding: 0 0 2px 34px; background: url(/images/common/rank_07.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank08 { padding: 0 0 2px 34px; background: url(/images/common/rank_08.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank09 { padding: 0 0 2px 34px; background: url(/images/common/rank_09.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank10 { padding: 0 0 2px 34px; background: url(/images/common/rank_10.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a:hover  { text-decoration: underline; }

	#navOther li { margin-bottom: 10px; }
	#navOther li a { font-size: 12px; text-align: left; padding-left: 15px; }
	#navOther #navRules   a,
	#navOther #navPrivacy a,
	#navOther #navPolicy  a,
	#navOther #navFaq	 a,
	#navOther #navInquiry a { position: relative; display: block; padding: 10px; color: #fff; background: #d20000; text-decoration: none; font-size: 12px; text-align: left; box-sizing: border-box; border-radius: 8px; -webkit-radius: 8px; -moz-border-radius: 8px; font-weight: bold; }

	#navOther #navRules   a::before,
	#navOther #navRules   a::after,
	#navOther #navPrivacy a::before,
	#navOther #navPrivacy a::after,
	#navOther #navPolicy  a::before,
	#navOther #navPolicy  a::after,
	#navOther #navFaq	 a::before,
	#navOther #navFaq	 a::after,
	#navOther #navInquiry a::before,
	#navOther #navInquiry a::after { position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; content: ""; vertical-align: middle; }
}
@media screen and (max-width: 640px) {
	#sidebar  .titleHeader { margin-bottom: 10px; padding: 5px 10px; background: #f0f0f0; color: #444; font-size: 14px; }
	#sidebar  .navList { padding: 0; }
	#sidebar  .navList li { background: url(/images/sphone/arrow_link.png) right center no-repeat; }
	#sidebar  .navList li a { display: block; padding: 10px; color: #444; border-bottom: 1px dashed #ccc;  text-decoration: none; font-size: 12px; }
	#sidebar  .navList li:last-child a { border: none; }
	#sidebar  .navList li.adjust { margin-top: -1px; }

	#sidebar #sidebarRanking #rankingTab { margin: 5px 10px 10px 10px; overflow: hidden; zoom: 1; }
	#sidebar #sidebarRanking #rankingTab li { padding: 7px 0; text-align: center; background: #84c766; border-radius: 6px; line-height: 1.2; font-size: 10px; }
	#sidebar #sidebarRanking #rankingTab li.active { background: #32a200; }
	#sidebar #sidebarRanking #rankingTab li a { color: #fff; }
	#sidebar #sidebarRanking .rankingList ul { clear: both; border-top: 1px dotted #d8d8d8; }
	#sidebar #sidebarRanking .rankingList li { padding: 5px 20px 5px 10px; border-bottom: 1px dotted #d8d8d8; background: url(/images/sphone/arrow_link.png) right 5px no-repeat; font-size: 12px; }
	#sidebar #sidebarRanking .rankingList li a { display: block; padding: 2px 0 2px 34px; color: #444!important; }
	#sidebar #sidebarRanking .rankingList li a.rank01 { background: url(/images/common/rank_01.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank02 { background: url(/images/common/rank_02.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank03 { background: url(/images/common/rank_03.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank04 { background: url(/images/common/rank_04.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank05 { background: url(/images/common/rank_05.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank06 { background: url(/images/common/rank_06.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank07 { background: url(/images/common/rank_07.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank08 { background: url(/images/common/rank_08.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank09 { background: url(/images/common/rank_09.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li a.rank10 { background: url(/images/common/rank_10.png) 0 0 no-repeat; }
	#sidebar #sidebarRanking .rankingList li:last-child { border-bottom: none; }
}


/*-------------------------------------------------------------*/
/* 入力フォーム各種
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){

	#inputTable { margin-bottom: 30px; width: 720px; background: #faccd2; }
	#inputTable dt { clear: both; float:left; padding: 13px 10px 10px 10px; width: 220px; border-top: 2px solid #fff; text-align: left; font-weight: normal;  white-space: nowrap; font-size: 12px; }
	#inputTable dt span { display: block; }
	#inputTable dt strong { font-weight: normal; }
	#inputTable dd { margin-left: 240px; padding: 13px 10px 10px 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; text-align: left; background: #fce5e8; font-size: 12px; }
	#inputTable dd input { padding: 5px; font-size: 16px; }
	#inputTable dd select { padding: 3px; }
	#inputTable dd .ex { padding-top: 5px; }
	#inputTable dd .frmErr { border: 2px solid #d20000; }
	#inputTable dd.inq { width: 150px; }
	#inputTable li { line-height: 2.0; }
	#inputTable.confirmTable td { padding: 15px 10px; font-size: 14px; line-height: 1.8; }

	#frmNickname,
	#frmPassword	{ width: 250px; }
	#frmTel1,
	#frmTel2,
	#frmTel3		{ width: 80px; }
	#frmSei,
	#frmMei,
	#frmSeiKana,
	#frmMeiKana	 { width: 180px; }
	#frmYear		{ width: 70px; }
	#frmMonth,
	#frmDay		 { width: 40px; }
	#frmZipCode1	{ width: 100px; }
	#frmZipCode2	{ width: 120px; }
	#frmAddress1,
	#frmAddress2	{ width: 450px; }
	#frmMessage	 { margin-bottom: 10px; width: 390px; }
	#frmMail1,
	#frmMail3	   { width: 150px; }
	#frmMail2,
	#frmMail4	   { width: 250px; }
	#frmMail5	   { width: 400px; }
	#frmMailInquiry { width: 420px; }
	#frmMessage	 { margin-bottom: 10px; width: 450px; height: 120px; }

	.checkAgree { /*padding-top: 30px; background: url(/images/common/bg_dash.gif) 0 0 repeat-x; */ }
	.checkAgree dt { padding-bottom: 10px; text-align: center; line-height: 1.0; }
   	.checkAgree dt input { padding: 5px 0 5px; }
	.checkAgree dt label { font-size: 16px; font-weight: bold; line-height: 1.0; }
	.checkAgree dt label span { font-size: 16px; }
	.checkAgree dd { margin: 0 auto; width: 450px; }
	#cold_button   { width: 450px; height: 60px; background: url(/images/btn/btn_agree_off.gif) 0 0 no-repeat; text-indent: -9999px; }
	#warm_button a { display: block; height: 60px; width: 450px; text-indent: -9999px; background: url(/images/btn/btn_agree.gif) 0 0 no-repeat; }


}
@media screen and (max-width: 640px) {
	#inputTable { margin-bottom: 20px; padding: 0 0 15px 0; border: 1px solid #ccc; border-radius: 8px; }
	#inputTable dt { padding: 15px 15px 5px 15px; font-weight: bold; font-size: 13px; }
	#inputTable dt strong { font-weight: normal; }
	#inputTable dt:before {content: "■"; color: #d20000; }
	#inputTable dd { padding: 5px 15px 15px 15px; border-bottom: 1px solid #ccc; font-size: 13px; }
	#inputTable dd:last-child { border-bottom: none!important; }
	#inputTable dd span { display: block; clear: both; padding-top: 5px; font-size: 10px; }
	#inputTable dd .marker { display: inline; padding: 5px; font-size: 13px; background: #d20000; color: #fff; font-weight: bold; }
	#inputTable label { vertical-align: middle; }
	#inputTable dd .ex { padding-top: 5px; }
	#inputTable dd .frmErr  { border: 2px solid #d20000; }

	#frmNickname,
	#frmPassword,	
	#frmAddress1,
	#frmAddress2,
	#frmMailInquiry{ padding: 3px; width: 95%; border-radius: 5px; }
	#frmSei,
	#frmSeiKana,
	#frmMei,
	#frmMeiKana{ padding: 3px; width: 30%; border-radius: 5px; }
	#frmSei { margin-right: 10px; }
	#frmMessage  { padding: 3px; width: 95%; height: 70px; border-radius: 5px; }
	#frmYear	 { padding: 3px; width: 21%; border-radius: 5px; }
	#frmMonth	{ padding: 3px; width: 21%; border-radius: 5px; }
	#frmDay	  { padding: 3px; width: 21%; border-radius: 5px; }
	#frmZipCode1 { padding: 3px; width: 30%; border-radius: 5px; }
	#frmZipCode2 { padding: 3px; width: 40%; border-radius: 5px; }
	#frmMail1,
	#frmMail3	{ padding: 3px; width: 35%; border-radius: 5px; }
	#frmMail2,
	#frmMail4	{ padding: 3px; width: 45%; border-radius: 5px; }
	#frmMail5	{ padding: 3px; width: 90%; border-radius: 5px; }
	#frmTel1,
	#frmTel2,
	#frmTel3	 { padding: 3px; width: 23%; border-radius: 5px; }

	.checkAgree { padding: 10px 0 20px; /*border-top: 1px dashed #aeaeae; */}
	.checkAgree dt { padding-bottom: 10px; text-align: center; line-height: 1.2; }
   	.checkAgree dt input { padding: 5px 2px 5px; }
	.checkAgree dt label { font-size: 14px; font-weight: bold; }
	.checkAgree dd { margin: 0 10px; }
	#cold_button   { padding: 9px; background: #aeaeae; text-align: center; color: #fff; font-weight: bold; border-radius: 8px; }
	#warm_button { text-align: center; background: url(/images/sphone/arrow_02.png) right center no-repeat; background-size: 35px 15px; }
	#warm_button a { display: block; margin: 0 auto; padding: 5px; border: 4px solid #d20000; color: #d20000; font-weight: bold; text-align: center; border-radius: 8px; text-decoration: none; }
}


/*-------------------------------------------------------------*/
/* socialBtn
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	.socialBtn { clear: both;margin: 0 auto 15px auto; width: 980px; height: 22px; z-index: 1; }
	.socialBtn ul { float: left; list-style: none; height: 22px; font-size:0; width: 210px; }
	.socialBtn ul li { float: left; padding-right: 7px; height: 22px; text-align: left; }
	.socialBtn ul li.tw { width: 90px; }
	.socialBtn ul li.fb { width: 95px; }
}
@media screen and (max-width: 640px) {
}


/*-------------------------------------------------------------*/
/* clearfix
/*-------------------------------------------------------------*/
@media print, screen and (min-width: 641px){
	#userArea:after,
	#topicPath ul:after,
	#contents:after,
	#siteFooter .banner:after,
	#siteFooter .gNav:after,
	#pageLogin #loginFrm #auto:after,
	#pageLogin #beginner ul:after,
	.otherLink ul:after,
	.pager:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
	#userArea,
	#topicPath ul,
	#contents,
	#siteFooter .banner,
	#siteFooter .gNav,
	#pageLogin #loginFrm #auto,
	#pageLogin #beginner ul, 
	.otherLink ul,
	.pager { zoom: 1; }
}
@media screen and (max-width: 640px) {
	header:after,div:after,section:after,p:after,ul:after,ol:after,li:after,dl:after,.linkBox:after, { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
	header,div,section,p,ul,ol,li,dl,.linkBox { zoom: 1; }
}





/* glico Nav
-------------------------------------------------------------*/
	header .menu { position: absolute; top: 0; left: 0; padding: 0; width: 50px; height: 50px; background: transparent url(/images/header/btn_menu_01.png) no-repeat 50% 50%; background-size: 20px 16px; border: none; outline: none; overflow: hidden; white-space: nowrap; text-indent: -9999px; z-index: 10; cursor: pointer; }

@media screen and (min-width: 640px) {
	header .menu { width: 54px; height: 54px; background-image: url(/images/header/btn_menu_01.png); background-size: 24px 19px; background-color: transparent; }
}
	.nav { position: absolute; z-index: 10; top: 0; width: 240px; height: 100%; display: none; }
	.nav--active { display: block; }
	.nav__list01 { margin-top: 0;position: absolute; top: 50px; width: 240px; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; }
	.nav__item01 { font-size: 13px; color: #fff; background-color: #f44336; }
	.nav__trigger01 { display: block; padding: 12px 0 12px 15px; color: #fff; position: relative; }
	.nav__trigger01:after { content: ''; display: block; position: absolute; top: 50%; right: 20px; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

	.nav__trigger01.nav--selected:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -3px; }
	.nav__list02 { display: none; padding: 0 16px; background-color: #fff; }
	.nav__item02 { font-size: 13px; color: #212121; border-top: 1px solid #e8e8e8; }
	.nav__item02:first-child { border-top: none; }
	.nav__trigger02 { display: block; padding: 12px 0 12px 5px; color: #212121;	}
	.nav--external:after { width: 12px; height: 10px; border: none; background: url(../images/header/icon_external.png) no-repeat; background-size: 12px 10px; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: -6px; right: 18px; }
	.nav--link:after { right: 22px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -4px; }

@media screen and (min-width: 640px) {
	.nav a:hover { text-decoration: none; }
	.nav--fixed .nav__list01 { top: 40px; }
	.nav__list01 { top: 54px; }
	.nav__item01 { font-size: 14px; }
	.nav__trigger01 { padding: 8px 0 8px 28px; }
	.nav__item02 { font-size: 14px; }
	.nav__trigger02 { padding: 8px 0 8px 12px; }
	.nav--external:after { width: 14px; height: 12px; background-size: 14px 12px; margin-top: -7px;	}
}

@media screen and (min-width: 980px) {
	.nav { width: 980px; left: 50%; margin-left: -490px; }
}

/* ie8 */
	.ie8 header .menu { width: 54px; height: 54px; background: transparent url(../images/header/ltie9_btn_menu_01.png) no-repeat 50% 50%; }
	.ie8 .nav { left: 50%; margin-left: -490px; width: 980px; }
	.ie8 .nav a:hover { text-decoration: none; }
	.ie8 .nav--fixed .nav__list01 { top: 40px; }
	.ie8 .nav__list01 { top: 54px; }
	.ie8 .nav__item01 { font-size: 14px; }
	.ie8 .nav__trigger01 { padding: 8px 0 8px 28px; }
	.ie8 .nav__item02 { font-size: 14px; }
	.ie8 .nav__trigger02 { padding: 8px 0 8px 12px; }
	.ie8 .nav__trigger01:after { border: none; width: 10px; height: 10px; background-image: url(../images/header/ltie9_ico_arrow_01.png); margin-top: -5px; }
	.ie8 .nav__trigger01.nav--selected:after { background-image: url(../images/header/ltie9_ico_arrow_02.png); margin-top: -5px; }
	.ie8 .nav--external:after { width: 12px; background-image: url(../images/header/ltie9_ico_external.png); }
	.ie8 .nav--link:after { background-image: url(../images/header/ltie9_ico_arrow_03.png); margin-top: -5px; }