@charset "UTF-8";
/*
variable
------------------------------*/
:root,* {
    --base-color:#222C58;
    --point-color:#4C829A;
    --header-color:#771C22;
    --map-color:#CBCBCB;

    --mono-light:#808080;
    --mono-lighter:#E5E5E5;

    --shochu-header-color:#623D09;
    --shochu-body-color:#7F5C14;
    --shochu-section-color:#AD8D0D;
    --shochu-footer-color:#81643A;
    --shochu-text-color:#534741;
    
    --liqueur-header-color:#A97B1B;
    --liqueur-body-color:#ECA200;
    --liqueur-section-color:#ECA200;
    --liqueur-footer-color:#81643A;
    --liqueur-text-color:#534741;
    



    /*
    SVG Icon URL ▼ usage ▼

    .facebook-icon::before,.facebook-icon::after{
        background: var(--facebook-svg);
        background-position:50% 050%;
        background-repeat:  no-repeat;
        background-origin: content-box;
        content: '';
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        vertical-align: middle;
        background-size:100%;
    }
    */

    --weibo-svg    : url('data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+d2VpYm88L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTc1LjMzLDM0LjM3QTUuMzgsNS4zOCwwLDAsMCw3MCwzMi42MWEzLDMsMCwwLDEtMi4yNy0uNDEsMi41NywyLjU3LDAsMCwxLTEuMjUtMS44NiwyLjksMi45LDAsMCwxLC40LTIuMjQsMi44NCwyLjg0LDAsMCwxLDEuODYtMS4yOCwxMS41LDExLjUsMCwwLDEsNiwuMjgsMTEuMjQsMTEuMjQsMCwwLDEsNS4wOCwzLjI5LDExLjUxLDExLjUxLDAsMCwxLDIuNzQsNS40NiwxMS4xMywxMS4xMywwLDAsMS0uMzMsNS45MSwyLjk0LDIuOTQsMCwwLDEtMS40OCwxLjcxLDIuODcsMi44NywwLDAsMS0yLjI0LjIsMi45NCwyLjk0LDAsMCwxLTEuNzEtMS40OCwyLjg3LDIuODcsMCwwLDEtLjItMi4yNEE1LjM0LDUuMzQsMCwwLDAsNzUuMzMsMzQuMzdaTTkzLjg0LDQ1LjUzYTMuMzUsMy4zNSwwLDAsMS0xLjcxLDIsMy4yMSwzLjIxLDAsMCwxLTIuNjEuMjEsMy40MiwzLjQyLDAsMCwxLTItMS43MSwzLjM3LDMuMzcsMCwwLDEtLjI2LTIuNjIsMTYuODQsMTYuODQsMCwwLDAtMy41Mi0xNi42QTE2LjM3LDE2LjM3LDAsMCwwLDc2LjI5LDIyYTE3LjMsMTcuMywwLDAsMC04LjcxLS40MywzLjQ3LDMuNDcsMCwwLDEtNC4xMi0yLjY3LDMuMjksMy4yOSwwLDAsMSwuNDgtMi41OSwzLjM1LDMuMzUsMCwwLDEsMi4xOS0xLjQ4LDI0LDI0LDAsMCwxLDEyLjI3LjU4LDIzLDIzLDAsMCwxLDEwLjQ2LDYuNzYsMjMuMjMsMjMuMjMsMCwwLDEsNS42NiwxMS4xOUEyMywyMywwLDAsMSw5My44NCw0NS41M1pNODEuNjIsNjguOGEyNC44NCwyNC44NCwwLDAsMS01LjQ5LDYuODksNDEuODUsNDEuODUsMCwwLDEtOC40Nyw1LjkxLDQ2Ljg1LDQ2Ljg1LDAsMCwxLTExLjM3LDQuMTcsNTguMTgsNTguMTgsMCwwLDEtMTMuNjEsMS41Niw1Nyw1NywwLDAsMS0xMy44My0xLjY4QTQ5LjE2LDQ5LjE2LDAsMCwxLDE2Ljc2LDgxYTI1LjksMjUuOSwwLDAsMS04LjYzLTcuNTksMTcsMTcsMCwwLDEtMy4yNy0xMEEyNi4xNSwyNi4xNSwwLDAsMSw4LjM2LDUxYTU1LjgyLDU1LjgyLDAsMCwxLDkuOTMtMTNxOC41MS04LjUxLDE3LjE4LTExLjg3dDEyLjQuMzVxMy4yNywzLjIxLDEsMTAuNTFhMS41NSwxLjU1LDAsMCwwLDAsMSwuNjIuNjIsMCwwLDAsLjUxLjM1LDIsMiwwLDAsMCwuNzMsMCw1LDUsMCwwLDAsLjY3LS4xN2wuMzEtLjFhMzIuMjYsMzIuMjYsMCwwLDEsMTIuMzctM2MzLjU5LDAsNi4xNSwxLDcuNywzLjA3czEuNSw1LjA5LDAsOWE2LjQ5LDYuNDksMCwwLDEtLjIzLDEsLjUyLjUyLDAsMCwwLC4yMy42MywyLjMyLDIuMzIsMCwwLDAsLjYuMzdsLjg2LjMxYTIyLDIyLDAsMCwxLDUuMTcsMi4zNiwxMy4xNiwxMy4xNiwwLDAsMSw0LDQuMSwxMC41NywxMC41NywwLDAsMSwxLjcxLDUuODZBMTUuMjQsMTUuMjQsMCwwLDEsODEuNjIsNjguOFpNNjMuNTEsNTNBMjQuNzgsMjQuNzgsMCwwLDAsNTMsNDcuNTRhMzguMzEsMzguMzEsMCwwLDAtMTMuOC0xUTI4LDQ3LjY1LDIwLjYzLDUzLjYxVDE0LDY2LjkxYTEzLjE2LDEzLjE2LDAsMCwwLDQuNDgsOC41NUEyNC42NywyNC42NywwLDAsMCwyOC45Myw4MWEzOC4zNSwzOC4zNSwwLDAsMCwxMy44MSwxUTU0LDgwLjg1LDYxLjMyLDc0Ljg5VDY4LDYxLjU4QTEzLjExLDEzLjExLDAsMCwwLDYzLjUxLDUzWk01Mi4zLDY5LjYzYTE0LjQxLDE0LjQxLDAsMCwxLTcuOTUsNy41NCwxNS42OCwxNS42OCwwLDAsMS0xMS4yNy42MSwxMS4zOSwxMS4zOSwwLDAsMS03LjQyLTYuMzdBMTAuNjYsMTAuNjYsMCwwLDEsMjYsNjJhMTQuODUsMTQuODUsMCwwLDEsNy42Mi03QTE1LjkzLDE1LjkzLDAsMCwxLDQ0LjIsNTRhMTEuOTIsMTEuOTIsMCwwLDEsOCw2QTEwLjQ2LDEwLjQ2LDAsMCwxLDUyLjMsNjkuNjNaTTQyLjg0LDYyYTIsMiwwLDAsMC0xLjQ0LDAsMiwyLDAsMCwwLTEuMDguOTNjLS41NywxLS4zNSwxLjc5LjY2LDIuMjZhMi4xLDIuMSwwLDAsMCwxLjQ2LDAsMiwyLDAsMCwwLDEuMS0uOTQsMS41MSwxLjUxLDAsMCwwLC4xOC0xLjMzQTEuNDUsMS40NSwwLDAsMCw0Mi44NCw2MlpNMzcuMSw2NC4zNWE1LjA5LDUuMDksMCwwLDAtMy42NywwLDUuNSw1LjUsMCwwLDAtMywyLjMxLDQuMjEsNC4yMSwwLDAsMC0uNjUsMy40NCwzLjczLDMuNzMsMCwwLDAsMi4xNiwyLjU0LDQuODksNC44OSwwLDAsMCwzLjc1LjEzLDUuNzUsNS43NSwwLDAsMCwzLjE0LTIuMzksNC4xOCw0LjE4LDAsMCwwLC41Ni0zLjQ3QTMuNzYsMy43NiwwLDAsMCwzNy4xLDY0LjM1WiIvPjwvc3ZnPg==');
    --facebook-svg : url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+ZmFjZWJvb2s8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTg5LDguNjdIMTIuNGE0LDQsMCwwLDAtNC4xNCwzLjcyVjg5LjI4QTQsNCwwLDAsMCwxMi40LDkzSDUzLjI4VjU3SDQ1LjE0VjQzaDguMTRWMzMuOWMwLTYuOCw1LjczLTEzLDE0LjU5LTEzSDgxLjIxdjE0SDcyLjA2Yy0xLjc3LDAtMi40OS4yNS0yLjQ5LDIuMTF2Nkg4MC4zOGwtLjg2LDE0aC0xMFY5M0g4OWEzLjU3LDMuNTcsMCwwLDAsMy41OS0zLjcyVjEyLjM5QTMuNTYsMy41NiwwLDAsMCw4OSw4LjY3WiIvPjwvc3ZnPg==);
    --twitter-svg  : url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+dHdpdHRlcjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNODcuMTUsMzEuODNjMCwuMjgsMCwuNTcsMCwuODVzMCwuNzUsMCwxLjEyYy0uMzksOS4zNC0zLjU2LDMyLjIzLTI0LjI1LDQ2LTkuMTEsNi4wNy0xOS41MSw3LjQtMjcuNDgsNy41N2E0OS42OSw0OS42OSwwLDAsMS0yOC45NS04LjNjMTAuMTQuNzgsMTguMDUtMS44OCwyNi44My03LjY0LTEzLjYyLS43My0xNy4zOS0xMy4yNi0xNy4zOS0xMy4yNmEyMi4yNiwyMi4yNiwwLDAsMCw3LjY1LDBDOSw1NC4xNiw5LDM5LjkzLDksMzkuOTNhNjUuMTUsNjUuMTUsMCwwLDAsOC43NywyLjVjLTEzLjUxLTEwLjc0LTYtMjQuNjMtNi0yNC42M0MyMS42NSwyOC44NywzMy4wNSwzNS4wOSw0OS45MSwzN0ExOC44NywxOC44NywwLDAsMSw4MiwxOS42N2M3LjMyLTEuMzQsMTEuMjctNC41MiwxMS4yNy00LjUyQTE3Ljg5LDE3Ljg5LDAsMCwxLDg1LjksMjUuNTRhMjUuMzUsMjUuMzUsMCwwLDAsOS42LTIuNjNBMTcuODIsMTcuODIsMCwwLDEsODcuMTUsMzEuODNaIi8+PC9zdmc+);
    --insta-svg    : url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48dGl0bGU+aW5zdGFncmFtPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MS4zMiwxMy44OGMxMC4xNiwwLDExLjQzLDAsMTUuNDIuMjNhMjcuNTcsMjcuNTcsMCwwLDEsOS4wOCwxLjczLDE4LjQ3LDE4LjQ3LDAsMCwxLDYuNjIsNC4zMiwxOC4yMiwxOC4yMiwwLDAsMSw0LjMxLDYuNjIsMjcuMjksMjcuMjksMCwwLDEsMS43NCw5LjA4Yy4xOCw0LC4yMyw1LjI2LjIzLDE1LjQxczAsMTEuNDMtLjIzLDE1LjQyYTI3LjI5LDI3LjI5LDAsMCwxLTEuNzQsOS4wOEExOS4xLDE5LjEsMCwwLDEsNzUuODIsODYuN2EyNy4yOSwyNy4yOSwwLDAsMS05LjA4LDEuNzRjLTQsLjE4LTUuMjYuMjMtMTUuNDIuMjNzLTExLjQzLDAtMTUuNDItLjIzYTI3LjIyLDI3LjIyLDAsMCwxLTkuMDctMS43NCwxOC4xNCwxOC4xNCwwLDAsMS02LjYyLTQuMzEsMTguMzgsMTguMzgsMCwwLDEtNC4zMi02LjYyLDI3LjgsMjcuOCwwLDAsMS0xLjc0LTkuMDhjLS4xOC00LS4yMi01LjI2LS4yMi0xNS40MnMwLTExLjQyLjIyLTE1LjQxYTI3LjgsMjcuOCwwLDAsMSwxLjc0LTkuMDhBMTkuMjEsMTkuMjEsMCwwLDEsMjYuODMsMTUuODRhMjcuNSwyNy41LDAsMCwxLDkuMDctMS43M2M0LS4xOSw1LjI3LS4yMywxNS40Mi0uMjNabTAsNi43NGMtMTAsMC0xMS4xNywwLTE1LjExLjIyYTIwLjY1LDIwLjY1LDAsMCwwLTYuOTQsMS4yOCwxMi40MSwxMi40MSwwLDAsMC03LjEsNy4xLDIwLjg1LDIwLjg1LDAsMCwwLTEuMjksNi45NGMtLjE4LDQtLjIxLDUuMTMtLjIxLDE1LjExczAsMTEuMTcuMjEsMTUuMTFhMjAuODYsMjAuODYsMCwwLDAsMS4yOSw3LDExLjY1LDExLjY1LDAsMCwwLDIuOCw0LjMsMTEuNDMsMTEuNDMsMCwwLDAsNC4zLDIuNzksMjAuNTksMjAuNTksMCwwLDAsNi45NCwxLjI5YzMuOTQuMTgsNS4xMy4yMiwxNS4xMS4yMnMxMS4xNywwLDE1LjExLS4yMmEyMC42LDIwLjYsMCwwLDAsNi45NS0xLjI5LDExLjM5LDExLjM5LDAsMCwwLDQuMjktMi43OSwxMS42NSwxMS42NSwwLDAsMCwyLjgtNC4zLDIwLjg2LDIwLjg2LDAsMCwwLDEuMjktN2MuMTgtMy45NC4yMi01LjEyLjIyLTE1LjExczAtMTEuMTYtLjIyLTE1LjExYTIwLjg1LDIwLjg1LDAsMCwwLTEuMjktNi45NCwxMS42NSwxMS42NSwwLDAsMC0yLjgtNC4zLDExLjUzLDExLjUzLDAsMCwwLTQuMjktMi44LDIwLjY3LDIwLjY3LDAsMCwwLTYuOTUtMS4yOGMtMy45NC0uMTgtNS4xMi0uMjItMTUuMTEtLjIyWm0wLDExLjQ1YTE5LjIxLDE5LjIxLDAsMSwxLTE5LjIsMTkuMiwxOS4yLDE5LjIsMCwwLDEsMTkuMi0xOS4yWm0wLDMxLjY3QTEyLjQ3LDEyLjQ3LDAsMSwwLDM4Ljg2LDUxLjI3LDEyLjQ3LDEyLjQ3LDAsMCwwLDUxLjMyLDYzLjc0Wk03NS43NywzMS4zMWE0LjQ5LDQuNDksMCwxLDEtNC40OS00LjQ4LDQuNDksNC40OSwwLDAsMSw0LjQ5LDQuNDhaIi8+PC9zdmc+);
    --wechat-svg   : url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+d2VjaGF0PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01NS42OCw1NGEyLjU0LDIuNTQsMCwxLDAsMi41NCwyLjY1QTIuNTgsMi41OCwwLDAsMCw1NS42OCw1NFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01MCw0MC41YTMsMywwLDEsMC0uMDgtNi4wOSwzLjE0LDMuMTQsMCwwLDAtMy4wNywzLjA5QTMuMDcsMy4wNywwLDAsMCw1MCw0MC41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMwLjUzLDM0LjQxYTMsMywwLDEsMC0uMTksNi4wOCwzLjEsMy4xLDAsMCwwLDMuMjEtMi45NEEzLjE0LDMuMTQsMCwwLDAsMzAuNTMsMzQuNDFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzEuNSw1NEEyLjU0LDIuNTQsMCwwLDAsNjksNTYuMzhhMi41LDIuNSwwLDEsMCw1LC4yMkEyLjUzLDIuNTMsMCwwLDAsNzEuNSw1NFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04MC4xNyw4LjgzSDIxLjA2QTEyLjY2LDEyLjY2LDAsMCwwLDguNCwyMS41VjgwLjZBMTIuNjYsMTIuNjYsMCwwLDAsMjEuMDYsOTMuMjdIODAuMTdBMTIuNjYsMTIuNjYsMCwwLDAsOTIuODMsODAuNlYyMS41QTEyLjY2LDEyLjY2LDAsMCwwLDgwLjE3LDguODNaTTMzLjM2LDY0LjE3YTQuNzQsNC43NCwwLDAsMC0yLjU2LjQzYy0yLjM3LDEuMzQtNC42NCwyLjg1LTcuMzMsNC41My40OS0yLjIzLjgxLTQuMTksMS4zOC02LjA3QTIuMzEsMi4zMSwwLDAsMCwyMy44LDYwYy04LjE4LTUuNzgtMTEuNjMtMTQuNDItOS0yMy4zMkMxNy4xNCwyOC40NiwyMywyMy40NiwzMSwyMC44NmMxMC44Ny0zLjU1LDIzLjA5LjA3LDI5LjcsOC43YTIwLjI5LDIwLjI5LDAsMCwxLDQuMjQsMTAuNzZjLTYuODEuMzYtMTIuNzQsMi40Mi0xNy41NSw3LjA5YTIwLjg1LDIwLjg1LDAsMCwwLTYuNDcsMTcuNjZDMzguMjIsNjQuNzQsMzUuOCw2NC4zOCwzMy4zNiw2NC4xN1ptNDgsMTEuMThjLTIuMSwxLjg3LTIuODYsMy40LTEuNTEsNS44NmE2LjY4LDYuNjgsMCwwLDEsLjQyLDEuNmMtMi4xNS0xLTQuMTMtMi40LTYuMjQtMi42MnMtNC4zMSwxLTYuNSwxLjIxYTIxLjcyLDIxLjcyLDAsMCwxLTE3LjYzLTUuNzVjLTkuNC04LjY5LTguMDYtMjIsMi44Mi0yOS4xNSw5LjY2LTYuMzMsMjMuODQtNC4yMiwzMC42NSw0LjU3Qzg5LjI3LDU4LjczLDg4LjU3LDY4LjkxLDgxLjMxLDc1LjM1WiIvPjwvc3ZnPg==);

