@charset "UTF-8";

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(//themes.googleusercontent.com/static/fonts/oswald/v7/qpy-UiLNKP-VfOdbcs6r6-vvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}

/*-----------------------------------------------
general
-----------------------------------------------*/
:focus {
outline:0;
}  

article#mobile_cafe a:link {
text-decoration: none;
color: #333;
}
article#mobile_cafe a:hover {
opacity: 0.8;
}
article#mobile_cafe img {
border:none;
text-decoration:none;
}  

article#mobile_cafe ul, article#mobile_cafe li {
list-style-type:none;
} 

article#mobile_cafe em {
font-style: normal;
}

article#mobile_cafe {
position: relative;
display: inline-block;
background-color: #FFF;
margin: 30px 0 0 0;
background-image: url(../images/bg.png);
background-position: center top;
background-repeat: no-repeat;
border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow: inset 0 2px 4px #CCC;
border-bottom: 1px solid #EFEDED;
font-family: "lucida grande",Calibri,"Helvetica Neue",Helvetica,Geneva,tahoma,verdana,arial, Meiryo,'MS PGothic','NanumGothic','AppleGothic','Malgun Gothic','Dotum Regular','Hiragino Kaku Gothic Pro', sans-serif;
} 
article#mobile_cafe::after {
content: "";
display: block;
clear: both;
}

