@charset "UTF-8";
/* CSS Document ---------------------------------------------------------------------------------------------------------------- */
/* (C)advista */
/* Default Style Reset --------------------------------------------------------------------------------------------------------- */
body,form,fieldset{margin: 0px;padding: 0px;}
fieldset          {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd{}
li                {list-style:none;}
input,textarea    {font-size: 1em;}
img{border: 0px none;margin: 0;padding: 0;vertical-align: bottom;}
html{height: 100%;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
body              {font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                   font-size: 80%;line-height: 150%;height: 100%;}
em                {font-weight: normal;font-style: normal;}
strong            {}
a                 {text-decoration: underline;color: #000;}
a:link            {}
a:hover           {text-decoration: none;}
a:visited         {}
a:active          {}

/* stage */
#stage                     {width: 100%;height: 100%;margin: 0;padding: 0;display: block;position: relative;left: 0;top: 0;overflow: hidden;}
#stage:after               {content: "";height: 0;clear: both;visibility: hidden;display: block;}

/* Header -------------------------------------------------------------------------------------------------------------------- */
#Header                    {width: 100%;height: 86px;margin: 0;padding: 20px 0 0;display: block;background-color: #fff;}

#Header .container         {width: 960px;height: auto;margin: auto;display: block;}
#Header .container:after   {content: "";height: 0;clear: both;visibility: hidden;display: block;}

#SiteId h1 a               {width: 490px;height: 60px;display: block;background: url(../img/siteid_palemohd.gif);float: left;text-indent: -999em;}
#HeadLink                  {width: 184px;height: 20px;margin: 16px 0px 0px 0px;display: block;float: right;}
#HeadLink .Li01 a          {width:  90px;height: 20px;margin:  0px 4px 0px 0px;display: block;background: url(../img/home_btn.gif);float: left;text-indent: -999em;}
#HeadLink .Li01 a          {background-position:    0px    0px;}
#HeadLink .Li01 a:hover    {background-position:    0px  -20px;}
#HeadLink .Li02 a          {width:  90px;height: 20px;margin:  0px 0px 0px 0px;display: block;background: url(../img/contact_btn.gif);float: left;text-indent: -999em;}
#HeadLink .Li02 a          {background-position:    0px    0px;}
#HeadLink .Li02 a:hover    {background-position:    0px  -20px;}

/* main-image */
#main-image                {width: 100%;height: auto;display: block;background-color: #fff;}
#main-image:after          {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.image                     {width: 100%;height: auto;background-size: cover;background-position: center top;background-repeat: no-repeat;}
.image img                 {width: 100%;}
.image p                   {width: 960px;height: auto;margin: auto;padding: 26% 0 0;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 50px;line-height: 70%;}
.image p span              {display: block;font-size: 20px;}

/*
.image1                    {background-image: url(../img/main/170829/main01.jpg);}
.image2                    {background-image: url(../img/main/170829/main02.jpg);}
.image3                    {background-image: url(../img/main/170829/main03.jpg);}
.image4                    {background-image: url(../img/main/170829/main04.jpg);}
*/

.swiper-container          {width: 100%;height: 100%;}
		
		
/* nav */
nav                        {width:  100%;height: 51px;margin: 0;padding: 0;display: block;border-bottom: solid 1px #000;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 100;}
#navigation                {width: 960px;height: 50px;margin: auto;}
#navigation li             {width: 192px;height: 50px;margin: 0;display: inline;float: left;text-align: center;font-weight: bold;line-height: 120%;font-size: 16px;}
#navigation li span        {display: block;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 11px;}
#navigation li a           {padding: 8px 0 0;display: block;text-decoration: none;}

.fixed                     {height: 51px;position: fixed;top: 0;z-index: 100;background: #fff;}

/* cont-body -------------------------------------------------------------------------------------------------------------- */
#cont-body                 {width: 960px;height: auto;margin: auto;padding: 50px 0;display: block;}
#cont-body:after           {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#cont-body h2.ico          {width:  100%;height: auto;margin: 0 0 10px;padding: 0 0 0 12px;display: block;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 15px;
                            background: url(../img/ico_maru.gif) no-repeat left 4px;border-bottom: solid 1px #000;}
#cont-body .left           {float: left;}
#cont-body .right          {float: right;}
#cont-body .box            {width: 300px;height: auto;margin: 0 0 20px;padding: 20px;display: block;border: solid 1px #000;}
#cont-body .box:after      {content: "";height: 0;clear: both;visibility: hidden;display: block;}

/* bn-box */
#bn-box                    {width: 960px;height: auto;margin: 0 0 30px 0;padding: 0;display: block;}
#bn-box:after              {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#bn-box li                 {margin: 0 30px 0 0;display: inline;float: left;}
#bn-box li:last-child      {margin: 0;}
#bn-box li a               {display: block;}
#bn-box li a:hover         {filter: alpha(opacity=50);  -moz-opacity:0.50;  opacity:0.50;}

/* BrandList */
#BrandList                 {width: 630px;height: auto;margin: 0 0 20px;padding: 0;display: block;}
#BrandList:after           {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#BrandList h3              {width: 80px;height: 30px;margin: 0;padding: 7px 0 0 0;display: block;float: left;background-color: #a1a1a1;
                            text-align: center;color: #fff;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 15px;}
#BrandList ul              {width: 550px;height: auto;margin: 0;padding: 0 0 10px 30px;display: block;float: right;}

#BrandList #ListA          {width: 100%;height: auto;margin: 0 0 20px;padding: 0;display: block;border-bottom: dotted 1px #CCCCCC;}
#BrandList #ListA:after    {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#BrandList #ListZ          {width: 100%;height: auto;margin: 0px 0px  0px 0px;padding: 0;display: block;}
#BrandList #ListZ:after    {content: "";height: 0;clear: both;visibility: hidden;display: block;}

#BrandList li              {width: 120px;height: 40px;margin: 0px 8px 0px 0px;padding: 0px;float: left;}
#BrandList li a            {display: block;}
#BrandList li a:hover      {filter: alpha(opacity=50);  -moz-opacity:0.50;  opacity:0.50;}


/* OnlineShop */
#OnlineShop                {width: 630px;height: auto;margin: 0;display: block;}
#OnlineShop .list          {width:  100%;height: auto;margin: 0 0 10px;padding: 0 0 10px;display: block;border-bottom: solid 1px #999;}
#OnlineShop .list:after    {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#OnlineShop .list li       {display: inline;float: left;}
#OnlineShop .list .mr      {margin: 0 4px 4px 0;}
#OnlineShop .list .mtrl    {margin: 4px 4px 4px 170px;}
#OnlineShop .list .mtr     {margin: 4px 4px 4px 0;}
#OnlineShop .list li:nth-of-type(5){margin: 0 4px 0 170px;}
#OnlineShop .list .m-none  {margin:  0 0 4px;}
#OnlineShop .table         {display: table; }
#OnlineShop .list dt       {display: table-cell;vertical-align: middle;}
#OnlineShop .list dd       {width: 460px;}
#OnlineShop .list dd ul    {margin: 10px 0 0;display: flex;justify-content:flex-start;}
#OnlineShop .list dd ul li {text-align: justify;}
#OnlineShop .list dd ul li:first-child{margin: 0 15px 0 0;}

/* Members */
#Members                   {width: 300px;height: 80px;margin: 10px 0px 0px 0px;display: block;}
#Members:after             {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#Members h2                {width:  100%;height: auto;margin: 0 0 5px;padding: 0 0 0 12px;display: block;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 15px;
                            background: url(../img/ico_maru.gif) no-repeat left 4px;}
#Members .text             {margin: 0 0 10px;font-size: 12px;}
#Members .pict             {margin: 0 0 10px;}
#Members .btn a            {width: 60%;height: 40px;margin: auto;padding: 10px 0 0 0;display: block;text-decoration: none;border: solid 1px #000;text-align: center;font-size: 13px;font-weight: bold;}
#Members .btn a:hover      {background-color: #000;color: #fff;}

/* Palemoba */
#Palemoba h2               {margin: 0 0 5px;text-align: center;}
#Palemoba .text            {margin: 0 0 12px;padding: 0 0 5px;font-size: 12px;font-feature-settings : "palt";border-bottom: solid 1px #000;}
#Palemoba .pict            {margin: 0 0 10px;}
#Palemoba .btn a           {width: 100%;height: 40px;margin: auto;padding: 10px 0 0 0;display: block;text-decoration: none;
                            border: solid 1px #000;text-align: center;font-size: 13px;font-weight: bold;color: #fff;background-color: #000;}
#Palemoba .btn a:hover     {background-color: #fff;color: #000;}


#ri                        {width: 630px;height: auto;margin: 0px 0px 20px 0px;}

/* FootWrapper --------------------------------------------------------------------------------------------------------------- */
#FootWrapper               {width: auto;height: auto;margin: 20px 0px 0px 0px;padding: 20px;display: block;
                            border-top: solid 1px #a6a6a6;clear: both;}
#FootWrapper:after         {content: "";height: 0;clear: both;visibility: hidden;display: block;}

/* Footer -------------------------------------------------------------------------------------------------------------------- */
#Footer                    {width: 960px;height: auto;margin: 0px auto;padding: 0px 0px 20px 0px;display: block;color: #000000;clear: both;}
#Footer:after              {content: "";height: 0;clear: both;visibility: hidden;display: block;}

/* Footer[ie6] */
*html #Footer              {width: 960px;height: auto;margin: 0px auto;padding: 0px 0px 20px 0px;display: block;clear: both;text-align: left;}

/* FootLeft */
#FootLeft                  {width: 310px;height: auto;display: block;float: left;clear:both;}
#FootLeft li               {clear:both;}
#FootLeft:after            {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#FootLeft li address       {margin: 4px 0px 0px 0px;font-size: 10px;font-style: normal;}
#FootLeft em               {font-size: 16px;padding: 10px 0px 0px 0px;display: block;float: left;}

/* FootRight*/
#FootRight                 {width: 630px;height: auto;display: block;float: right;}
#FootRight:after           {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#FootRight li              {margin: 0px 0px 0px 5px;display: inline;float: right;font-size: 11px;}
#FootRight li a            {color: #000000;text-decoration: none;}
#FootRight li a:hover      {color: #666666;text-decoration: underline;}

/* FootId */
#PalemoHdId                {width: 135px;height: 45px;margin: 0px 0px 0px 0px;display: block;float: left;
                            background: url(../img/palemohdid.gif) no-repeat;text-indent: -999em;}


#PalemoId                  {width: 135px;height: 45px;margin: 0px 0px 0px 0px;display: block;float: left;
                            background: url(../img/foot/foot_id.gif) no-repeat;text-indent: -999em;}

#UnyId        a            {width: 185px;height: 45px;margin: 0px 0px 0px 0px;display: block;float: left;
                            background: url(../img/foot/palmocoid.gif) no-repeat;text-indent: -999em;}


#info-box                  {width: 960px;height: auto;margin: 0px 0px 30px 0px;}
.apple                    {display: none;}
.and                 {display: none }

.iphone .pc, .iphone .pc, .ipad .pc, .ipod .pc{display: none;}
.iphone .apple, .iphone .apple, .ipad .apple, .ipod .apple{display: block;}

.android  .pc {display: none;}
.android .and {display: block;}

#expo                  {width: 630px;margin: 20px 0 10px;}
#expo ul               {display:flex;    display: flex;
    justify-content: space-between;}
#expo li               {width: 49%;}
#expo a:hover                {opacity: 0.8; }
#expo li img           {width: 100%;  }

#cont-body  #expo02                {margin: 20px 0 20px;}
#expo02 h2                           {    width: 100%;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0 0 0 12px;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 15px;
    background: url(../img/ico_maru.gif) no-repeat left 4px;}
#expo02 .center                {text-align: center; }
#expo02 a:hover{opacity: 0.8; }
#expo02 .text  {margin: 0 0 10px;}


@media screen and (max-width: 1390px) {
/* 1390pxpx以下用の記述 */
/* stage */
#stage                     {width: 100%;height: auto;margin: 0;padding: 0;display: block;position: static;}

/* nav */
nav                        {width:  100%;height: 51px;margin: 0;padding: 0;display: block;border-bottom: solid 1px #000;background: #fff;position: static;}

}

@media screen and (max-width: 414px) {
/* 414pxpx以下用の記述 */
/* cont-body -------------------------------------------------------------------------------------------------------------- */
#cont-body                 {margin: 0;}

/* FootWrapper --------------------------------------------------------------------------------------------------------------- */
#FootWrapper               {width: 960px;padding: 20px 0;}

}