/* 全般の設定 */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

.btn, a.btn, button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
    width: 85%;
    font-size: 21px;
}


a.btn--yellow {
    color: #fff;
    background-color: #e63434;
    border-bottom: 5px solid #7b1a1a;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #fff;
  background: #34e656;
  border-bottom: 2px solid #113e5e;
}
a.btn--yellow2 {
    color: #fff;
    background-color: #34e656;
    border-bottom: 5px solid #1a7b2d;
    font-size: 16px;
}
a.btn--yellow2:hover {
  margin-top: 3px;
  color: #fff;
  background: #34e656;
  border-bottom: 2px solid #1a7b2d;
}
a.btn--pnk {
    color: #fff;
    background-color: #ff7474;
    border-bottom: 5px solid #923333;
    font-size: 13px;
}
a.btn--pnk:hover {
  margin-top: 3px;
  color: #fff;
  background: #ff7474;
  border-bottom: 2px solid #923333;
}
*{
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
margin: 0px;
padding: 0px;
}

* a{
text-decoration: underline;
color: #000000;
}

* a:hover{
text-decoration: none;
color: #ffffff;
}

/* 各項の設定 */

body{
	
	background: #fff;
}
#header{
height: auto;
margin: 0;
padding: 0;
}

p.headerimgbox img{
max-width: 100%;
margin: 20px 0px 5px 0px;
}

#contents{
height: auto;
margin: 0;
padding: 0;
position: relative;
}


#footer {
    padding: 10px;
    background-color: #000;
    font-size: 100%;
    color: #fff;
    text-align: center;
   
}
#footer_menu {
    padding: 3px;
    background-color: #f50001;
    font-size: 77%;
    color: #fff;
    text-align: center;
}

#footer_menu a{
color: #ffffff;
text-decoration: none;
}


#footer a{
color: #ffffff;
text-decoration: none;
}

#footer a:hover{
color: #cccccc;
text-decoration: none;
}

h1{
margin: 0px;
font-size: 120%;
color: #ffffff;
text-align: left;
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}

h2{
margin: 20px 0px 20px 0px;
padding: 5px 5px 5px 5px;
font-size: 120%;
font-weight: bold;
background-color: #5ae628;
color: #ffffff;
text-align: center;
}

img {
  vertical-align: bottom;
}
 
img {
  display: block;
  width: 100%;
}


/* strong、b、markerなどの設定 */


/* 重要なキーワード */
strong {
color: #ff0000;
font-size: 120%;
}

/* 強調表示 */
b {
color: #ff5555;
font-size: 120%;
}

/* マーカー表示 */
.marker {
background-color: #ffff00;
}


.txt_box{
text-align: left;
margin: 30px 0px;
padding: 0px 5% 0px 5%;
}

p.img_box img{
max-width: 100%;
}

/* 追加class */
.contents{
top: 0px;

position: relative;
}


.img_box {
	margin-bottom: -7px;
}

.midashi{
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
	
}
ol, ul {
    list-style: none;
	position: relative;
}
.listGroup--space-bottom .listGroup__item {
     margin-bottom: 0px;
    margin: 10px;
    /* background: #000; */
    border-bottom: solid 3px #dcdcdc;
}

.listGroup__item {
    text-align: left;
	list-style: none;
}

.listGroup--space-bottom .listGroup__item_clear {
     margin-bottom: 0px;
    margin: 10px;
    /* background: #000; */
    border-bottom: solid 3px #dcdcdc;
}
 .listGroup__item_clear {
    text-align: left;
    list-style: none;
    opacity: 0.3;
    pointer-events: none;
}

.listGroup--space-bottom .listGroup__item:first-child .listGroup__layout {
    border-top-width: 0;
	 text-decoration: none;
    color: #494949;
}

.listGroup--space-bottom .listGroup__layout {
    border-top-width: 1px;
}

.listGroup__layout {
     min-height: 46px;
    display: block;
    padding: 15px 10px 15px 10px;
    background-color: #fff;
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: #666;
}

.listGroup__body.ic-arr-r {
    padding-right: 20px;
}