box-sizing: border-box;

}


body{
    font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}
body:lang(zh-CN){
    font-family:"Microsoft YaHei", "微软雅黑","SimSun", "PingHei",sans-serif;
}
body:lang(zh-TW){
    font-family:"Microsoft JhengHei", "微軟正黑體", 'PMingLiU' , sans-serif;
}
body:lang(ko){
    font-family:"Malgun Gothic","Yoon Gothic","sans-serif";
}






small{
    display:block;
    font-size:0.8em;
}

header{
    height:33px;
    background:url(/wp-content/themes/smartconcierge/assets/images/common/smartConcierge_header.png) 50% 50% repeat-x;
    background-size:auto 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}
header h1{
    line-height:33px;
    text-align:center;
    color:#FFF;
    font-size:15px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    letter-spacing: 0.2em;
    font-weight: normal;
    margin:0;
}

#wrapper{
    padding-bottom:2em;
}

    #wrapper section.product-header{
        padding:4em 0.2em 0 0.2em;
    }

        #wrapper section.product-header h3,
        #wrapper section.product-header h2,
        #wrapper section.product-header h4{
            text-align:center;
            color:#222c58;
        }

        #wrapper section.product-header h3{font-weight:normal; font-size:4vmin;}
        #wrapper section.product-header h2{font-size:6vmin;line-height:1.2em;margin:0.4em 0;}
        #wrapper section.product-header h4{font-weight: normal;font-size:3vmin;}


