@charset "utf-8";

* {
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
}

html {
    font-family: sans-serif;
}

body {
    color: #333;
    font: 12px/17px Arial,Helvetica,sans-serif;
    word-wrap: break-word;
    background: #fae76f url("../images/bg.png") repeat scroll center top;
}

body, select, input, textarea {
    color: #3b3b3b;
    font: 12px/1.5 "Meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

#main{
    margin: 0px 0px 20px 0px
}

.wrap{
    background: transparent none repeat scroll 0 0;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 6px;
    margin: 0 auto;
    max-width: 960px;
}

.landingpage {
  max-width: 800px;
  margin: 0 auto;
}

.hdr { margin: 0 0 8%; }
.special { margin: 6% 0 0; }
.category ul {
  letter-spacing: -.4em;
  text-align: center;
  width: 100%;
}
.category ul li {
  display: inline-block;
  width: 45.3125%;
  margin: 0 1.5% 3%;
}
/*.category ul li:last-child { width: 93.75% !important; }*/

.ul li:last-child { margin: 8% 0; }

.landingpage img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

img {
    border: 0 none;
    width:100%;
}

h1 {
    font-size: 2em;
}
.landingpage {
    margin: 0 auto;
    max-width: 800px;
}
.landingpage img {
    height: auto;
    vertical-align: top;
    width: 100%;
}
.hdr {
    margin: 0 0 6%;
}

.ul {
    overflow: hidden;
}
.l-container * {
    box-sizing: border-box;
}
ul, nav {
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
}

.ul li {
    float: left;
    margin: 0 0 6%;
    width: 100%;
}
.ul01 {
    border-bottom: medium none !important;
}
.li02 {
    margin: 0 !important;
}
.li04, .li05, .li06, .li07, .li08, .li09, .li10, .li11, .li12, .li13, .li14, .li15, .li16, .li18, .li19, .li20, .li21, .li22, .li23, .li25 {
    width: 50% !important;
}
.link ul {
    overflow: hidden;
}
.link ul li {
    float: left;
    width: 50%;
}

/* ページ下ボタン */
.ftr { padding: 6% 3%;}
.ftr li {
  text-align: center;
  padding: 2% 0;
  font-size: 14px;
}
.ftr .btn_b a {
    background: #000 none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 0 2px 5px -2px #999;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 20px;
    text-decoration: none;
}

.contbox {
    background: #fff none repeat scroll 0 0;
    border: 4px solid #000;
    box-sizing: border-box;
    margin: 10px 0 0;
    padding: 10px;
}

.contbox2 {
    background: transparent none repeat scroll 0 0;
    border: 4px solid #000;
    box-sizing: border-box;
    margin: 10px 0 0;
    padding: 10px;
}

.jp-cmptemp-campaign-h2-01, .jp-cmptemp-campaign-h2-02, .jp-cmptemp-campaign-h2-04 {
    background: #000 none repeat scroll 0 0;
}

.jp-cmptemp-h2 {
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
    margin: -10px;
    padding: 7px 0;
    text-align: center;
}

.jp-cmptemp-flow {
    background: transparent repeat scroll 0 0;
    padding: 0 0 10px;
}

.jp-cmptemp-flow-contents {
    width: 95%;
}

.jp-cmptemp-flow-contents {
    margin: 30px auto 0;
    width: 95%;
}
.jp-cmptemp-ticket {
    font-size: 17px;
    font-weight: bold;
    margin: 20px 0;
    text-align: center;
}

.jp-cmptemp-bigger-redPink {
    font-size: 37px;
} 
.jp-cmptemp-ticket b {
    border-bottom: 6px solid #dd1770;
    font-weight: bold;
    padding-bottom: 5px;
}
.jp-cmptemp-bigger-redPink {
    font-size: 30px;
}
.jp-cmptemp-bigger-redPink {
    color: #dd1770;
    font-size: 33px;
    font-weight: bold;
}

.jp-cmptemp-small {
    font-size: 16px;
}

ol, ul {
    list-style: outside none none;
}

.jp-cmptemp-flow-box::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 20px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -20px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}

.jp-cmptemp-flow-box {
    padding: 10px;
}



.jp-cmptemp-flow-box {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    display: block;
    margin: 0 0 30px;
    padding: 3% 3% 3% 4%;
    position: relative;
    width: 100%;
}

.jp-cmptemp-flow-box p.jp-cmptemp-flow-num::before {
    border-radius: 26px;
    height: 20px;
    left: 3px;
    top: 1px;
    width: 20px;
}
.jp-cmptemp-flow-num::before {
    border-radius: 40px;
    content: "";
    height: 40px;
    left: -11px;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: -1;
}

.jp-cmptemp-flow-box p {
    vertical-align: top;
}
.jp-cmptemp-flow-num {
    color: #fff;
    display: inline-block;
    font-size: 17px;
    margin: 0 10px 0 0;
    padding: 0 0 0 8px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.jp-cmptemp-flow-explain {
    padding: 0;
    width: 83%;
}

@media screen and (min-width: 0px) and (max-device-width: 320px) {
.jp-cmptemp-flow-explain {
    padding: 0;
    width: 85%;
}
.jp-cmptemp-bigger-redPink {
    color: #dd1770;
    font-size: 25px;
    font-weight: bold;
}
.jp-cmptemp-ticket {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
}

.jp-cmptemp-flow-explain {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 0px 0 0;
/*    width: 100%;*/
}

.jp-cmptemp-flow-explain-txt {
    font-size: 16px;
}

.clickhere {
    margin-top: 30px;
}

.jp-cmptemp-h2::before {
    border: 2px solid #fff;
    border-radius: 40px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 40px;
    margin: 0 15px 0 0;
    vertical-align: top;
    width: 40px;
}

.jp-cmptemp-h2::before {
    border: 1px solid #fff;
}

.jp-cmptemp-campaign-h2-01::before {
    background: rgba(0, 0, 0, 0) url("../images/ico01.png") no-repeat scroll left top;
}
.jp-cmptemp-campaign-h2-02::before {
    background: rgba(0, 0, 0, 0) url("../images/ico02.png") no-repeat scroll left top;
}
.jp-cmptemp-campaign-h2-03::before {
    background: rgba(0, 0, 0, 0) url("../images/ico03.png") no-repeat scroll left top;
}
.jp-cmptemp-campaign-h2-04::before {
    background: rgba(0, 0, 0, 0) url("../images/ico04.png") no-repeat scroll left top;
}

.jp-cmptemp-campaign-h2-01::before, .jp-cmptemp-campaign-h2-02::before, .jp-cmptemp-campaign-h2-04::before {
    background-size: 100% auto;
    content: "";
    height: 40px;
    width: 40px;
}


.jp-cmptemp-campaign-h2-01::before, .jp-cmptemp-campaign-h2-02::before, .jp-cmptemp-campaign-h2-04::before {
    height: 20px;
    width: 20px;
}

.jp-cmptemp-redPink {
    color: #dd1770;
    font-size: 18px;
    font-weight: bold;
}

.jp-cmptemp-prize-list {
    text-align: center;
}


.copy.text-center {
    text-align: center;
}


.jp-cmptemp-flow-num::before {
    background: #000 none repeat scroll 0 0;
    border-radius: 40px;
    content: "";
    height: 40px;
    left: -11px;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: -1;
}
.jp-cmptemp-flow-explain-txt{
    margin: 0px;
}