/*-----------------------------------------------
_ campaign
-----------------------------------------------*/
article#mobile_cafe div.campaign {
    padding: 25px 400px 0 30px;
}
article#mobile_cafe div.campaign p {
    text-align: center;
    font-weight: bold;
    color: #339933;
}
article#mobile_cafe div.campaign p em {
    color: #e5500b;
    font-style: normal;
}
article#mobile_cafe div.campaign h1 {
    font-size: 1.7em;
    text-align: center;
    margin: 25px 0 10px 0;
    color: #e5500b;
}
article#mobile_cafe div.campaign h1 span {
    display: block;
}
article#mobile_cafe div.campaign h1 span img {
}
article#mobile_cafe div.campaign div.campaign_contents {
    border-top: 6px solid #57A868;
    background-color: rgba(87, 168, 104, 0.6);
    padding: 15px 25px;
}
article#mobile_cafe div.campaign div.campaign_contents.en {
    padding: 2px 25px 15px;
}
article#mobile_cafe div.campaign div.campaign_contents.it {
    padding: 2px 25px 15px;
}
article#mobile_cafe div.campaign div.campaign_contents h2 {
    font-size: 4em;
    color: #fff;
    text-shadow: 0 1px 2px #339933;
    line-height: 1.1;
    margin: 0 0 10px 10px;
}
article#mobile_cafe div.campaign div.campaign_contents h2 span {
    display: block;
    font-size: 48%;
    font-weight: normal;
}
article#mobile_cafe div.campaign div.campaign_contents h2.en {
    font-size: 1.4em;
      font-family: 'Oswald';
    margin: 0 0 10px 9px;
}
article#mobile_cafe div.campaign div.campaign_contents h2.en span {
    font-size: 2.5em;
    /* letter-spacing: -2px; */
}
article#mobile_cafe div.campaign div.campaign_contents h2.zh, article#mobile_cafe div.campaign div.campaign_contents h2.zh-tw {
    font-size: 3.3em;
    margin: 15px 0 11px;
}
article#mobile_cafe div.campaign div.campaign_contents h2.zh span, article#mobile_cafe div.campaign div.campaign_contents h2.zh-tw span {
    font-size: 50%;
}
article#mobile_cafe div.campaign div.campaign_contents h2.ko {
    font-size: 3.3em;
    margin: 15px 0 11px;
}
article#mobile_cafe div.campaign div.campaign_contents h2.ko span {
    font-size: 50%;
}
article#mobile_cafe div.campaign div.campaign_contents h2.it {
    font-size: 3.8em;
    margin: 15px 0 11px 5px;
    font-family: 'Oswald';
}
article#mobile_cafe div.campaign div.campaign_contents h2.it span {
    font-size: 50%;
}
article#mobile_cafe div.campaign div.campaign_contents p {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background: rgba(255, 255, 255, 0.65);
    padding: 15px 20px;
    text-align: left;
    color: green;
    line-height: 1.6;
    font-weight: normal;
}
article#mobile_cafe div.campaign div.campaign_contents p span {
    position: absolute;
    top: 162px;
    left: 518px;
    font-size: 10em;
    font-weight: bold;
    color: #ebe5a8;
    text-shadow: 2px 2px 2px #57a868;
    -webkit-transform: rotate(14deg);
}
article#mobile_cafe div.campaign p img {
    position: absolute;
    top: 92px;
    right: 28px;
}
/*-----------------------------------------------
_ entry
-----------------------------------------------*/
article#mobile_cafe div.entry {
    margin: -5px 0 0 0;
    padding: 26px 40px 20px;
    border-top: 10px solid #EEE;
    position: relative;
}
article#mobile_cafe div.entry p {
    font-size: 2em;
    line-height: 1.2;
    color: #777;
}
article#mobile_cafe div.entry p span {
    display: block;
    font-size: 53%;
    padding: 0 0 10px 4px;
    color: #57a868;
}
article#mobile_cafe div.entry p span em {
    color: #ec5b17;
}
article#mobile_cafe div.entry p em {
}
article#mobile_cafe div.entry p em a {
    text-decoration: underline;
    color: #EC5B17;
}
article#mobile_cafe div.entry p.icon {
    position: absolute;
    top: 27px;
    left: 518px;
}
article#mobile_cafe div.entry p a img {
}
article#mobile_cafe div.entry div.new_reg {
    position: absolute;
    top: 35px;
    right: 64px;
    background-color: #f0eded;
    min-width: 266px;
    height: 76px;
    border-radius: 4px; -webkit-border-radius: 4px;
    background-image: url(../images/icon_reg.png);
    background-position: 15px 15px;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
}
article#mobile_cafe div.entry div.new_reg p {
    font-size: 1.15em;
    text-align: center;
    margin: 15px 0 0 64px;
    display: inline-block;
}
article#mobile_cafe div.entry div.new_reg p a {
    display: block;
    padding: 12px 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 2px 2px #38a5bb;
    background-color: #5ac0d4;
    text-shadow: 0 0 1px #46a4b7;
    color: #fff;
}
/*-----------------------------------------------
_ present
-----------------------------------------------*/
article#mobile_cafe div.present {
    border-top: 11px solid #F1ADA1;
    margin: -7px 0 0 0;
    padding: 30px 40px;
}
article#mobile_cafe div.present h3 {
    font-weight: normal;
    color: #666;
}
article#mobile_cafe div.present ul {
    text-align: center;
    margin: 24px 0 0;
}
article#mobile_cafe div.present ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    width: 265px;
    height: 268px;
    color: #fff;
    position: relative;
}
article#mobile_cafe div.present ul li:first-child {
    background-image: url(../images/icon_jtb.png);
    background-position: right 17px bottom 7px;
    background-repeat: no-repeat;
    background-color: #fba187;
}
article#mobile_cafe div.present ul li:nth-child(2) {
    background-color: #fdc664;
    background-image: url(../images/icon_book.png);
    background-position: right 17px bottom 7px;
    background-repeat: no-repeat;    
    
}
article#mobile_cafe div.present ul li:nth-child(3) {
    background-color: #64d5e2;
    background-image: url(../images/icon_ticket.png);
    background-position: right 17px bottom 7px;
    background-repeat: no-repeat;    
}
article#mobile_cafe div.present ul li img.tag {
    position: absolute;
    top: 148px;
    left: -14px;
}
article#mobile_cafe div.present ul li h4 {
    text-align: left;
    margin: 5px 0 0 45px;
    font-weight: normal;
    font-size: 1.6em;
}
article#mobile_cafe div.present ul li h4.en {
    text-shadow: 0 1px 1px #333;
}
article#mobile_cafe div.present ul li h4 span {
    font-size: 90%;
    margin: 0 5px 0 0;
    letter-spacing: -2px;
    display: block;
}
article#mobile_cafe div.present ul li p {
    font-size: 1.4em;
    text-align: left;
    margin: 0 0 0 45px;
}
article#mobile_cafe div.present div.terms {
    border: 1px solid #dedede;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #efeded;
    padding: 20px;
    margin: 30px;
}
article#mobile_cafe div.present div.terms h5 {
    font-weight: normal;
}
article#mobile_cafe div.present div.terms p {
	color: #555;
}
hr {
    box-shadow: 0 1px 2px #CCC;

    border: 1px solid #CCC;
}
hr.red {
    box-shadow: 0 1px 3px #CCC;

    border: 1px solid #e4988b;
}
/*-----------------------------------------------
_ social
-----------------------------------------------*/

div.fb-like{
position: relative;
top: 0;
left: -30px;
}
span.g{
position: relative;
top: -3px;
left: -30px;
}
div.social{
margin: 30px 0 0 30px;
}