@charset "utf-8";





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● トップページ専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.InBox{
  display:inline-block;

}
/*フォント共通*/
.FontSizeXL{
  font-size:350%;
  font-weight:600;
}
.FontSizeLL{
  font-size:250%;
  font-weight:600;
}
.FontSizeL{
  font-size:240%;
  font-weight:600;
}

.FontSizeFF{
  font-size:170%;
  font-weight:600;
}

.FontSizeF{
  font-size:150%;
  font-weight:600;
}
.FontSizeM{
  font-size:120%;
  font-weight:500;
}

.FontSizeS{
  font-size:110%;
  font-weight:500;
}

.FontSizeSubCopy{
  font-size:150%;
  line-height:1.5;
}
.FontSizeSubCopy span.UnderLine{
  font-weight:600;
  background: url(../img/top/image-gaiyo-02.png)no-repeat left bottom;
  border-bottom:0px solid Yellow;
}

/*フォント共通*/
/* + + + + + /レスポンシブ + + + + +  */

body.rsbp-under-bp2 .FontSizeXL{
  font-size:260%;
  font-weight:600;
}
body.rsbp-under-bp2 .FontSizeLL{
  font-size:240%;
  font-weight:600;
}
body.rsbp-under-bp2 .FontSizeL{
  font-size:220%;
  font-weight:600;
}

body.rsbp-under-bp2 .FontSizeFF{
  font-size:170%;
  font-weight:600;
}

body.rsbp-under-bp2 .FontSizeF{
  font-size:150%;
  font-weight:600;
}
body.rsbp-under-bp2 .FontSizeM{
  font-size:120%;
  font-weight:500;
}

body.rsbp-under-bp2 .FontSizeS{
  font-size:100%;
  font-weight:500;
}

body.rsbp-under-bp2 .FontSizeSubCopy{
  font-size:150%;
  line-height:1.5;
}

/*bp3*/
body.rsbp-under-bp3 .FontSizeXL{
  font-size:200%;
  font-weight:600;
}
body.rsbp-under-bp3 .FontSizeLL{
  font-size:180%;
  font-weight:600;
}
body.rsbp-under-bp3 .FontSizeL{
  font-size:170%;
  font-weight:600;
}

body.rsbp-under-bp3 .FontSizeFF{
  font-size:140%;
  font-weight:600;
}

body.rsbp-under-bp3 .FontSizeF{
  font-size:110%;
  font-weight:600;
}
body.rsbp-under-bp3 .FontSizeM{
  font-size:100%;
  font-weight:500;
}

body.rsbp-under-bp3 .FontSizeS{
  font-size:90%;
  font-weight:500;
}

body.rsbp-under-bp3 .FontSizeSubCopy{
  font-size:115%;
  line-height:1.6;
}

/*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 330px) {


body.rsbp-under-bp3 .FontSizeXL{
  font-size:180%;
  font-weight:600;
}
body.rsbp-under-bp3 .FontSizeLL{
  font-size:150%;
  font-weight:600;
}
body.rsbp-under-bp3 .FontSizeL{
  font-size:150%;
  font-weight:600;
}

body.rsbp-under-bp3 .FontSizeFF{
  font-size:120%;
  font-weight:600;
}

body.rsbp-under-bp3 .FontSizeF{
  font-size:110%;
  font-weight:600;
}
body.rsbp-under-bp3 .FontSizeM{
  font-size:100%;
  font-weight:500;
}

body.rsbp-under-bp3 .FontSizeS{
  font-size:90%;
  font-weight:500;
}

body.rsbp-under-bp3 .FontSizeSubCopy{
  font-size:105%;
  line-height:1.6;
}

}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*display*/
.DisB{
  display:block;
}

.ColorSky{
  color:#2a8dff;
}
.ColorRB{
  color:#ca4638;
}
.ColorGreen1{
  color:#498e19;
}

.TextCenter{
  text-align:center;
}
.TextLeft{
  text-align:left;
}

.ButtonBrown{
  background:#6b3906!important;
  cursor:pointer;
}

.ButtonRed{
  background:#ff4c39!important;
  cursor:pointer;
}

body.rsbp-over-bp2 .SpItem{
  display:none!important;
}

body.rsbp-under-bp2 .PcItem{
  display:none;
}

