@charset "euc-jp";
/* CSS Document */



.clearfix:after {
content: ".";   
display: block;   
height: 0;   
clear: both;   
visibility: hidden;  
font-size: 0.1em;  
line-height: 0;  
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.leftArea {
float:left;
_display:inline;
}
.rightArea {
float:right;
_display:inline;
}

#appExpWrapper {
width:950px;
margin:0 auto;
}

#appExpWrapper .forSmp {
display:none;
}


/* 冒頭キャッチ */
#appExp2000 {
margin:0 0 10px;
padding:10px 0 0;
}


/* ヘッダー */
#appExpHeader {
position:relative;
margin:0 0 30px;
border-bottom:5px solid #bf0000;
}

#appExpHeader h1 {
margin:0;
padding:0;
}

#appExpHeader .catch {
margin:0;
padding:55px 0 0 84px;
}

#appExpHeader .date {
width:auto;
position:absolute;
top:230px;
left:615px;
margin:0;
padding:0;
}

#appExpHeader .date div {
padding:3px;
width:120px;
color:#fff;
text-align:center;
background:#4d3208;
font-weight:bold;
}

#appExpHeader .date strong {
font-size:110%;
font-weight:bold;
}


/* コンテンツ */
#appExpPoint {
margin:0 0 30px;
padding:0 0 10px;
background:#f8f5ec url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_ul_bg.gif) left bottom no-repeat; }

#appExpPoint h2 {
margin:0 0 10px;
}

#appExpPoint ul {
padding:0 0 0 41px;
text-align:center;
color:#452c06;
font-size:150%;
font-weight:bold;
}

#appExpPoint ul li {
text-align:center;
float:left;
_display:inline;
}

#appExpPoint ul li img {
margin:0 0 10px;
}

#appExpPoint ul li.step1 {
width:270px;
margin:0 20px 0 0;
padding-right:50px;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_arrow.gif) right 15px no-repeat;
}

#appExpPoint ul li.step2 {
width:220px;
margin:0 20px 0 0;
padding-right:50px;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_arrow.gif) right 15px no-repeat;
}

#appExpPoint ul li.step3 {
width:238px;
}



#appExpFlow {
width:810px;
margin:0 auto 20px;
padding:0 0 50px;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_steparrow.gif) center bottom no-repeat;
}

#appExpFlowBtm {
width:810px;
margin:0 auto 20px;
padding:0;
}

#appExpFlow h2 {
margin:0 0 10px;
text-align:center;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_stepbg.gif) left bottom repeat-x;
}

#appExpFlow .btnArea,
#appExpFlowBtm .btnArea {
margin:0 0 20px;
text-align:center;
}

#appExpFlow .step3 {
text-align:center;
font-size:250%;
color:#452c06;
}

#appExpFlow .appstore,
#appExpFlowBtm .appstore {
width:360px;
margin:0 0 10px 10px;
padding:10px;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_download_bg.gif);
float:left;
_display:inline;

-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}

#appExpFlow .googleplay,
#appExpFlowBtm .googleplay {
width:360px;
margin:0 10px 10px 0;
padding:10px;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_download_bg.gif);
float:right;
_display:inline;

-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}

#appExpFlow h3,
#appExpFlowBtm h3 {
text-align:center;
margin:0;
padding:0 0 10px;
font-size:140%;
font-weight:bold;
}

#appExpFlow .appInfo,
#appExpFlowBtm .appInfo {
background-color:#fff;
padding:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}

#appExpFlow .textArea,
#appExpFlowBtm .textArea  {
width:220px;
text-align:center;
float:left;
_display:inline;
}

#appExpFlow .textArea h4,
#appExpFlowBtm .textArea h4 {
margin:0 0 5px;
color:#bf0000;
font-size:140%;
font-weight:bold;
}

#appExpFlow .textArea p,
#appExpFlowBtm .textArea p {
margin:5px 0 0;
text-align:left;
color:#666;
}