.ic-arr-r, .ic-arr-r-white, .ic-arr-r-disable {
    width: 100%;
    position: relative;
    padding-right: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.ic-arr-r>div, .ic-arr-r-white>div, .ic-arr-r-disable>div {
    flex: 1;
}
.media {
    text-align: left;
}


.listGroup__body.ic-arr-r:after {
    right: 2px;
}
.ic-arr-r:after, .ic-arr-r-white:after, .ic-arr-r-disable:after {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: solid 3px #7f7f7f;
    border-right: solid 3px #7f7f7f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.media__left {
    display: table-cell;
    padding-right: 12px;
    vertical-align: top;
}

.image--width-80 {
    width: 80px;
}

.image {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}


.image--width-80 .image__body {
    width: 80px;
    height: 80px;
}
.media__body {
    width: 100%;
    display: table-cell;
    vertical-align: top;
}

.heading--big {
    font-size: 1rem;
    border-bottom: dotted 2px #87CEFA;
    color: #494949;
     width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.heading--big2 {
    font-size: 13px;
    border-bottom: dotted 2px #87CEFA;
    color: #494949;
    width: 90%;
  }
.-mt8 {
    margin-top: 8px;
}

.-mt9_2 {
    margin-top: 3px;
    width: 205px !important;
}
.-mt {
    margin-top: 3px;
}
.label {
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    *zoom: 1;
}
@media screen and (max-width: 360px) {

.heading--big {
    width: 175px;
   }


.label {
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    *zoom: 1;
}
}

.label2 {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    *zoom: 1;
}

.label__item{
    float: left;
    display: block;
    padding: 2px 0;
    margin-right: 4px;
}

.label__item>span{
    padding: 4px 5px;
    display: block;
    line-height: 1;
    background-color: #08b20a;
    font-size: .833rem;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
}

.label__item_docomo {
    float: left;
    display: block;
    padding: 2px 0;
    margin-right: 4px;
}

.label__item_docomo>span {
    padding: 4px 5px;
    display: block;
    line-height: 1;
    background-color: #ff0000;
    font-size: .833rem;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
}

.label__item_au {
    float: left;
    display: block;
    padding: 2px 0;
    margin-right: 4px;
}

.label__item_au>span {
    padding: 4px 5px;
    display: block;
    line-height: 1;
    background-color: #ff7b00;
    font-size: .833rem;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
}

.label__item_sb {
    float: left;
    display: block;
    padding: 2px 0;
    margin-right: 4px;
}

.label__item_sb>span {
    padding: 4px 5px;
    display: block;
    line-height: 1;
    background-color: #777;
    font-size: .833rem;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
}
.specialPrice {
    display: flex;
    align-items: center;
}

.specialPrice__body--nocoupon {
    border-left-width: 0;
    padding-left: 0;
}
.specialPrice__body {
    color: #666;
    border-left: solid 1px #ca3e27;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.specialPrice del {
    margin-right: 4px;
    color: #666;
}

.specialPrice del span {
    color: #333;
    font-size: 1rem;
}

small {
    font-size: .833rem;
}

.specialPrice em {
    font-size: 1.167rem;
    font-weight: 700;
    color: #ca3e27;
}

.-mt2 {
    margin-top: 2px;
}

.label.-special .label__item {
    position: relative;
    float: initial;
}
.label__item:last-child {
    margin-right: 0;
}

.label.-special .label__item>span {
    padding: 4px 5px 3px 80px;
    line-height: 1.2;
    white-space: normal;
    background: #f6f6f6;
}
.label__item>span {
    padding: 4px 5px;
    display: block;
    line-height: 1;
    background-color: #f6f2ea;
    font-size: .833rem;
    color: #777;
    border-radius: 3px;
    white-space: nowrap;
}

.label.-special .label__item strong {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -6px;
}
.-clr-attention {
    color: #ca3e27!important;
}

.text--tiny {
    font-size: .75rem;
}

.listGroup__body.ic-arr-r:after {
    right: 2px;
}
.ic-arr-r:after, .ic-arr-r-white:after, .ic-arr-r-disable:after {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: solid 3px #7f7f7f;
    border-right: solid 3px #7f7f7f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*ボタンCSS*/
.btn-square-shadow {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ff0000;
    color: #FFF;
    border-bottom: solid 3px #dcdcdc;
    border-radius: 3px;
    width: 67px;
    margin: 0px 5px 6px 0px;
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}

.btn-square-shadow2 {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ff7b00;
    color: #FFF;
    border-bottom: solid 3px #dcdcdc;
    border-radius: 3px;
    width: 67px;
    margin: 0px 5px 6px 0px;
}
.btn-square-shadow2:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}

.btn-square-shadow3{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #777;
    color: #FFF;
    border-bottom: solid 3px #dcdcdc;
    border-radius: 3px;
    width: 67px;
    margin: 0px 5px 6px 0px;
}
.btn-square-shadow3:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
@media screen and (max-width: 360px) {
.btn-square-shadow {
    display: inline-block;
    padding: 0.5em ;
    text-decoration: none;
    background: #ff0000;
    color: #FFF;
    border-bottom: solid 3px #dcdcdc;
    border-radius: 3px;
    width: 67px;
    
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
.btn-square-shadow2 {
    display: inline-block;
    padding: 0.5em;
    text-decoration: none;
    background: #ff7b00;
    color: #FFF;
    border-bottom: solid 3px #dcdcdc;
    border-radius: 3px;
    width: 67px;
    
}
.btn-square-shadow2:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}

.btn-square-shadow3{
    display: inline-block;
    padding: 0.5em;
    text-decoration: none;
    background: #777;
    color: #FFF;
    border-bottom: solid 3px #dcdcdc;
    border-radius: 3px;
    width: 67px;
}
.btn-square-shadow3:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
}


.yohaku{
	padding: 10px 10px 0px 10px;
    text-align: left;
    font-size: 14px;
}



.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 99999;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content {
    background: #fff;
    left: 50%;
    padding: 13px;
    position: absolute;
    top: 40%;
    transform: translate(-50%,-50%);
    width: 90%;
    text-align: left;
    height: 60vh;
}


.aff_modal dt {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 10px;
    margin-left: 3px;
    width: 100%;
}

.aff_modal dd {
    background: #eee;
    color: #666;
    font-size: 13px;
    line-height: 1.3;
    padding: 4px 6px;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 3px;
}

.aff_modal dt {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 10px;
    margin-left: 3px;
    width: 100%;
}

.aff_modal dt .dt_content {
    float: left;
}
.aff_modal dt .dt_tool {
    margin-left: 4.5em;
    width: 75%;
    overflow: hidden;
    height: 20px;
}


.affDsp i {
    display: inline-block;
}


.aff_modal dt .dt_tool br {
    display: none;
}

.aff_modal .icPt {
    display: none;
}

.aff_icArea {
    float: left;
    margin-bottom: 6px;
    overflow: hidden;
    width: 100%;
    height: 18px;
}

.aff_icArea li {
    float: left;
    padding: 0;
    margin-right: 3px;
}

.aff_icArea li * {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    height: 18px;
    padding: 0 3px;
    display: block;
}

.icFree:before {
    content: "docomo";
}

.icFree {
    background: #FF0000;
}

.icSoku {
    background: #ff7b00;
}

.icSoku:before {
    content: "au";
}

.icPop {
    background: #777;
}

.icPop:before {
    content: "softbank";
}


.aff_modal dd:last-child {
    -webkit-border-radius: 2px;
    overflow: scroll;
    -moz-overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    height: 158px;
    padding: 6px 4px;
}
.aff_modal dd {
    background: #eee;
    color: #666;
    font-size: 13px;
    line-height: 1.3;
    padding: 4px 6px;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 3px;
}


.aff_modal dd > h4:first-of-type {
      margin: 4px 0px 8px 0px;
}
.aff_modal dd > h4 {
    font-weight: bold;
    display: inline-block;
    margin: 9px 0 8px 0;
}


.aff_modal_btn li {
    float: left;
    width: 24%;
    padding: 6px 0 1px 0;
    box-sizing: border-box;
}


.aff_modal_btnC a {
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    line-height: 63px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    display: block;
    padding-bottom: 2px;
    margin: 0 0 3px 0;
    background: #000;
    box-shadow: 0 3px 0 #999;
    -moz-box-shadow: 0 3px 0 #999;
    -webkit-box-shadow: 0 3px 0 #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}



.aff_modal_btn li:last-child {
    width: 76%;
    padding-left: 4px;
}

.aff_modal_btnO a {
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    line-height: 63px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 1px;
    margin: 0 0 3px 0;
    background: #339c32;
    box-shadow: 0 3px 0 #630807;
    -moz-box-shadow: 0 3px 0 #0007cc;
    -webkit-box-shadow: 0 3px 0 #1c581c;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
@media screen and (max-width: 320px) {
.aff_modal_btnO a {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    line-height: 63px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 1px;
    margin: 0 0 3px 0;
    background: #339c32;
    box-shadow: 0 3px 0 #630807;
    -moz-box-shadow: 0 3px 0 #0007cc;
    -webkit-box-shadow: 0 3px 0 #1c581c;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
}
.clearbtn{
width: 94%;
margin: 15px 0px 22px 0px;
background-color: #52beee;
border: 0px;
}


.clearbtn2{
 display: inline-block;
    max-width: 90%;
    text-align: center;
    background-color: #ff0000;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 6px 24px;
    border-radius: 4px;
    border-bottom: 4px solid #731d1d;
    margin: 10px 0px 18px 0px;
}

.clearbtn2:active {
    transform: translateY(4px);
    border-bottom: none;
}

.clearbtn2 p{
	

    font-size: 16px;
    border-bottom: dotted 2px #fff600;
    color: #fff600;
}

.clearbtn2 span{
	
	font-size: 26px;
	
}


.clear_img {
    background: url(/assets/images/site/665be6c3dd3ef.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 69%;
    height: 100%;
    display: block;
    justify-content: center;
    align-items: center;
    z-index: 2;
    top: 10%;
    text-align: center;
    left: 0;
    margin: 0 auto;
    right: 0;
}




.toroku2{
position: absolute;
    top: 78%;
    left: 2.5%;
    width: 95%;
}

.toroku {
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    margin: auto;
    width: 93%;
    z-index: 9999;
}
.toroku3{
   margin: 15px 0;
  width: 95%;
}

.navi1 {
    position: absolute;
    top: 88.5%;
    left: 5%;
    width: 90%;
    z-index: 9999;
}

.navi2 {
    position: absolute;
    top: 88%;
    left: 5%;
    width: 90%;
    z-index: 9999;
}
.navi3 {
    position: absolute;
    top: 88%;
    left: 5%;
    width: 90%;
    z-index: 9999;
}


.vertical {
  animation: vertical_443 2.44s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes vertical_443 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}


.horizontal {
  animation: horizontal_2001 2.72s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes horizontal_2001 {
  0% { transform:translate(0,0) }
  4.41177% { transform:translate(5px,0) }
  8.82353% { transform:translate(0,0) }
  13.23529% { transform:translate(5px,0) }
  17.64706% { transform:translate(0,0) }
  22.05882% { transform:translate(5px,0) }
  26.47059% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}


/* アメリカンな(?)吹き出し */
#heading04{
	width: 92%;
    position: relative;
    padding: 5px 5px;
    font: bold 19px/1.6 Arial, Helvetica, sans-serif;
    color: #0e76a2;
    background: #fff;
    /* text-shadow: 1px 1px 0 #fff, 2px 2px 0 #999; */
    border-top: #0e76a2 solid 2px;
    border-bottom: #0e76a2 solid 2px;
    
    background-size: 4px 4px;
}
#heading04:before{
	content: " ";
    position: absolute;
    top: 100%;
    left: 24px;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #0e76a2;
}
#heading04:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}

#heading05{
	width: 92%;
    position: relative;
    padding: 5px 5px;
    font: bold 19px/1.6 Arial, Helvetica, sans-serif;
    color: #074c07;
    background: #fff;
    /* text-shadow: 1px 1px 0 #fff, 2px 2px 0 #999; */
    border-top: #02bb01 solid 2px;
    border-bottom: #02bb01 solid 2px;
    background-size: 4px 4px;
}
#heading05:before{
	content: " ";
    position: absolute;
    top: 100%;
    left: 24px;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #02bb01;
}
#heading05:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}

#heading06 {
    width: 93%;
    position: relative;
    padding: 5px 5px;
    font: bold 17px/1.6 Arial, Helvetica, sans-serif;
    color: #cb0433;
    background: #fff;
    border-top: #cb0433 solid 2px;
    border-bottom: #cb0433 solid 2px;
    background-size: 4px 4px;
    margin: 12px 0px;
}

#heading06:before{
	content: " ";
    position: absolute;
    top: 100%;
    left: 24px;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #cb0433;
}
#heading06:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#fff;
	z-index:1;
}