body.rsbp-over-bp3 .SpItem.Type2{
  display:none;
}
body.rsbp-under-bp3 .SpItem.Type2{
  display:block;
}
body.rsbp-under-bp3 .PcItem.Type2{
  display:none;
}
body.rsbp-over-bp3 .PcItem.Type2{
  display:block;
}
              
              
              
              
              body.rsbp-under-bp3 {

              }

/*FirstArea */


.FirstArea{
  background: url(../img/top/bg_top_main.png) no-repeat top center;
  background-size:100% auto;
}

/*710+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 710px) {


}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*メニュー*/
.MenuBlock{
  width: -webkit-calc(100% + 40px);
  width:         calc(100% + 40px);
  margin:0 -20px;
  z-index:500;
  height:3em;
}


.MenuBlock .MenuItem{

}
.MenuBlock .MenuItem .LinkName{
  text-align:center;
  position:relative;
  
}



.MenuBlock .MenuItem .LinkName .HoverButton,
.MenuBlock .MenuItem .LinkName > a{
  background:#ffb3cb;
  color:#222;
  display:block;
  text-decoration:none;
  cursor:pointer;
  line-height:1.2em;
  padding-top:0.3em;
  padding-bottom:1.2em;
}
.MenuBlock .MenuItem .LinkName .HoverButton:hover,
.MenuBlock .MenuItem .LinkName a:hover{
  background:#222;
  color:#fff;
  display:block;
}
.MenuBlock .MenuItem .LinkName .HoverButton::before,
.MenuBlock .MenuItem .LinkName > a::before{
  position:absolute;
  content: "▼";
  bottom:0.1em;
  display:inline-block;
  left:50%;
  font-size:1em;
  margin-left:-0.5em;
}

.MenuBlock .MenuItem .LinkName.Select{

}

.MenuBlock .MenuItem .LinkName.Select .HoverButton,
.MenuBlock .MenuItem .LinkName.Select > a{
  background:#222;
  color:#fff;
}
.MenuBlock .MenuItem span{

}

.MenuBlock .MenuItem .LinkName1{
  width:45%;
  float:left;

}
.MenuBlock .MenuItem .LinkName2{
  width:25%;
  float:left;
  
}
.MenuBlock .MenuItem .LinkName3{
  width:30%;
  float:left;
}

.MenuBlock .MenuItem .LinkName1 .HoverItem{
  position:absolute;
  visibility: hidden;
  background: rgba(249,241,232,0.9);
  padding:20px;
  
  
}
.MenuBlock .MenuItem .LinkName1:hover .HoverItem{
  visibility: visible;
  display:block;
  position:absolute;
  top:2.7em;
  left:0;
  width:auto;

}

.HoverItem ul{

  list-style:none;
  position: relative;

}
.HoverItem ul li{
  position: relative;
  margin:2px 0;
  text-align:left;
  
}
.HoverItem ul li a{
  display:block;
  background: rgba(255,255,255,0.9);
  line-height:1.5;
  padding:2px 10px;
  text-decoration:none;
  color:#333;
  font-size:1em;
}
.HoverItem ul li a:hover{
  
}


.HelpBTN{
  position:relative;
}