#appExpFlow .qrArea,
#appExpFlow .qrAreaBtm {
width:110px;
}

#appExpFlow .appSearchBar,
#appExpFlowBtm .appSearchBar {
margin:0 0 30px;
text-align:center;
clear:both;
}


#appExpCatch {
width:950px;
margin:0 0 30px;
padding:0 0 20px;
background:#ecc35b url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_catch_bg.gif) left 80px repeat-x;

-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
border-radius:10px;
}

#appExpCatch h2 {
margin:0 0 10px;
}

#appExpCatch .catch1 {
width:440px;
margin:0 0 0 20px;
float:left;
_display:inline;
}

#appExpCatch .catch2 {
width:440px;
margin:0 20px 0 0;
float:right;
_display:inline;
}

/* 注意事項 */
#appExpAttention {
margin:0 0 20px;
padding:10px 0;
color:#666;
}

#appExpAttention h2 {
margin:0 0 10px;
padding:8px 20px;
color:#fff;
font-weight:bold;
background:#4e4745;
}

#appExpAttention h3 {
margin:0 20px 5px;
padding:0;
}

#appExpAttention p {
margin:0 20px 10px;
padding:0;
line-height:130%;
}


#appExpAttention ul {
margin:0 10px 0 25px;
padding:0;
line-height:130%;
}
/*1711*/
#appExpFlow ul.kujiList {letter-spacing: -4px;}
#appExpFlow ul.kujiList li{width: 185px; height: 185px; display: inline-block; margin-left: 20px; letter-spacing: normal; margin-bottom: 10px;}
#appExpFlow ul.kujiList li:first-child{margin-left: 0;}
#appExpFlow ul.kujiList li img{width: 100%; height: auto;}
@media screen and (max-width: 480px) {
	#appExpFlow ul.kujiList li{width: 45%; height: auto; margin-left: 10px;}
	#appExpFlow ul.kujiList li:first-child{margin-left: 10px;}
}

@media screen and (max-width: 480px) {
#appExpWrapper {
width:100%;
margin:0 auto;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#appExpWrapper .forPC {
display:none;
}

#appExpWrapper .forSmp {
display:inherit;
}

/* 冒頭キャッチ */
#appExp2000 {
width:100%;
}

#appExp2000 img {
width:100%;
height:auto;
}


/* ヘッダー */
#appExpHeader {
width:100%;
position:relative;
margin:0 0 30px;
border-bottom:5px solid #bf0000;
}

#appExpHeader h1 {
margin:0;
padding:0;
}

#appExpHeader h1 img {
width:100%;
height:auto;
}

#appExpHeader .date {
position:reative;
top:auto;
left:auto;
width:100%;
margin:0;
padding:0 0 5px;
color:#fff;
text-align:center;
background-color:#bf0000;
}

#appExpHeader .date div {
width:auto;
background-color:#bf0000;
font-size:14px;
font-weight:bold;
}

#appExpHeader .date strong {
font-size:13px;
font-weight:bold;
}

#appExpHeader .date span {
font-size:12px;
}


/* コンテンツ */
#appExpPoint {
width:96%;
margin:80px auto 30px;
padding:0 0 10px;
background:#f8f5ec url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_ul_bg.gif) left bottom no-repeat; }

#appExpPoint h2 {
margin:0 0 10px;
}

#appExpPoint h2 img {
width:100%;
height:auto;
}

#appExpPoint ul {
padding:0 5%;
text-align:center;
color:#452c06;
font-size:16px;
font-weight:bold;
}

#appExpPoint ul li {
text-align:left;
}

#appExpPoint ul li br {
display:none;
}

#appExpPoint ul li p {
width:40%;
float:right;
font-size:13px;
}

#appExpPoint ul li.step1 p {
padding-top:5px;
}

#appExpPoint ul li.step2 p {
padding-top:0;
}

#appExpPoint ul li.step3 p {
padding-top:10px;
}

#appExpPoint ul li img {
margin:0 0 10px;
}