section.product-detail{
    padding:3vmin 5vmin;
}
    section.product-detail *{
        color:#222c58;
    }
    section.product-detail h2{
        font-size:5vmin;
        padding:0.6em;
        text-align:center;
        border:1px solid #222c58;
        margin-bottom:0.6em;
    }
    section.product-detail p{
        line-height:1.5em;
        font-size:4.1vmin;
        letter-spacing: 0.01em;
    }
    section.product-detail p:lang(ja),
    section.product-detail p:lang(zh-CN),
    section.product-detail p:lang(zh-TW),
    section.product-detail p:lang(ko)
    {
        text-align:justify;
    }

    section.product-detail p:lang(en){
        letter-spacing: 0.02em;
    }


    section.product-detail dl{
        border-bottom:1px solid #222c58;
        padding: 0.6em 0;
    }

        section.product-detail dl dt{
            width:30%;
            font-size:4vmin;
        }
        section.product-detail dl dd{
            width:70%;
            font-size:4vmin;
        }


section.product-data{
    padding:1vmin 5vmin 10vmin 5vmin;
}
    h1.header-color{
        background-color:#771C22;
        color:#FFF;
        padding:0.4em 0.6em;
        font-size:4.3vmin;
    }

    p.food-list{

font-size: 3.8vmin;
color: #222c58;
text-align: justify;
padding-top: 1em;
line-height: 1.5em;
letter-spacing: 0.1em;

    }

    p.food-list:lang(en){
        text-align: left;
        letter-spacing: 0.02em;
    }
    p.food-list:lang(th){
        text-align: left;
        letter-spacing: 0.01em;
    }




    table.data-table{
        width:100%;
        color:#222c58;
    }
        table.data-table tr{
            border-bottom:1px solid #222c58;
        }
            table.data-table tr th,
            table.data-table tr td{
                font-weight: normal;
                text-align:left;
                line-height:1.4em;
                font-size:4vmin;
                padding-top:0.7em;
                padding-bottom:0.7em;
                padding-left:0.5em;
            }
            table.data-table tr th{
                width:40%;
                font-weight:bold;
            }
            table.data-table tr td{
                width:60%;
            }