#heading07 {
    width: 93%;
    position: relative;
    padding: 5px 5px;
    font: bold 17px/1.6 Arial, Helvetica, sans-serif;
    color: #2659a9;
    background: #fff;
    border-top: #2659a9 solid 2px;
    border-bottom: #2659a9 solid 2px;
    background-size: 4px 4px;
    margin: 12px 0px;
}

#heading07:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 24px;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #2659a9;
}
#heading07:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 28px;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #fff;
    z-index: 1;
}
 .lineBot{
    padding: 10px;
    background: #fff;
    margin-top: 12px;
    margin-bottom: 15px;
    border: 2px solid #05bb02;
    width: 89%;
   }

 .lineTuika{
   	padding: 10px 0px 14px 0px;
   }
   
  .lineBota{   
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    color: #f14c4d;
  }
  .botTxt {
    display: inline-block;
    text-align: left;
  }
   	
   .lineBotb{
   background: #074c07;
    width: 80%;
    color: #fff;
    margin: 10px 0px 9px;
    }


.maillp{
    padding: 10px;
    background: #fff;
    margin-top: 12px;
    margin-bottom: 15px;
    border: 2px solid #0e76a2;
    width: 90%;
   }



.sousinBtn {
    display: inline-block;
    border-radius: 0%;
    font-size: 15pt;
    text-align: center;
    cursor: pointer;
    padding: 10px 10px;
    background: #0e76a2;
    color: #ffffff;
    line-height: 1em;
    transition: .3s;
    border: 2px solid #0e76a2;
    margin: 10px;
 -webkit-appearance: none;
}
.sousinBtn:hover {
  color         : #0e76a2;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}


 /* --- 検索全体のBOX (サンプル用)---
.searchArea {
    width: 293px;
    height: 32px;
    margin: auto;
    letter-spacing: 0.1em;
    /* font-weight: bold; */
    line-height: 0;
    padding: 6px 0px 0px 0px;
}
  */
 /* --- テキスト入力欄のSTYLE設定 --- */
   .searchArea .searchText {
    /* display: block; */
    float: left;
    box-sizing: border-box;
    height: 31px;
    width: 80%;
    margin: 0;
    padding: 0 5px;
    border: 2px solid #0e76a2;
    color: #333;
    outline: 0;
    font-size: 12px;
}
 
 /* --- 検索ボタン欄のSTYLE設定 --- */
