@charset "utf-8";
/* ================================================
    common.css JS版
================================================ */
body {
    background: #ffffff;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    line-height: 1;
    text-align: center;
    font-family: sans-serif;
}
a { text-decoration: none }
/* ------------------------------------------------------------
    header
-------------------------------------------------------------*/
#header_glonavi {
    width: 950px !important;
    margin: 0 auto !important;
    height: 80px !important;
    text-align: center !important;
    clear: both !important;
    display: block !important;
    line-height: 1 !important;
    zoom: 0;
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}
#header_glonavi #header_glonavi_l {
        width: 92px !important;
        height: 80px !important;
        float: left !important;
        padding-left: 5px !important;
}
#header_glonavi #header_glonavi_l img { }
#header_glonavi #header_glonavi_l img:hover,
#header_glonavi #header_glonavi_l img:active { background-image: url("http://www.glico.co.jp/common/template/images/glico_logo_on.png") }
#header_glonavi #header_glonavi_r {
        height: 50px !important;
        float: right !important;
        padding: 13px  0 17px 0 !important;
}
#header_glonavi #header_glonavi_r ul {
        margin: 0 !important;
        padding: 0 !important;
        list-style-type: none !important;
        border-right: dotted 1px #CCC !important;
        display: table !important;
}
#header_glonavi #header_glonavi_r li {
        margin: 0 !important;
        padding: 0 !important;
        height: 50px !important;
        float: left !important;
        border-left: dotted 1px #CCC !important;
        display: table-cell !important;
}
/* headernavi */
#header_glonavi .headernavi a {
        padding: 19px 10px 18px 10px !important;
        margin: 0px 3px !important;
        font-size: 13px !important;
        font-weight: normal !important;
        display: inline-block !important;
}
#header_glonavi .headernavi a:link,
#header_glonavi .headernavi a:visited {
        color: #666 !important;
        line-height: 1 !important;
        font-style: normal !important;
        text-decoration: none !important;
}
#header_glonavi .headernavi a:hover,
#header_glonavi .headernavi a:active {
        color: #CC3333 !important;
        background-color: #F6F6F6 !important;
        line-height: 1 !important;
        font-style: normal !important;
        text-decoration: none !important;
}
/* ------------------------------------------------------------
    header_smartphone
-------------------------------------------------------------*/
#header_glonavi_smp {
    width: 100% !important;
    margin: 1% auto !important;
    padding: 0 !important;
    line-height: 1 !important;
    overflow: hidden;
}
#header_glonavi_smp .header_smp_l {
        width: 23%;
        margin: 0;
        padding: 0 0 0 2%;
        float: left;
}
#header_glonavi_smp .header_smp_r {
        margin: 0;
        padding: 3% 2% 0 0;
        width: 8%;
        float: right;
}
#header_glonavi_smp .header_smp_r  img {
        background-image: url("http://www.glico.co.jp/common/template/images/menu_smp_btn_open.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: pointer;
}
#header_glonavi_smp #headerSmpMenuList {
        width: 100%;
        margin: 0 0 0.5% 0;
        padding: 0;
        background-color: #c8c8c8;
        display: none;
        border: 0;
        float: left;
}
#header_glonavi_smp #headerSmpMenuList #searcharea_smpHead { display: block }
#header_glonavi_smp #headerSmpMenuList #searcharea_smpHead form {
        width: 100%;
        border-bottom: solid 2px #FFF;
        padding: 0;
        margin: 0;
        overflow: hidden;
        display: block;
}
#header_glonavi_smp #headerSmpMenuList #searcharea_smpHead #header_search_btn {
        vertical-align: baseline;
        padding: 0;
        margin: 1% 2%  1% 0;
        float: right;
        width: 8%;
}
#header_glonavi_smp #headerSmpMenuList #searcharea_smpHead #header_word {
        width: 84%;
        float: left;
        border: none;
        padding: 2px;
        margin: 2%;
        display: block;
        font-size: 16px;
}
#header_glonavi_smp #headerSmpMenuList ul {
        list-style: none;
        border: 0;
        margin: 0;
        padding: 0;
        display: inline;
        border-collapse: collapse;
}
#header_glonavi_smp #headerSmpMenuList ul.left {
        width: 50%;
        float: left;
}
#header_glonavi_smp #headerSmpMenuList ul.right {
        width: 50%;
        float: right;
}
#header_glonavi_smp #headerSmpMenuList ul.bottom {
        width: 100%;
        float: left;
}
#header_glonavi_smp #headerSmpMenuList ul.left li {
        margin: 0;
        padding: 0;
        border-bottom: solid #FFF 2px;
        border-right: solid #FFF 2px;
        width: 100%;
}
#header_glonavi_smp #headerSmpMenuList ul.right li {
        margin: 0;
        padding: 0;
        border-bottom: solid #FFF 2px;
        border-left: solid #FFF 2px;
        width: 100%;
}
#header_glonavi_smp #headerSmpMenuList ul.bottom li {
        margin: 0;
        padding: 0;
        width: 100%;
}