section.product-data .slide-label{

}
    section.product-data .slide-label p.label{
        text-align:center;
        color:#222c58;
        line-height:1.5em;
        font-weight:600;
    }
    section.product-data .slide-label p.point{
        text-align:center;
        color:#222c58;
        line-height:1.5em;
    }
    section.product-data .slide-label p.pointer-area{
        background:url(/wp-content/themes/smartconcierge/assets/images/common/rail.svg) 50% 50% no-repeat;
        background-size:100% auto;
    }
    section.product-data .slide-label p.pointer-area span.circle{
            display:inline-block;
            background: #4C829A;
            color: #FFF;
            border-radius: 50%;
            text-align: center;
            width: 1.6em;
            height: 1.6em;
            line-height:1.6em;
            position:relative;
            font-size:4vmin;
    }
    section.product-data .slide-label span{
        font-size:3.5vmin;
        display:inline-block;
        line-height:1.5em;
    }


    .minus-5{left:calc(0% - 0.6em;)}
    .minus-4{left:calc(50% - (40% / 5)*4 - 1.6em)}
    .minus-3{left:calc(50% - (40% / 5)*3 - 1.6em)}
    .minus-2{left:calc(50% - (40% / 5)*2 - 1.6em)}
    .minus-1{left:calc(50% - (40% / 5)*1 - 1.6em);}
    .plus-0{ left:calc(50% - 0.8em); }
    .plus-1{left:calc(50% + (40% / 5)*1 );}
    .plus-2{left:calc(50% + (40% / 5)*2 );}
    .plus-3{left:calc(50% + (40% / 5)*3 );}
    .plus-4{left:calc(50% + (40% / 5)*4 );}
    .plus-5{left:calc(90% + 0.6em);}




    .icon-list span{
        width:25%;
        display: block;
    }
    .icon-list span img{
        width:100%;
        height:auto;
    }
    .icon-list p{
        width:73%;
        color:#222c58;
        padding:1em 0;
        font-size: 3.8vmin;
        line-height:1.7em;
    }



    .flex.split-3 > *{
        width:31.5%;

    }

    .temperature-list p{
        text-align:center;
        padding:0.6em 0;
        color:#222c58;
        border:1px solid #222c58;
        font-size: 4vmin;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .temperature-list p.active{
        color:#FFF;
        background-color:#222c58;
    }

    .type-list p{
        text-align:center;
        padding:0.6em 0;
        background-color:#E5E5E5;
        margin-top:0.7em;
        font-size:3.8vmin;
        line-height:1.2em;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    

    .type-list p:lang(en-US),
    .type-list p:lang(th){
        min-height:4.8em;
    }
    .type-list p:lang(zh-CN),.type-list p:lang(zh-TW),.type-list p:lang(ko){
        min-height:3.6em;
    }


    .type-list p.active{
        color:#FFF;
        background-color:#222c58;
    }


a.page-top{
    color:#FFF;
    background-color:#771C22;
    display:block;
    width:100%;
    padding:0.6em;
    text-align:center;
    position: relative;
    bottom: 33px;
}

a.page-top:after{
    content:"\02227";
    margin-left: 0.8em;
}

footer{
    height:33px;
    padding: 0;
    line-height:33px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;

}
    footer p.copyright{
        text-align:center;
        font-size:12px;
        line-height:33px;
        margin:0;
    }



/* swiper setting
********************************************/
.swiper-container{
    width:95vmin;
    height:95vmin;
    padding:10vmin 10vmin 10vmin 10vmin;
}


.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 8vmin;
    height: 8vmin;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    background-size: 8vmin 8vmin;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-slide-prev,.swiper-slide-next{
    opacity:0;
    transition: all 0.1s ease-out;
}
.swiper-slide-active{
    transition: all 0.1s ease-out;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATVJREFUeNrslzEPgjAQRtXIwKAJDGpkoAmQ2EH/PnNNJIERBhZG60AiJDow4OA3uWtP08S7iaXNy9273jFN03RiX8wmVgZjMRZjMRZjMRZj/SvWfO7EcbxYLD85+yWm7TaQcuc4zvXaWYHleX6SJL7vGWWaEMh1XVQtCAICAaiYABSGIapG46X5FavVGhohVZTtYnIYXSalNNSIEgvNjwyRaESGJYSIoohKIwIsNP/hsKfViOCV32zWP2B6G6uua6VU1/XWzcRhGIoiz/MCH9aN6r7vkLamacZxtG6DAJZSR621dYvN4zFWVXU6ZbTC0exb9/sNwpVlRSUc5QZxuei2bYUIzWc28XaKmkK4LMsMhfvKdopSQrjzWWNuWoT1ekSQNv7zYSzGYizGYizGYqxfxVOAAQAsGmWyKZHsiwAAAABJRU5ErkJggg==');
    left: 1vmin;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS1JREFUeNrs17EKgzAQBuC2xMGhgilEqKurBRcFC81j+wa+QoQ46GDBDgp2cLBDDwp9gPakR7l7gPCR+3NHtkVRbOjVbkOymMUsZjGLWcxi1t+x9nsviiIhHFosIQSwtL4cjyG5JjqOczrFeZ77viSXLc/zsixNksR1XUSWQDklCAIpZdu2TdM+Hguhlwg9hcCdzzlK4JAHBLQSApem2ZeBW2VuSelD4OI4/niIiPVmTxiGSikIXF3XtKb8K3Baa6UCcssHAnc4SCpNfNUwjMaY+32iwprn2ZjqduupRH5Zls+SviKr6zoAwVX9fvm8Y2StHceByk6Eu7G2vl47QqsaWoa1oXFYfd9XVfVljDBZ0zTB40eJERoLNGVZ8s+HWcxiFrOYxSxmEaunAAMALtJq7fGMrPoAAAAASUVORK5CYII=');
    right: 1vmin;
    left: auto
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 10px;
}

.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}


.swiper-pagination-bullet-active{
    opacity: 1;
    background: #333333;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 10px;
}


.sub-span{
    display:block;
    font-size:0.9em;
    margin-top:0.4em;
}


.back-search{
    text-align: center;
    padding: 0.6em;
    color: #222c58;
    border: 1px solid #222c58;
    font-size: 4vmin;
    display: flex;
    justify-content: center;
    align-items: center;
    width:80%;
    margin:3em auto;
    position:-webkit-sticky; position:sticky;
    bottom: 3.5em;
    background:#FFF;
    z-index:999;
}
.back-search::before{
    content:"\0ab";
    display:inline-block;
    margin-right:0.7em;
}
@media(min-width:500px){
    .back-search{
        font-size:16px;
        max-width:300px;
    }

}


/*******************************************************************
PC VIEW
********************************************************************/
@media(min-width:640px){
   #wrapper{
        max-width:640px;
        margin:0 auto;
    }
    .swiper-container{
        max-width:100%;
        width:640px;
        height:640px;
        padding: 30px;
    }

   #wrapper section.product-header h3{font-size: 20px;}

   #wrapper section.product-header h2{font-size: 26px;}  

   #wrapper section.product-header h4{font-size: 16px;}

    .swiper-button-next, .swiper-button-prev{
            width: 50px;
            height: 50px;
    }

    section.product-detail h2{
        font-size:26px;
    }

    section.product-detail p,.icon-list p,p.food-list{
        font-size:18px;
    }
    table.data-table tr th, table.data-table tr td{
        font-size:17px;
    }
    .temperature-list p,.type-list p{
        font-size:16px;
    }
    h1.header-color{
        font-size:21px;
    }
    section.product-detail dl dt,section.product-detail dl dd{
        font-size:20px;
    }
    section.product-data .slide-label span{
        font-size:20px;
    }
    section.product-data .slide-label p.pointer-area span.circle{
        font-size:22px;
    }





}
/********************************************************************/