.searchArea .searchButton {
    /* float: left; */
    box-sizing: border-box;
    height: 31px;
    margin: 0;
    padding: 6px 10px;
    border: none;
    background: #0e76a2;
    color: #fff;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
 -webkit-appearance: none;
}
 
 /* --- 検索ボタン欄にフォーカスか来たとき --- */
.searchArea .searchText:focus {
  background     : #cfe7ff;            /* フォーカス時の背景色  */
}
 
 /* --- IEの入力エリア右側×消し -------------------------*/
.searchArea .searchText::-ms-clear {
  display        : none;               /* ×を消す              */
}


.maild{
font-size: 15px;
 color: #0e76a2;
	
	
}

.nameList1{
    width: 95%;
    background: #52beee;
    border: 2px solid #fff;
    margin: 20px 0px 20px 0px;
}

.nemulist{
    max-width: 92%;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    color: #fff;
    padding: 10px;
}
 .nemuTxt {
    display: inline-block;
    text-align: left;
  }
.srnavi2 {
    position: absolute;
    top: 27%;
    left: 46%;
    width: 47%;
    z-index: 9999;
}

.srnavi {
    position: absolute;
    top: 85%;
    left: 0;
    right: 0;
    margin: auto;
    width: 81%;
    z-index: 9999;
}