/* ------------------------------------------------------------
    footer
-------------------------------------------------------------*/
#footer_glonavi {
    clear: both;
    width: 100% !important;
		min-width: 1060px !important;
    padding: 5px 0px 20px 0px !important;
    margin: 0 auto !important;
    letter-spacing: 0 !important;
    font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: none !important;
    text-align: center !important;
    border: 0 !important;
    outline: 0 !important;
    font-size: 100% !important;
    vertical-align: baseline !important;
    background: transparent !important;
		border-top: 1px solid #CCC !important;
}
#footer_glonavi * { line-height: 1 !important }
#footer_glonavi a:link,
#footer_glonavi a:visited {
        font-size: 11px !important;
        color: #0000FF;
        text-decoration: none !important;
        font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}
#footer_glonavi a:hover,
#footer_glonavi a:active {
        font-size: 11px !important;
        color: #FF0000;
        text-decoration: none !important;
        font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}
#footer_glonavi .fb {
        margin: 0 auto;
        clear: both;
}
#footer_glonavi .fb ul {
        margin: 0 auto;
        padding: 0;
        list-style-position: inside;
        list-style-type: none;
}
#footer_glonavi .fb li {
        float: left;
        display: inline;
}
#footer_glonavi .footerlink_box {
        clear: both;
        padding: 0;
        font-size: 11px;
        margin: 7px auto 0 auto;
        text-align: center;
        line-height: 1 !important;
}
#footer_glonavi .footerlink {
        padding: 7px 10px 0px;
        font-size: 11px;
        font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
        line-height: 1 !important;
}
#footer_glonavi .copyright {
        width: auto;
        margin: 8px auto 0px auto !important;
        font-size: 10px !important;
        text-align: center;
        clear: both;
        color: #333333 !important;
        font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
        line-height: 1 !important;
}
/*? button_area? */
#footer_glonavi .button_area {
        border-collapse: collapse !important;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-word;
        line-height: 1 !important;
}
#footer_glonavi .footnavi {
        border: solid 1px;
        border-color: #EEE #AAA #AAA #EEE;
        background-color: #eeeeee;
}
#footer_glonavi .footnavig {
        border: solid 1px;
        border-color: #EEE #AAA #AAA #EEE;
        background-color: #dbdbdb;
}
#footer_glonavi .footnavis {
        border: solid 1px;
        border-color: #EEE #AAA #AAA #AAA;
        background-color: #EEE;
}
/*? footnavi? */
#footer_glonavi .footnavi a,
#footer_glonavi .footnavis a {
        display: block;
        zoom: 1;
        margin: 0px;
        padding: 4px 1px 4px 1px;
        padding: 6px 1px 3px 1px\9;
        text-align: center;
        vertical-align: middle;
        font-size: 11px;
        font-weight: normal;
        font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
        line-height: 1;
}
#footer_glonavi .footnavi a:link,
#footer_glonavi .footnavi a:visited,
#footer_glonavi .footnavis a:link,
#footer_glonavi .footnavis a:visited {
        color: #444444;
        background-color: #eeeeee;
}
#footer_glonavi .footnavi a:hover,
#footer_glonavi .footnavi a:active,
#footer_glonavi .footnavis a:hover,
#footer_glonavi .footnavis a:active {
        color: #ff0000;
        background-color: #ffe3e0;
}
/*? footnavig? */
#footer_glonavi .footnavig a {
        display: block;
        zoom: 1;
        margin: 0px;
        padding: 4px 1px 4px 1px;
        padding: 6px 1px 3px 1px\9;
        text-align: center;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
        line-height: 1;
}
#footer_glonavi .footnavig a:link,
#footer_glonavi .footnavig a:visited {
        color: #444444;
        background-color: #dbdbdb;
}
#footer_glonavi .footnavig a:hover,
#footer_glonavi .footnavig a:active {
        color: #ffffff;
        background-color: #ff0000;
}
/*-----------------------------------------*/
/*? Group NAVI */
/*-----------------------------------------*/
#group_navi {
    margin: 0 auto;
    width: auto;
    display: block;
}
#group_navi a:link,
#group_navi a:visited {
        color: #0000FF;
        font-size: 12px;
        font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}