.food-list img{
    max-width:100%;
    width:100%;
    margin-top:1.3em;
}



/*******************************************************************
焼酎追加分
********************************************************************/

header#shochu,header.shochu
{
    background:#623D09;
}

#top.shochu #wrapper section.product-header h3,
#top.shochu #wrapper section.product-header h2,
#top.shochu #wrapper section.product-header h4,
#top.shochu #wrapper section.product-detail *,
#top.shochu #wrapper section.product-detail dl,
#top.shochu #wrapper p.food-list,
#top.shochu #wrapper table.data-table,
#top.shochu #wrapper section.product-data .slide-label p.label,
#top.shochu #wrapper section.product-data .slide-label p.point,
#top.shochu #wrapper .icon-list p

{
    color:#534741 !important;
}

#top.shochu #wrapper section.product-detail h2
{
    border:1px solid #534741;
}

#top.shochu #wrapper table.data-table tr,
#top.shochu #wrapper section.product-detail dl
{
    border-bottom:1px solid #534741;
}


#top.shochu #wrapper h1.header-color,
#top.shochu #wrapper section.product-data .slide-label p.pointer-area span.circle
{
    background:#AD8D0D;
}

#top.shochu #wrapper .split-3:after{
    content:"";
    display:block;
    width: 33%;
    height:0;
}
#top.shochu #wrapper .split-3 > *{
    width:33%;
    box-sizing: border-box;
    margin-bottom:2px;
}
#top.shochu #wrapper p.point{
    text-align:center;
}