.srnavi3 {
    position: absolute;
    top: 27%;
    left: 0;
    right: 0;
    margin: auto;
    width: 72%;
    z-index: 9999;
}

.scroll {
    margin: auto;
    width: 100%;
    font-size: 21px;
    line-height: 2em;
    text-align: center;
    color: #ffffff;
    background: #ff0001;
    overflow: hidden;
    padding: 10px 0px 10px 0px;
}
.scroll span{
  display     : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 3s linear infinite;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}



.ring {
  animation: ring_4832 3.4s ease infinite;
  transform-origin: 50% 0%;
}

@keyframes ring_4832 {
  0% { transform: rotate(-15deg) }
  1.17647% { transform: rotate(15deg) }
  2.35294% { transform: rotate(-18deg) }
  3.52941% { transform: rotate(18deg) }
  4.70588% { transform: rotate(-22deg) }
  5.88235% { transform: rotate(22deg) }
  7.05882% { transform: rotate(-18deg) }
  8.23529% { transform: rotate(18deg) }
  9.41176% { transform: rotate(-12deg) }
  10.58824% { transform: rotate(12deg) }
  11.76471% { transform: rotate(0deg) }
  100% { transform: rotate(0deg) }
}

.loginerror {
    color: #f00;
    font-size: 20px;
    background: #fff;
    margin: 12px 25px;
    padding: 5px;
}
  .toroku5 {
    margin: 15px auto;
    width: 100%;
}

.link{
  padding: 0 .3em;
  transition: all .3s;
  color: #0f7614;
  text-decoration: none;
}
.link:hover {
  color: #fff;
  background-color: #2ecc71;
  text-decoration: none;
}


.adtext{
color: #f00;
font-size: 20px;
 padding: 10px;
 }

.nameList4 {
    width: 95%;
    background: #ffffff;
    border: 2px solid #f00;
    margin: 20px 0px 20px 0px;
}

.nemulist3 {
    max-width: 92%;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    color: #000;
    padding: 10px;
}

.ft_banner{
	position: fixed;
    bottom: 0px;
    width: 100%;
    display: none;
    z-index: 9999;
    left: 0px;
    right: 0px;
    margin: auto;
}