.HelpBTN .Popup{
  display:none;
  position:absolute;
  top:-25px;
  left:50%;
  margin-left: -35px;
  z-index:100;
  position: absolute;
}
.balloon{
    position:relative;
    min-width:70px;
    background:#FFFFF7;
    padding:2px;
    text-align:center;
    border:1px solid #E1375E;
    color:#E1375E;
    font-size:0.6em;
    white-space:nowrap;
    display:inline-block;
    line-height:1.2;
}
.balloon:after,.balloon:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.balloon:after{
    border-color: rgba(255, 255, 247, 0);
    border-top-width:8px;
    border-bottom-width:8px;
    border-left-width:8px;
    border-right-width:8px;
    margin-left: -8px;
    border-top-color:#FFFFF7;
}
.balloon:before{
    border-color: rgba(225, 55, 94, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:8px;
    border-right-width:8px;
    margin-left: -8px;
    margin-top: 0px;
    border-top-color:#E1375E;
}


.HelpBTN:hover .Popup{
  display:block;
}

/*個別設定*/

.headerName{
  background: url(../img/top/bg_top_head.png) no-repeat 50% 40%;
  background-size:100% auto;
  text-align:center;
  height:7.2em;
  max-height:142px;
}
.ImgSet{}
.ImgSet img{
  width:100%;
  max-width:100%;
  display:block;
  margin:0 auto;
}

.headerName .Main{
  padding:2vw 0 2.7vw 0;
  display:inline-block;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 710px) {

.headerName .Main{
  padding:14.5px 0 19.56px 0;
  display:inline-block;
}
            
}/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/





.headerName .Main img{

}

.headerLogo{
  margin-left:50%;
}
.headerLogo img{

}

.headerPr{
 
}
.headerPr img{
  width:90%;
  max-width:646px;
}

.FirstPRBlock{
  margin-top:-5%;
}
.FirstPRBlock .FirstPRimg{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffde+4,ffffde+93,ffffde+93&0+5,1+85 */
  background: -moz-linear-gradient(top,  rgba(255,255,222,0) 4%, rgba(255,255,222,0) 5%, rgba(255,255,222,1) 85%, rgba(255,255,222,1) 93%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,222,0) 4%,rgba(255,255,222,0) 5%,rgba(255,255,222,1) 85%,rgba(255,255,222,1) 93%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,222,0) 4%,rgba(255,255,222,0) 5%,rgba(255,255,222,1) 85%,rgba(255,255,222,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffde', endColorstr='#ffffde',GradientType=0 );*/ /* IE6-9 */
}
.FirstPRBlock .FirstPRimg img{
  width:90%;
}

.FirstPRBlock .FirstPRText{
  background:#ffffde;
  padding:10px 10px 15px 10px;
}
.FirstPRBlock .FirstPRText > p{
  width:95%;
  max-width:650px;
  margin:0 auto;
  font-size:100%;
}
.FirstPRBlock .FirstPRText > p strong{
  color:#e1345c;
  font-size:120%;
  background: url(../img/top/line_red_d.png) no-repeat bottom center;
  background-size:100% auto;
}





/*商品ラインナップ*/
.LineupArea{
  background:#f9f1e8;
  padding:0 20px;
}
.LineupArea .MenuBlock{
  z-index:480;
}
.LineupArea .SliderBlock{
  position: relative;
  z-index:0;
  width:90%;
  margin:0 auto;
}
.bx-wrapper .bx-prev {
  left: -35px;
}
.bx-wrapper .bx-next {
  right: -35px;
}

.LineupArea .ProductsBlock{

}
.LineupArea .ProductsBlock .InfoGrandPrixItem{
  text-align:center;
}
.LineupArea .ProductsBlock .InfoGrandPrixItem .ImageItem{
  display:inline-block;
  vertical-align:middle;
  width:30%;
}
.LineupArea .ProductsBlock .InfoGrandPrixItem .ImageItem img{
  width:100%;
  max-width:200px;
}
.LineupArea .ProductsBlock .InfoGrandPrixItem .TextItem{
  display:inline-block;
  vertical-align:middle;
  text-align:left;
  color:#c25a25;
  font-weight:bold;
  width:65%;
}
.LineupArea .ProductsBlock .InfoGrandPrixItem .TextItem span{
  color: #e1345c;
}

.LineupArea .ProductsBlock .Paragraph{
  background:#fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.4);
  margin:20px auto;
  padding:1em;
}


.DefaultBlock .ParagraphHeader{
  text-align:center;
  position:relative;
  padding-bottom:1.0em;
  margin-bottom:1.0em;
}
.DefaultBlock .ParagraphHeader::before{
  position:absolute;
  content: "";
  height: 2px;
  left:50%;
  bottom:0;
  width:4em;
  margin-left:-2.0em;
  background:#beab99;
}

.DefaultBlock .ParagraphHeader .Heading{
  margin-right:0;
}


.DefaultBlock .ParagraphHeader .TitleNum img{
  height:2em;
  width:auto;
  margin:0.5em 0;
}



.DefaultBlock .ParagraphHeader .Main{
  font-size:1.6em;
}
.DefaultBlock .ParagraphHeader .Sub{
  font-size:1.1em;
}


.ProductsBlock .ParagraphContents .ImageItem{
  width:30%;
  float:left;
}
.ProductsBlock .ParagraphContents .ImageItem img{
  
}
.ProductsBlock .ParagraphContents .PriceTag,
.ProductsBlock .ParagraphContents .TextItem{
  width:70%;
  float:right;
}
.SubItem .ParagraphContents .TextItem{
  width:100%;
  float:none;
}

.ProductsBlock .ParagraphContents .TextItem .TokushokuImage{
  
}
.TokushokuTable table{
  width:100%;
  border-collapse: separate;
  max-width:350px;
  margin:10px auto;
}
.TokushokuTable table tbody td{
  text-align:center;
   padding:0;
}
.TokushokuTable table .HelpIcon  img{
  max-width:60px;
}

                            body.rsbp-under-bp2 .TokushokuTable table .HelpIcon  img{
                               max-width:40px;
                            }


.TokushokuTable table tbody .TextIcon{
  background:#e1345c;
  color:#fff;
  padding:0.05em 0.2em;
  line-height:1.3;
  font-size:0.7em;
  white-space:nowrap;
  min-width:5em;
}
.TokushokuTable table tbody .TextIconG{
  background:#008080;
  color:#fff;
  padding:0.05em 0.2em;
  line-height:1.3;
  font-size:0.7em;
  white-space:nowrap;
  min-width:5em;
}
.PriceTag{
  font-size:1.4em;

}
.PriceTagTitle{
  display:block;
  font-size:0.65em;
  padding-left:10%;
}
.PriceTagPrice{
  display:inline-block;
  position:relative;
  padding-left:10%;
  font-size:88%;
}
/*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 320px) {

.PriceTagPrice{
  display:inline-block;
  position:relative;
  padding-left:10%;
  font-size:80%;
}
            
}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.PriceTagPrice.Small{
  font-size:0.65em;
}

.PriceTagPrice span{
  vertical-align:middle;
  display:inline-block;
}

.PriceTagPrice::before{
  position:absolute;
  content: "";
  height: 1px;
  left:5%;
  bottom:0.7em;
  width:90%;
  background:#333;
}

.RedPrice.PriceTag .PriceNum{
  font-family: 'Open Sans', sans-serif;
  font-size: 110%;
  line-height:1.0;
}
.PriceTag .Zeikomi{
  font-size:50%;

}

.RedPrice{
  border-top:1px solid #f62846;
  border-bottom:1px solid #f62846;
  color:#f62846;
  font-weight:bold;
  font-size:1.30em;
  padding:0.2em 0;
  margin-top:0.15em;
  text-align:center;
}
            
/*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 320px) {

.RedPrice{
  border-top:1px solid #f62846;
  border-bottom:1px solid #f62846;
  color:#f62846;
  font-weight:bold;
  font-size:1.20em;
  padding:0.2em 0;
  margin-top:0.15em;
  text-align:center;
}
            
}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.RedPrice span{
  display:inline-block;
  vertical-align:middle;
}
.RedPrice .Souryou img{
  width:1.2em;
  vertical-align:middle;
}
.UseTag{

  margin:10px auto;
}

.UseTag .IconUse{
  width:50px;
  display:inline-block;
  vertical-align:middle;
}
.UseTag .IconUse img{
  width:50px;
}
.UseTag .TextComment{

  display:inline-block;
  vertical-align:middle;
      width: -webkit-calc(100% - 60px);
      width:         calc(100% - 60px);
  font-size:.7em;
}

.Tokushoku{
  list-style:none;
  margin:0.5em;
}
.Tokushoku > li{
  background: url(../img/top/icon_check.png)no-repeat top left;
  background-size:2em;
  padding:0.25em 0 0.75em 2.0em;
}


/* Type3 :::::::::::::::::::::::::  */
.Heading.Type3 {
  font-size: 135%;
  position: relative;
  padding: 0.375em 0px;
  margin: 1.5em 0 0.5em;
}
    .Heading.Type3::before{
      content: "";
      height:  3px;
      width: 100%;
      display: block;
      position: absolute;
      background: #ccc;
      width: 100%;
      left:0;
      bottom:0px;
    }
    .Heading.Type3::after{
      content: "";
      width: 0.25em;
      display: block;
      position: absolute;
      background: #777;


      -webkit-transition: all .2s;
              transition: all .2s;
      left: 0;
      height:3px;
      width: 90px;
      bottom:0;
      
    }


/* Type6 :::::::::::::::::::::::::  */
.Heading.Type6{
  font-size: 1.3em;
  position: relative;
  font-weight:normal;
  margin: 1em 0 0.5em;
  width:100%;
  padding: 0.3em 0.8em;
  color:#fff;
  background:#c5ab7a;
  text-align:center;
  line-height:1.2;
}


.TokushokuPlus{
  margin:0.5em;
  margin-left: 1.0em;
}
.TokushokuPlus li{
  padding:0.25em 0 0.75em 0;
}
.TokushokuPlus li strong{
  color:#e1345c;
  font-size:130%;
  position:relative;
  font-weight:normal;
  position:relative;
}
.TokushokuPlus li strong::before{
  position:absolute;
  content: "";
  left:0;
  bottom:0;
  width:100%;
  /*background: url(../img/top/line_yellow_s.png)no-repeat top left;
  background-size: 100% auto;*/
  background:rgba(255,255,0,0.6);
  display: inline-block;
  height: 0.25em;
  border-radius:2px;
}

.TokushokuSmall{
  margin: 0.5em;
  margin-left: 1.0em;
}
.TokushokuSmall li{
  font-size:0.8em;
  padding: 0.25em;
}

.TokushokuKaisetsu{

}
.TokushokuKaisetsu p{
  margin-bottom:0.5em;
}

.TokushokuAlart{
  border:1px solid #fa788c;
  background:#fff2f3;
  color:#fa788c;
  margin:15px 0;
  padding:0.8em;
}
.TokushokuAlart p{
  margin-bottom:0.5em;
}
 

/*ユーザー*/
.UserArea{
  background: #e8f1e3;
  padding: 0 20px 20px 20px;
}
.UserArea .MenuBlock{
  z-index:470;
}
.UserArea .UsersVoiceBlock{
  background:#fff url(../img/top/bg_voice_top.png)no-repeat 50% -0.5em;
  background-size:100% auto;
  box-shadow: 0 2px 5px rgba(0,0,0,0.4);
  margin:20px auto;
  padding:1em;
  padding-top: 3.1em;
}

.UserArea .UsersVoiceBlock .Paragraph{

}

.UserArea .UsersVoiceBlock .Paragraph .TitleNum{
  margin-bottom:2.9em;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 750px) {

.UserArea .UsersVoiceBlock .Paragraph .TitleNum{
  margin-bottom:2.0em;
}
            
}/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.GreetingItem .ParagraphContents{
  text-align:center;
}
.GreetingItem .ParagraphContents .Main{
  background: url(../img/top/image_question.png)no-repeat 0 50%;
  background-size: 2em auto;
  margin:0 auto;
  padding-left:2.2em;
  font-size:1.6em;
  padding-top:1em;
  padding-bottom:1em;
  color:#248874;
  display:inline-block;
  font-weight:normal;
}

.UsersVoiceItem .ParagraphContents{
  text-align:center;
}
.UsersVoiceItem .ParagraphContents .Main{
  background: url(../img/top/image_answer.png)no-repeat 0 50%;
  background-size: 1.8em auto;
  margin:0 auto;
  padding-left:2.0em;
  font-size:1.6em;
  padding-top:0.8em;
  padding-bottom:0.8em;
  color:#754c24;
  display:inline-block;
  font-weight:normal;
}

.TextIconItem{
  list-style:none;
}
.TextIconItem li{
  display:inline-block;
  font-size:0.7em;
  padding:0.1em 0.5em;
  margin:0.25em 0.1em;
}
.TextIconItem .ItemNameLi{
  color:#fff;
  background:#80983f;
}
.TextIconItem .TextIcon{
  color:#fff;
  background:#e1345c;
}
.GreetingItem .ParagraphContents > p{
  text-align:left;
}
.UsersVoiceItem .UserText{
  border-bottom:1px dashed #178b56;
}
.UsersVoiceItem .UserText > p{
  text-align:left;
  padding:1em 0;
}
.GreetingItemBottom{
  background: url(../img/top/bg_voice_under.png)no-repeat bottom center;
  background-size: 100% auto;
  width: -webkit-calc(100% + 2em);
  width:         calc(100% + 2em);
  margin:2em -1em -1em -1em;
  padding: 0 1em 1em 1em;
}
.GreetingItemBottom .ParagraphContents .Main{
  color:#248874;
  font-size:1.8em;
  margin-top:2em;
  font-weight:normal;
}

.GreetingItemBottom .ParagraphContents p{
  color:#248874;
  text-align:left;
  padding:1em 0;
}


/*UserVoiceImage*/
.UserVoiceImage{
  text-align:center;
}
.UserVoiceImage .ImgSet{
  width:45%;
  display:inline-block;
  max-width:400px;
}

.OrderArea{

}
.OrderArea .MenuBlock{
  width:100%;
  margin:0;
  height:auto;
  z-index:450;
}

.Barcord  > img{
  vertical-align:middle;
  display:inline-block;
}
.Barcord .BarcordText{
  vertical-align:middle;
  display:inline-block;
  width: -webkit-calc(100% - 130px);
  width:         calc(100% - 130px);
}

.OrderArea .TextItem .AfterLink .Icon{
  vertical-align:middle;
}

.ArartBlock{
  background:#ad8e6b;
  color:#fff;
  padding:1.6em 20px;
}
.ArartBlock .Heading{
  font-size:1.3em;
}
.ArartBlock a{
  color:#fff;
}
.ArartBlock .ImageItem{
  float:left;
  width:6em;
  margin-right:1em;
}
.ArartBlock .ImageItem img{
  width:100%;

}
.ArartBlock .TextItem > p{
  margin-left:7em;
  text-align:left;
}
.ArartBlock .TextItem .TransFree{
  color:yellow;
}

.ArartBlock .TextItem .OtherShop{
  margin-top:0.5em;
  display:block;
}


.ArartBlock .TextItem > p a{
  padding:5px;
}
.OrderBlock{
  background:#e1345c;
  padding:0.5em;
}
.OrderBlock .inner{
  background:#fff;
  padding:1em;
}
.OrderBlock .inner .Heading{
  font-size:1.6em;
  color:#e1345c;
  text-align:center;
  display:block;
  margin:0.4em 0;
}
.OrderBlock .OrderTable td{
  padding:0.6em;
}
.OrderBlock .OrderTable .ImgSet{
  width:70%;
}


.OrderBlock .OrderTable td a{
  width:100%;
  color:#e1345c;
  text-align:left;
  padding:0.4em 0.6em;
  line-height:1.5;
  border:2px solid #e1345c;
  display:block;
  white-space:nowrap;
  text-decoration:none;
  font-weight:bold;
}
.OrderBlock .OrderTable td a:hover{
  background:#e1345c;
  color:#fff;
}

.AboutArea{
  background: url(../img/top/bg_top_bottom.png) no-repeat top center;
  background-size:100% auto;
  padding:1em;
  text-align:center;
}
.AboutArea .AboutBlock{}

.AboutArea .AboutBlock > .Heading{
  display:block;
  text-align:center;
  margin:0.6em 0;
}
.AboutArea .AboutBlock .ImgSet{
  width:70%;
  margin:0.6em auto 1.6em auto;
  display:block;
  max-width:400px;
}

.AboutArea .ProfileItem{
  padding:0.6em;
  max-width:600px;
  margin:0 auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cd9f16+0,ffface+44,ffface+57,cd9f16+100 */
  background: rgb(205,159,22); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(205,159,22,1) 0%, rgba(255,250,206,1) 44%, rgba(255,250,206,1) 57%, rgba(205,159,22,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(205,159,22,1) 0%,rgba(255,250,206,1) 44%,rgba(255,250,206,1) 57%,rgba(205,159,22,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(205,159,22,1) 0%,rgba(255,250,206,1) 44%,rgba(255,250,206,1) 57%,rgba(205,159,22,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd9f16', endColorstr='#cd9f16',GradientType=1 );  IE6-9 */
}
.AboutArea .ProfileItem .inner{
  border:1px solid rgba(255,255,255,0.5);
  padding:1em ;
  font-size:0.8em;
}
.AboutArea .ProfileItem .Main{
  font-weight:normal;
  margin-top:0.4em;
}
.AboutArea .ProfileItem .HistoryItem p{
  margin:0.5em 0;
}

.AboutArea .AboutItem{
  font-size:0.8em;
  margin:1em 0 6em 0;
}