#top.shochu #wrapper section.product-data{
    padding:0.5em 5vmin 3em 5vmin;
}
#top.shochu #wrapper p{text-align:justify;}


#top.shochu #wrapper .recommend-list p{
        text-align:center;
        padding:0.6em 0;
        color:#534741;
        border:1px solid #534741;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
#top.shochu #wrapper .recommend-list p.active{
        color:#FFF;
        background-color:#534741;
    }
#top.shochu #wrapper .type-list p{
    margin-top:0;
        text-align:center;
        padding:0.6em 0;
        color:#808080;
        border:none;
        font-size: 3.6vmin;
        display: flex;
        justify-content: center;
        align-items: center;
    }
@media(min-width:640px){
    #top.shochu #wrapper .type-list p{font-size: 14px;}
}


#top.shochu #wrapper .type-list p.active{
        color:#FFF;
        background-color:#534741;
    }

#top.shochu a.page-top{
    background:#81643A;
}

    

/*******************************************************************
リキュール追加分
********************************************************************/



header.liqueur,header#liqueur
{
    background:#A97B1B;
}

#top.liqueur #wrapper section.product-header h3,
#top.liqueur #wrapper section.product-header h2,
#top.liqueur #wrapper section.product-header h4,
#top.liqueur #wrapper section.product-detail *,
#top.liqueur #wrapper section.product-detail dl,
#top.liqueur #wrapper p.food-list,
#top.liqueur #wrapper table.data-table,
#top.liqueur #wrapper section.product-data .slide-label p.label,
#top.liqueur #wrapper section.product-data .slide-label p.point,
#top.liqueur #wrapper .icon-list p

