@charset "utf-8";
/* CSS Document */

em{
	font-weight:bold;
}
.ptsSNS{
	display:block !important;
}

/* ----------------------------------------------------------
top
----------------------------------------------------------*/

#content{
    padding: 73px 0 0;
	background-image:url(../img/bg02.png),url(../img/bg.jpg),url(../img/bg03.png);
    background-position: 50% 428px,50% 0,50% 570px;
    background-repeat: no-repeat,repeat-x, no-repeat;
    background-size: 100% 142px,auto auto,auto auto;
}

h1{
  	width:440px;
	height:279px;
	margin:0 auto;
	background:url(../img/title.png) 0 0 no-repeat;
	text-indent:-9999em;
	overflow:hidden;  
}
.lead{
  	width:628px;
	height:438px;
	margin:60px auto 0;
	background:url(../img/lead.png) 0 0 no-repeat;
	text-indent:-9999em;
	overflow:hidden;     
}

.storyWrap{
    
}
.storyWrap h2{
  	width:538px;
	height:30px;
	margin:40px auto 0;
	background:url(../img/sttl_01.png) 0 0 no-repeat;
	text-indent:-9999em;
	overflow:hidden;   
}
.cp{
    width: 950px;
    margin: 20px auto 0;
    text-align: center;
    line-height: 1.8;
    font-size: 86%;
}
.storyCont{
    width: 950px;
    margin: 0 auto;
    font-size: 0;
}
.storyCont li{
    display: inline-block;
    width: 464px;
    height: 341px;
    margin-right: 22px;
	text-indent:-9999em;
	overflow:hidden;   
}
.story01{
   	background:url(../img/story01.png) 0 0 no-repeat; 
}
.story02{
   	background:url(../img/story02.png) 0 0 no-repeat; 
}
.story03{
   	background:url(../img/story03.png) 0 0 no-repeat; 
}
.story04{
   	background:url(../img/story04.png) 0 0 no-repeat; 
}
.story05{
   	background:url(../img/story05.png) 0 0 no-repeat; 
}
.story06{
   	background:url(../img/story06.png) 0 0 no-repeat; 
}
.story07{
   	background:url(../img/story07.png) 0 0 no-repeat; 
}
.story08{
   	background:url(../img/story08.png) 0 0 no-repeat; 
}
.story09{
   	background:url(../img/story09.png) 0 0 no-repeat; 
}
.story10{
   	background:url(../img/story10.png) 0 0 no-repeat; 
}
.storyCont li:nth-child(even){
    margin-right: 0;
}


.wakuwakuWrap{
    margin-top: 50px;
    padding: 40px 0;
    background: #ffda45;
}
.wakuwakuWrap h2{
  	width:802px;
	height:30px;
	margin:0 auto;
	background:url(../img/sttl_02.png) 0 0 no-repeat;
	text-indent:-9999em;
	overflow:hidden;   
}
.wakuwakuWrap ul{
    width: 950px;
    margin: 20px auto 0;
    font-size: 0;
}
.wakuwakuWrap ul li{
    display: inline-block;
    width: 300px;
    margin-right: 25px;
    padding-top: 230px;
    font-size: 15px;
}
.wakuwakuWrap ul li:last-child{
    margin-right: 0;
}
.waku01{
       	background:url(../img/waku01.png) 0 0 no-repeat; 
    
}
.waku02{
       	background:url(../img/waku02.png) 0 0 no-repeat; 
    
}
.waku03{
       	background:url(../img/waku03.png) 0 0 no-repeat; 
    
}
.wakuwakuWrap ul li h3{
    display: none;
}
.wakuwakuWrap ul li a{
    display: block;
    margin-top: 10px;
    padding: 10px 0;
    background: #fff;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    border: solid 1px #fff;
    border-radius: 8px;
}
.wakuwakuWrap ul li a:hover{
    text-decoration: none;
    opacity: 0.8;
}
.wakuwakuWrap .txt{
  	width:477px;
	height:89px;
	margin:30px auto 0;
	background:url(../img/txt.png) 0 0 no-repeat;
	text-indent:-9999em;
	overflow:hidden;       
}
.startWrap{
    margin-top: 60px;
}
.startWrap h2{
  	width:584px;
	height:30px;
	margin:0 auto;
	background:url(../img/sttl_03.png) 0 0 no-repeat;
	text-indent:-9999em;
	overflow:hidden;   
}
.startWrap ul{
    width: 730px;
    margin: 20px auto 0;
    font-size: 0;
}
.startWrap ul li{
    display: inline-block;
    width: 340px;
    margin-right: 50px;
    font-size: 15px;
}
.startWrap ul li:last-child{
    margin-right: 0;
}
.startWrap ul li a{
    display: block;
    margin-top: 10px;
    padding: 20px 0;
    background: #ffda45;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    border: solid 1px #ffda45;
    border-radius: 5px;
}
.startWrap ul li a:hover{
    text-decoration: none;
    opacity: 0.8;
}

/*-----------------------/
/   App
/------------------------*/
.App
{
    width: 100%;
    margin-top: 60px;
    padding: 30px 0;

    background: #f1f0e8;
}
.App__title
{
    overflow: hidden;

    width: 276px;
    height: 68px;
    margin: 0 auto;

    white-space: nowrap;
    text-indent: 100%;

    background: url(../img/title_app.png) no-repeat 0 0;
}
.App__inner
{
    width: 780px;
    margin: 0 auto;
}
.App__text
{
    font-size: 15px;

    margin-top: 30px;
}
.App__bottom
{
    display: block;

    margin-top: 30px;
}
.App__bottomTitle
{
    float: left;
    overflow: hidden;

    width: 219px;
    height: 71px;
    margin-right: 20px;

    white-space: nowrap;
    text-indent: 100%;

    background: url(../img/title_app02.png) no-repeat 0 0;
}
.App__item
{
    float: left;

    width: 215px;
    margin-left: 40px;
}
.App__link
{
    display: block;
}
.App__link--iphone
{
    overflow: hidden;

    width: 215px;
    height: 83px;

    white-space: nowrap;
    text-indent: 100%;

    background: url(../img/btn_app_iphone.png) no-repeat 0 0;
}
.App__link--android
{
    overflow: hidden;

    width: 206px;
    height: 83px;

    white-space: nowrap;
    text-indent: 100%;

    background: url(../img/btn_app_android.png) no-repeat 0 0;
}

/*-----------------------/
/   Yahuoku
/------------------------*/
.Yahuoku
{
    width: 570px;
    margin: 0 auto;
    padding: 20px 0;
}
.Yahuoku__title
{
    overflow: hidden;

    width: 436px;
    height: 27px;
    margin: 50px auto 20px;

    white-space: nowrap;
    text-indent: 100%;

    background: url(https://s.yimg.jp/images/auct/cms/promo/goodsh/pc/image/ttl_list_03.png) no-repeat 0 0;
}
.Yahuoku__item
{
    display: inline-block;

    width: 163px;
    margin-left: 20px;

    *display: inline;
    *zoom: 1;
}
.Yahuoku__link
{
    cursor: pointer;
}
.Yahuoku__link:hover
{
    opacity: .9;
}