#appExpPoint ul li.step1 {
width:100%;
margin:0 0 5px;
padding-right:0;
background:none;

background-size:auto 40px;
}

#appExpPoint ul li.step1 img {
width:auto;
height:50px;
float:left;
}

#appExpPoint ul li.step2 {
width:100%;
margin:0 0 5px;
padding-right:0;
background:none;

background-size:auto 40px;
}

#appExpPoint ul li.step2 img {
width:auto;
height:50px;
float:left;
}

#appExpPoint ul li.step3 {
width:100%;
}

#appExpPoint ul li.step3 img {
width:auto;
height:50px;
float:left;
}



#appExpFlow {
width:96%;
margin:0 auto 20px;
padding:0 0 50px;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_steparrow.gif) center bottom no-repeat;
}

#appExpFlowBtm {
width:96%;
margin:0 auto 20px;
padding:0;
}

#appExpFlow h2 {
margin:0 0 10px;
text-align:center;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_stepbg.gif) left bottom repeat-x;
}

#appExpFlow h2 img {
width:100%;
height:auto;
}

#appExpFlow .btnArea,
#appExpFlowBtm .btnArea {
margin:0 0 20px;
text-align:center;
}

#appExpFlow .btnArea img,
#appExpFlowBtm .btnArea img {
width:100%;
height:auto;
}

#appExpFlow .step3 {
text-align:center;
font-size:24px;
color:#452c06;
}

#appExpFlow .appstore,
#appExpFlowBtm .appstore {
width:94%;
margin:0 0 20px;
padding:10px 3%;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_download_bg.gif);
float:none;

-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}

#appExpFlow .googleplay,
#appExpFlowBtm .googleplay {
width:94%;
margin:0 0 20px 0;
padding:10px 3%;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_download_bg.gif);
float:none;

-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}

#appExpFlow h3,
#appExpFlowBtm h3 {
text-align:center;
margin:0;
padding:0 0 10px;
font-size:140%;
font-weight:bold;
}

#appExpFlow .appInfo,
#appExpFlowBtm .appInfo {
background-color:#fff;
padding:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
}

#appExpFlow .textArea,
#appExpFlowBtm .textArea  {
width:100%;
text-align:center;
}

#appExpFlow .textArea h4,
#appExpFlowBtm .textArea h4 {
margin:0 0 5px;
color:#bf0000;
font-size:140%;
font-weight:bold;
}

#appExpFlow .textArea p,
#appExpFlowBtm .textArea p {
margin:5px 0 0;
text-align:center;
color:#666;
}

#appExpFlow .qrArea,
#appExpFlow .qrAreaBtm {
width:110px;
}

#appExpFlow .appSearchBar,
#appExpFlowBtm .appSearchBar {
margin:0 0 30px;
text-align:center;
clear:both;
}


#appExpCatch {
width:96%;
margin:0 auto 30px;
padding:0 0 1px;
background:#ffee9c url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/kuji_cp1502_catch_bg.gif) left bottom repeat-x;

-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
border-radius:10px;
}

#appExpCatch h2 {
margin:0 0 10px;
}

#appExpCatch img {
width:100%;
height:auto;
}

#appExpCatch .catch1,
#appExpCatch .catch2 {
width:90%;
margin:0 auto 20px;
float:none;
}

/* 注意事項 */
#appExpAttention {
margin:0 0 20px;
padding:10px 0;
color:#666;
background:url(https://image.infoseek.rakuten.co.jp/content/top/campaign/kuji/201502/images/ae_attention_bg.jpg) left top repeat;
}

#appExpAttention h2 {
margin:0 0 10px;
padding:8px 20px;
color:#fff;
font-weight:bold;
background:#4e4745;
}

#appExpAttention h3 {
margin:0 20px 5px;
padding:0;
}

#appExpAttention p {
margin:0 20px 10px;
padding:0;
line-height:130%;
}


#appExpAttention ul {
margin:0 10px 0 25px;
padding:0;
line-height:130%;
}

}