{
    color:#534741 !important;
}

#top.liqueur #wrapper section.product-detail h2
{
    border:1px solid #534741;
}

#top.liqueur #wrapper table.data-table tr,
#top.liqueur #wrapper section.product-detail dl
{
    border-bottom:1px solid #534741;
}


#top.liqueur #wrapper h1.header-color,
#top.liqueur #wrapper section.product-data .slide-label p.pointer-area span.circle
{
    background:#ECA200;
}


#top.liqueur #wrapper section.product-data{
    padding:0.5em 5vmin 3em 5vmin;
}
#top.liqueur #wrapper p{text-align:justify;}


#top.liqueur #wrapper .recommend-list p{
        text-align:center;
        padding:0.6em 0;
        color:#534741;
        border:1px solid #534741;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
#top.liqueur #wrapper .recommend-list p.active{
        color:#FFF;
        background-color:#534741;
    }
#top.liqueur #wrapper .type-list p{
    margin-top:0;
        text-align:center;
        padding:0.6em 0;
        color:#808080;
        border:none;
        font-size: 3.6vmin;
        display: flex;
        justify-content: center;
        align-items: center;
    }
@media(min-width:640px){
    #top.liqueur #wrapper .type-list p{font-size: 14px;}
}


#top.liqueur #wrapper .type-list p.active{
        color:#FFF;
        background-color:#534741;
    }