#group_navi a:hover,
#group_navi a:active {
        color: #FF0000;
        font-size: 12px;
        font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}
/*=======================
New footer smp
=======================*/
#glicognavifooter_smp {
    width: 100% !important;
    font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif !important;
    padding-bottom: 40px !important;
}
#glicognavifooter_smp table {
        margin: 0px auto !important;
        border-collapse: collapse !important;
        width: 95% !important;
}
#glicognavifooter_smp .navisquare {
        border: solid 1px #999;
        background-color: #f3f3f6;
        width: 16%;
}
#glicognavifooter_smp .navisepalater {
        border: none;
        background-color: none;
        width: 0.5%;
}
#glicognavifooter_smp td img {
		width: 100% !important
	}
	#glicognavifooter_smp .recter {
	    border: solid 1px #999;
	    background-color: #f3f3f6;
	}
	#glicognavifooter_smp .gtop_under {
	    margin: 1% auto !important;
	}
	#glicognavifooter_smp p.cr {
		font-size:6px;
		padding:0 !important;
		margin:0 auto !important;
		text-align:center !important;
		width:95% !important;
		display:block;
		line-height:1.2 !important;
	}
	#glicognavifooter_smp.static p.cr {
	border-top: 2px solid #ccc;
	padding: 20px 0 0 !important;
}

@media print, screen and (min-width: 480px) { 

#glicognavifooter_smp p.cr {
        font-size: 6px;
}
#header_glonavi_smp #headerSmpMenuList #searcharea_smpHead #header_word {
        padding: 2px;
        font-size: 22px;
}

}

@media print, screen and (min-width: 640px) { 

#glicognavifooter_smp p.cr {
        font-size: 10px;
}
#header_glonavi_smp #headerSmpMenuList #searcharea_smpHead #header_word {
        padding: 2px;
        font-size: 28px;
}

}
@media print, screen and (min-width: 768px) { 

#glicognavifooter_smp p.cr {
        font-size: 11px;
}
#header_glonavi_smp #headerSmpMenuList #searcharea_smpHead #header_word {
        padding: 3px;
        font-size: 32px;
}
	
}
@media print, screen and (min-width: 980px) { 

#glicognavifooter_smp p.cr {
        font-size: 12px;
}
#header_glonavi_smp #headerSmpMenuList #searcharea_smpHead #header_word {
        padding: 4px;
        font-size: 48px;
}
	
}
@media print, screen and (min-width: 1200px) { 

#glicognavifooter_smp p.cr {
        font-size: 12px;
}
#header_glonavi_smp #headerSmpMenuList #searcharea_smpHead #header_word {
        padding: 6px;
        font-size: 64px;
}
	
}