/*スタバキャンペーンCSS*/
.float {
  animation: float_227 2s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes float_227 {
  0% { transform: translateY(0) }
  50% { transform: translateY(-6px) }
  100% { transform: translateY(0) }
}


.animationName {
  animation: animationName_1408 3s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes animationName_1408 {
  0% {  transform: scale(1) }
  8.33333% {  transform:scale(.9) rotate(-8deg) }
  16.66667% {  transform:scale(.9) rotate(-8deg) }
  25% {  transform:scale(1.3) rotate(8deg) }
  33.33333% {  transform:scale(1.3) rotate(-8deg) }
  41.66667% {  transform:scale(1.3) rotate(8deg) }
  50% {  transform:scale(1.3) rotate(-8deg) }
  58.33333% {  transform:scale(1.3) rotate(8deg) }
  66.66667% {  transform:scale(1) rotate(0) }
  100% {  transform:scale(1) rotate(0) }
}



.stb_navi {
    position: absolute;
    top: 67%;
    left: 0;
    right: 0;
    margin: auto;
    width: 94%;
    
}

.stb_navi2 {
    position: absolute;
    top: 87%;
    left: 0;
    right: 0;
    margin: auto;
    width: 16%;
    /* z-index: 9999; */
}

.stb_navi3 {
    position: absolute;
    top: 84%;
    left: 0;
    right: 0;
    margin: auto;
    width: 16%;
    /* z-index: 9999; */
}


.stb_navi4 {
    position: absolute;
    top: 65%;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
    /* z-index: 9999; */
}

.toroku_stb {
    position: absolute;
    top: 57%;
    left: 0;
    right: 0;
    margin: auto;
    width: 93%;
    z-index: 9999;
}


/*QUOキャンペーンCSS*/



.shuffle {
    font-size: 5.2em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: right;
    display: block;
}
.fontType1 {
    font-family: 'Shadows Into Light', sans-serif;
    position: absolute;
    top: 54%;
    left: 7%;
    color: #fee909;
}
.fontType2 {
	font-family: 'Lobster', sans-serif;
}
.fontType3 {
	font-family: 'Orbitron', sans-serif;
}


.quo_navi {
    position: absolute;
    top: 18%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
	z-index: 2;
}



.quo_navi2 {
    position: absolute;
    top: 18%;
    left: 0;
    right: 0;
    margin: auto;
    width: 8%;
    /* z-index: 9999; */
}

.quo_navi3 {
    position: absolute;
    top: 3%;
    left: 0;
    right: 0;
    margin: auto;
    width: 8%;
    /* z-index: 9999; */
}

.quo_navi4 {
    position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 8%;
    /* z-index: 9999; */
}

  .quo_navi5 {
    position: absolute;
    top: 26%;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
    /* z-index: 9999; */
}


.zansu {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 84%;
    font-size: 22px;
    color: #1266b2;
    font-weight: bold;
}

.quo_toroku {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    z-index: 9999;
}
.bounce {
  animation: bounce_6299 3.6s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce_6299 {
  0% { transform:translateY(0) }
  5.55556% { transform:translateY(0) }
  11.11111% { transform:translateY(0) }
  22.22222% { transform:translateY(-15px) }
  27.77778% { transform:translateY(0) }
  33.33333% { transform:translateY(-15px) }
  44.44444% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


@media (max-width: 360px) {
	
	.shuffle {
    font-size: 4.9em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: right;
    display: block;
}
.fontType1 {
    font-family: 'Shadows Into Light', sans-serif;
    position: absolute;
    top: 53%;
    left: 6%;
    color: #fee909;
}
	
.zansu {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 84%;
    font-size: 19px;
    color: #1266b2;
    font-weight: bold;
}
	
}


.double-flash {
  animation: double-flash_779 4s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes double-flash_779 {
  0% { opacity:1 }
  12.5% { opacity:0 }
  25% { opacity:1 }
  37.5% { opacity:0 }
  50% { opacity:1 }
  100% { opacity:1 }
}

.quo_navicp {
    position: absolute;
    top: 44%;
    left: 17%;
    margin: auto;
    width: 15%;
    z-index: 2;
}
.quo_navicp1 {
    position: absolute;
    top: 53%;
    left: 16%;
    margin: auto;
    width: 15%;
    z-index: 2;
}
.suuji{
font-size: 6em;
color: #fee902;
}

.quo_navicp2 {
    position: absolute;
    top: 32%;
    right: 13%;
    margin: auto;
    width: 11%;
    z-index: 2;
}


.affMPtimer {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.affMPtimer > li.afflist50 {
    float: left;
    width: 50%;
}

.affMPtimer .affList:nth-child(odd) {
    border-right: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
}
.affMPtimer .affList {
    text-align: center;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}


.affMPtimer .affLdl {
    padding: 10px;
}
.affMPtimer .affLdl {
    margin: 0;
	background: #fff;
}

.affMPtimer .affLdl .affLtimer {
    background: #FF0000;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
    margin-bottom: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.affMPtimer .affLdl .affLImg {
    position: relative;
    height: 84px;
}

.affMPtimer .affLdl .affLttl {
    margin: 5px 0;
}
.affLdl .affLttl {
    color: #333;
    font-weight: bold;
    height: 1.3em;
    width: 100%;
    overflow: hidden;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.affLdl .affLpt {
    color: #666;
}

.affLdl .affLpt strong {
    color: #f00;
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    text-align: left;
}

.affMPtimer .affLdl .affLImg {
    position: relative;
    height: 84px;
}

.affMPtimer .affLdl .affLImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


/* Amazonキャンペーンcss */

.az_navi {
    position: absolute;
    top: 36%;
    left: 32%;
    right: 0%;
    margin: auto;
    width: 54%;
}


.az_navi2 {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0%;
    margin: auto;
    width: 90%;
}


.az_navi3 {
    position: absolute;
    top: 71%;
    left: 7%;
    right: 0%;
    margin: auto;
    width: 19%;
}
 .az_navi4 {
    position: absolute;
    top: 93%;
    left: 0;
    right: 0;
    margin: auto;
    width: 9%;
    /* z-index: 9999; */
}

.az_navi5 {
    position: absolute;
    top: 8%;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
}

.az_navi6 {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin: auto;
    width: 89%;
    /* z-index: 9999; */
}

.az_navi7 {
    position: absolute;
    top: 82%;
    left: 0;
    right: 0;
    margin: auto;
    width: 8%;
    /* z-index: 9999; */
}

.az_toroku {
    position: absolute;
    top: 51%;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
    z-index: 9999;
}

.double-flash {
  animation: double-flash_3985 4s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes double-flash_3985 {
  0% { opacity:1 }
  12.5% { opacity:0 }
  25% { opacity:1 }
  37.5% { opacity:0 }
  50% { opacity:1 }
  100% { opacity:1 }
}

.shake {
  animation: shake_4676 7.875s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes shake_4676 {
  0% { transform:rotate(-12deg) }
  2.53968% { transform:rotate(12deg) }
  3.1746% { transform:rotate(24deg) }
  5.71429% { transform:rotate(-24deg) }
  6.34921% { transform:rotate(-24deg) }
  8.88889% { transform:rotate(24deg) }
  9.52381% { transform:rotate(24deg) }
  12.06349% { transform:rotate(-24deg) }
  12.69841% { transform:rotate(-24deg) }
  15.2381% { transform:rotate(24deg) }
  15.87302% { transform:rotate(24deg) }
  18.4127% { transform:rotate(-24deg) }
  19.04762% { transform:rotate(-24deg) }
  21.5873% { transform:rotate(24deg) }
  23.80952% { transform:rotate(0deg) }
  100% { transform:rotate(0deg) }
}


.bounce {
  animation: bounce_5271 7.6s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce_5271 {
  0% { transform:translateY(0) }
  2.63158% { transform:translateY(0) }
  5.26316% { transform:translateY(0) }
  10.52632% { transform:translateY(-15px) }
  13.15789% { transform:translateY(0) }
  15.78947% { transform:translateY(-15px) }
  21.05263% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


/* QUOnwe2CSS */


.quo2_navi {
    position: absolute;
    top: 0%;
    left: 26%;
    margin: auto;
    width: 28%;
}

.quo2_navi2 {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    margin: auto;
    width: 19%;
    /* z-index: 9999; */
}

.quo2_navi3 {
    position: absolute;
    top: 26%;
    left: 7%;
    margin: auto;
    width: 48%;
}

.quo2_navi4 {
    position: absolute;
    top: 3%;
    left: 0;
    right: 0;
    margin: auto;
    width: 95%;
}


.quo2_navi5 {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
    width: 24%;

}

.quo2_toroku {
    position: absolute;
    top: 48%;
    left: 0;
    right: 0;
    margin: auto;
    width: 93%;
    z-index: 9999;
}

.quo2_moji {
    position: absolute;
    top: 62%;
    right: 9.2%;
    margin: auto;
    font-size: 34px;
    color: #fff600;
   font-weight: bold;
}


.kyariasentaku{
    background: #fff;
    border: 2px solid #2659a9;
    width:95%
}


.hidden_box_st {
    left: 0;
    right: 0;
    margin: auto;
    padding: 23px 0px 18px 0px;
    z-index: 999;
    margin: 6px 0;
}


/*ボタン装飾*/
.hidden_box_st label {
    padding: 15px 20px;
    font-weight: bold;
    border: solid 2px #005f3f;
    color: #005f3f;
    cursor: pointer;
    background: #ffffff;
    border-radius: 30px 30px 30px 30px;
}

/*ボタンホバー時*/
.hidden_box_st label:hover {
    background: #c80608;
    color: #fff;
}

/*チェックは見えなくする*/
.hidden_box_st input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box_st .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box_st input:checked ~ .hidden_show {
    padding: 23px 0;
    height: auto;
    opacity: 1;
}

.hidden_box_az {
    left: 0;
    right: 0;
    margin: auto;
    padding: 23px 0px 18px 0px;
    z-index: 999;
    margin: 6px 0;
}


/*ボタン装飾*/
.hidden_box_az label {
   padding: 15px 20px;
    font-weight: bold;
    border: solid 2px #343e48;
    color: #ffffff;
    cursor: pointer;
    background: #343e48;
    border-radius: 30px 30px 30px 30px;
}

/*ボタンホバー時*/
.hidden_box_az label:hover {
    background: #fdab0b;
    color: #fff;
}

/*チェックは見えなくする*/
.hidden_box_az input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box_az .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box_az input:checked ~ .hidden_show {
    padding: 23px 0;
    height: auto;
    opacity: 1;
}


.hidden_box_rt {
    left: 0;
    right: 0;
    margin: auto;
    padding: 23px 0px 18px 0px;
    z-index: 999;
    margin: 6px 0;
}


/*ボタン装飾*/
.hidden_box_rt label {
   padding: 15px 20px;
    font-weight: bold;
    border: solid 2px #870001;
    color: #ffffff;
    cursor: pointer;
    background: #c00001;
    border-radius: 30px 30px 30px 30px;
}

/*ボタンホバー時*/
.hidden_box_rt label:hover {
    background: #fccf2c;
    color: #c00001;
}

/*チェックは見えなくする*/
.hidden_box_rt input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box_rt .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box_rt input:checked ~ .hidden_show {
    padding: 23px 0;
    height: auto;
    opacity: 1;
}


.hidden_box_quo {
    left: 0;
    right: 0;
    margin: auto;
    padding: 23px 0px 18px 0px;
    z-index: 999;
    margin: 6px 0;
}


/*ボタン装飾*/
.hidden_box_quo label {
  padding: 15px 20px;
    font-weight: bold;
    border: solid 3px #000000;
    color: #ffffff;
    cursor: pointer;
    background: #03b902;
    border-radius: 30px 30px 30px 30px;
}

/*ボタンホバー時*/
.hidden_box_quo label:hover {
    background: #fff;
    color: #03b902;
}

/*チェックは見えなくする*/
.hidden_box_quo input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box_quo .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box_quo input:checked ~ .hidden_show {
    padding: 23px 0;
    height: auto;
    opacity: 1;
}

.hidden_box_gooit {
    left: 0;
    right: 0;
    margin: auto;
    padding: 23px 0px 18px 0px;
    z-index: 999;
    margin: 6px 0;
}

/*ボタン装飾*/
.hidden_box_gooit label {
    padding: 15px 20px;
    font-weight: bold;
    border: solid 3px #000000;
    color: #ffffff;
    cursor: pointer;
    background: #3075f0;
    border-radius: 30px 30px 30px 30px;
}
/*ボタンホバー時*/
.hidden_box_gooit label:hover {
    background: #fff;
    color: #3075f0;
}

/*チェックは見えなくする*/
.hidden_box_gooit input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box_gooit .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box_gooit input:checked ~ .hidden_show {
    padding: 23px 0;
    height: auto;
    opacity: 1;
}
 @media screen and (max-width: 360px) {
    .hidden_box_rt label{
   padding: 15px 10px;
    font-size: 14px;
}
   .hidden_box_quo label{
   padding: 15px 10px;
    font-size: 14px;
}
  .hidden_box_st label{
    padding: 15px 10px;
    font-size: 14px;
}
 .hidden_box_az label{
   padding: 15px 10px;
    font-size: 14px;
}
 .hidden_box_gooit label{
   padding: 15px 10px;
    font-size: 14px;
}
}
.kisyu_sentaku {
    padding: 4px;
    font-size: 15px;
    text-align: center;
}

@media screen and (max-width: 360px) {
.kisyu_sentaku{
padding: 4px;
font-size: 12px;
text-align: center;
}
}

.quo_curia{
    background: #055195;
    padding: 5px;
    color: #fff600;
    font-size: 20px;
    text-align: center;
}
@media (max-width: 360px) {
.quo_curia {
    background: #055195;
    padding: 5px;
    color: #fff600;
    font-size: 17px;
    text-align: center;
}
}

.clearbtn2 {
    width: 94%;
    margin: 15px 0px 22px 0px;
    background-color: #ffdf42;
    border: 0px;
}


.oubokanryou {
    position: absolute;
    top: 47%;
    left: 0;
    right: 0;
    margin: auto;
    width: 31%;
    z-index: 3;
}

.nemulist2 {
    max-width: 95%;
    margin: 0 auto;
    text-align: left;
    font-size: 15px;
    color: #fff;
    padding: 10px;
    background: #d54646;
}



.poyooon {
      -webkit-animation: poyooon 1.5s linear 0s 1;
      animation: poyooon 1.5s linear 0s 1;
	  animation-iteration-count: infinite;
    }
    @-webkit-keyframes poyooon {
      0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
      10%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 5%); }
      40%  { -webkit-transform: scale(1.2, 0.8) translate(0%, 15%); }
      50%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
      60%  { -webkit-transform: scale(0.9, 1.2) translate(0%, -100%); }
      75%  { -webkit-transform: scale(0.9, 1.2) translate(0%, -20%); }
      85%  { -webkit-transform: scale(1.2, 0.8) translate(0%, 15%); }
      100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
    }
    @keyframes poyooon {
      0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
      10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
      40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
      50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
      60%  { transform: scale(0.9, 1.2) translate(0%, -100%); }
      75%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
      85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
      100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
    }


.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 87%;
    max-width: 600px;
    padding: 5px;
    background-color: #2551f180;
    z-index: 2;
    opacity: 1;
}

.popup-inner img {
  width: 100%;
}
.close-btn {
    right: 0;
    left: 0;
    top: 0;
    padding: 10px 0px 3px 0px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

.fortcp1 {
    position: absolute;
    top: 32%;
    left: 29%;
    /* right: 0; */
    margin: auto;
    width: 10%;
    z-index: 2;
}

.fortcp2 {
    position: absolute;
    top: 43%;
    /* left: 0; */
    right: 6%;
    margin: auto;
    width: 10%;
    z-index: 3;
}

.fortcp3 {
    position: absolute;
    top: 27%;
    left: 2%;
    right: 0;
    margin: auto;
    width: 22%;
    z-index: 3;
}

.horizontal2 {
  animation: horizontal2_473 3s ease infinite;
  transform-origin: 50% 50%;

}

@keyframes horizontal2_473 {
  0% { transform:translate(0,0) }
  4.41177% { transform:translate(5px,0) }
  8.82353% { transform:translate(0,0) }
  13.23529% { transform:translate(5px,0) }
  17.64706% { transform:translate(0,0) }
  22.05882% { transform:translate(5px,0) }
  26.47059% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.fn_curia {
    background: #ffee00;
    padding: 5px;
    color: #000000;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 320px) {
.fn_curia {
    background: #ffee00;
    padding: 5px;
    color: #000000;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
}

.engine{
  animation:engine 0.2s infinite;
  -webkit-animation:engine 0.2s infinite;
  -moz-animation:engine 0.2s infinite;
}
@keyframes engine{
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  50%  { transform: scale(1.0, 0.98) translate(0%, 1.5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@-webkit-keyframes engine{
  0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  50%  { -webkit-transform: scale(1.0, 0.98) translate(0%, 1.5%); }
  100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@-moz-keyframes engine{
  0%   { -moz-transform: scale(1.0, 1.0) translate(0%, 0%); }
  50%  { -moz-transform: scale(1.0, 0.98) translate(0%, 1.5%); }
  100% { -moz-transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.title_h2{
    background: #ff7474;
    margin: 0;
    font-size: 16px;
    padding: 10px 0;
}
.imgeria{
    width: 80%;
    margin: 40px 0;
}
.texteria_1 {
    margin: 0px 20px 30px;
}
.texteria_p {
    font-size: 14px;
    margin: 25px 0px 15px;
    text-align: left;
    line-height: 23px;
}
.line_panda {
    position: absolute;
    width: 33%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 14%;
}

.line_eria {
    height: 160px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.btn_pg{
    padding-bottom: 30px;
}
.git_bg{
   background: url(/images/site_61271729e6a21.png) no-repeat;
}
.cp_gift {
    font-size: 16px;
    font-weight: bold;
    /* margin: 30px 0; */
    line-height: 35px;
    padding: 20px 0;
}

.end_eria {
    height: 168px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.end_panda {
    position: absolute;
    width: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 13%;
}
.texteria_2{
    padding: 0px 20px 1px;
}
.footer {
    background: #000000 !important;
    padding: 10px 0;
    color: #ffffff;
    text-align: center;
}