#top.liqueur a.page-top{
    background:#81643A;
}

#top.liqueur #wrapper .flex.split-2 > *{ width: calc( ( 100% - 10px ) / 2 );margin-bottom:3px; }
#top.liqueur #wrapper .flex.split-3 > *{ width: calc( ( 100% - 10px ) / 3 ); margin-bottom:3px;}
#top.liqueur #wrapper .flex.split-4 > *{ width: calc( ( 100% - 10px ) / 4 );margin-bottom:3px; }
#top.liqueur #wrapper .flex.split-5 > *{ width: calc( ( 100% - 10px ) / 5 );margin-bottom:3px; }
#top.liqueur #wrapper .flex.split-6 > *{ width: calc( ( 100% - 10px ) / 6 );margin-bottom:3px; }
#top.liqueur #wrapper .flex.split-7 > *{ width: calc( ( 100% - 10px ) / 7 ); margin-bottom:3px;}

#top.liqueur #wrapper .flex.split-3:after{content:"";height:0px;width: calc( ( 100% - 10px ) / 3 ); margin-bottom:3px;}
#top.liqueur #wrapper .flex.split-4:after{content:"";height:0px;width: calc( ( 100% - 10px ) / 2 );margin-bottom:3px; }
#top.liqueur #wrapper .flex.split-5:after{content:"";height:0px;width: calc( ( 100% - 10px ) / 5 );margin-bottom:3px; }
#top.liqueur #wrapper .flex.split-6:after{content:"";height:0px;width: calc( ( 100% - 10px ) / 6 );margin-bottom:3px; }
#top.liqueur #wrapper .flex.split-7:after{content:"";height:0px;width: calc( ( 100% - 10px ) / 7 ); margin-bottom:3px;}