/* 全般の設定 */
*,
*: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 #872322;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #fff;
  background: #34e656;
  border-bottom: 2px solid #1a7b2d;
}
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;
}
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";
*{
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;
height: 120px !important;
   
}
#footer_menu {
    padding: 3px;
    background-color: #f50001;
    font-size: 77%;
    color: #fff;
    text-align: center;
  
}

#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: 10px;
    margin: 2px;
    /* background: #000; */
    border: solid 2px #3a3a3a;
 }

.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: 5px 10px 5px 6px;
    background-color: #fff;
    box-sizing: border-box;
}
a {
    text-decoration: none;
    color: #666;
}

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

.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;
}


.media__left {
    display: table-cell;
    padding-right: 16px;
    vertical-align: middle;
    /* margin-top: 12px; */
}

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

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


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

.heading--big {
    font-size: 17px;
    border-bottom: solid 2px #000;
    color: #000000;
}

.-mt8 {
    margin-top: 3px;
}
.-mt9 {
    margin-top: 3px;
}
.label {
    width: 252px;
    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;
}
.label__item_ss {
    float: left;
    display: block;
    padding: 2px 0;
    margin-right: 4px;
}

.label__item_ss>span {
    padding: 10px 20px;
    display: block;
    line-height: 1;
    background-color: #219e1f;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
    border-bottom: solid 3px #1c4e19;
    font-weight: bold;
}
.label__item_tr {
    float: left;
    display: block;
    padding: 2px 0;
    margin-right: 4px;
}

.label__item_tr>span {
    padding: 10px 20px;
    display: block;
    line-height: 1;
    background-color: #ff0102;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
    border-bottom: solid 3px #b12829;
    font-weight: 600;
}

.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: #ffeb00;
    font-size: .833rem;
    color: #000;
    border-radius: 3px;
    white-space: nowrap;
}


.label.-special .label__item strong {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -6px;
}

@media screen and (max-width: 320px){
.label {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    *: ;
    zoom: 1;
}
.label__item_ss>span {
    padding: 5px 5px;
    display: block;
    line-height: 1;
    background-color: #219e1f;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
    border-bottom: solid 3px #1c4e19;
    font-weight: 600;
}
.label__item_tr>span {
    padding: 5px 5px;
    display: block;
    line-height: 1;
    background-color: #ff0102;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
    border-bottom: solid 3px #b12829;
    font-weight: bold;
}
}

.-clr-attention {
    color: #ca3e27!important;
}

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

.listGroup__body.ic-arr-r:after {
    right: 2px;
}

/*ボタン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: 20px 7px 15px 7px;
}
.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: 20px 7px 15px 7px;
}
.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: 20px 7px 15px 7px;
}
.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: 170px;
    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-top: 0;
}
.aff_modal dd > h4 {
    font-weight: bold;
    display: inline-block;
    margin: 20px 0 2px 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: 24px;
    font-weight: bold;
    line-height: 63px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 1px;
    margin: 0 0 3px 0;
    background: #ff0400;
    box-shadow: 0 3px 0 #630807;
    -moz-box-shadow: 0 3px 0 #0007cc;
    -webkit-box-shadow: 0 3px 0 #630807;
    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: 76%;
left: 2.5%;
width: 95%;
z-index: 9999;
}


.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: 86%;
    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: 100%;
    position: relative;
    padding: 5px 5px;
    font: bold 19px/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: 100%;
    position: relative;
    padding: 5px 5px;
    font: bold 18px/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{
   	font-size: 15px;
    text-align: center;
    color: #f14c4d;
   	}
   	
   .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;
}
.sousinBtn:hover {
  color         : #0e76a2;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}



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

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

.nemulist{
   font-size: 15px;
   text-align: left;
   color: #fff;
   padding: 10px;
}



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

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

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


.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%);
}

.timer, .timer-1 {
    font-size: 20px;
    font-size: 4rem;
    color: #bf0001;
    font-weight: bold;
}

.timer-2 {
    font-size: 35px;
    color: #ffffff;
    font-weight: bold;
}

@media (max-width: 320px) {
.timer-2 {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
}

}
.timer-3 {
    font-size: 20px;
    font-size: 4rem;
    color: #bf0001;
    font-weight: bold;
}
.timer div,
.timer-1 div,
.timer-2 div,
.timer-3 div{display:inline-block;}


.timer-title {margin:0 0 4px 0;}


.is-complete {
color:red;
-webkit-animation-name: blinker;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration: 1s;
}


.rakuten_navi6 {
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    margin: auto;
    /* width: 102%; */
}

.slot_p3 {
    position: absolute;
    top: 10.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 94%;
    z-index: 1;
}

.tejyun_1 {
    position: absolute;
    top: 89.5%;
    left: 0;
    right: 0;
    margin: auto;
    width: 12%;
    z-index: 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: #000000;
    cursor: pointer;
    background: #ffeb02;
    border-radius: 30px 30px 30px 30px;
}
/*ボタンホバー時*/
.hidden_box_gooit label:hover {
    background: #000;
    color: #ffeb02;
}

/*チェックは見えなくする*/
.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;
}
.okuru2 {
    color: #fff;
    background-color: #7dd2f7;
    border-bottom: 5px solid #254d5f;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 70px;
    font-size: 22px;
}
.nyuryoku {
    border: solid 2px #7dd2f7;
    width: 100%;
    padding: 10px;
    margin-bottom: 18px;
}
.uketori_hyouhin2 {
    border: solid 2px #ff7473;
    padding: 10px 0;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 20px;
}
.okuru{
    color: #fff;
    background-color: #ff7472;
    border-bottom: 5px solid #772827;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 70px;
    font-size: 22px;
}
.okuru:hover {
  margin-top: 3px;
  color: #fff;
  background: # ff7472;
  border-bottom: 2px solid #772827;
}

.texteria_p2 {
    font-size: 14px;
    margin: 15px 0px 10px;
    text-align: center;
}
.uketori_pr {
    position: absolute;
    width: 26%;
    left: 37.5%;
    /* right: 0; */
    margin: 0 auto;
    top: 30%;
}
 .uketori_hyouhin{
    border: solid 2px #ff7473;
    padding: 10px 0;
    font-weight: bold;
    font-size: 15px;
}
.title_h2_2 {
    background: #299c2c;
    margin: 0;
    font-size: 16px;
    padding: 10px 0;
}

#container {
  position: relative;
  height: 200px;
  margin: 20px;
}

.circle {
 
  animation: wobbling_x 0.8s ease-in-out infinite alternate,
    wobbling_y 1.1s ease-in-out infinite alternate;
}



@keyframes wobbling_x {
  0% {
    margin-left: 8px;
  }

  100% {
    margin-left: 0px;
  }
}

@keyframes wobbling_y {
  0% {
    margin-top: 0px;
  }

  100% {
    margin-top: 8px;
  }
}
.ribon_orenji {
  line-height: 60px;
  position: relative;
  height: 60px;
  margin: 1em 50px 1em;
  padding: 0 2rem;
  text-align: center;
  color: #fff;
  background: #ff7b00;

}

.ribon_orenji:before,
.ribon_orenji:after {
  position: absolute;
  top: 0;
  display: block;
  height: 48px;
  content: '';
  border: 30px solid #ff7b00;
}

.ribon_orenji:before {
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.ribon_orenji:after {
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

.ribon_ao {
  line-height: 60px;
  position: relative;
  height: 60px;
  margin: 1em 50px 1em;
  padding: 0 2rem;
  text-align: center;
  color: #fff;
  background: #0073ba;

}

.ribon_ao:before,
.ribon_ao:after {
  position: absolute;
  top: 0;
  display: block;
  height: 48px;
  content: '';
  border: 30px solid #0073ba;
}

.ribon_ao:before {
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.ribon_ao:after {
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

.ribon_midori {
  line-height: 60px;
  position: relative;
  height: 60px;
  margin: 1em 50px 1em;
  padding: 0 2rem;
  text-align: center;
  color: #fff;
  background: #00ba00;

}

.ribon_midori:before,
.ribon_midori:after {
  position: absolute;
  top: 0;
  display: block;
  height: 48px;
  content: '';
  border: 30px solid #00ba00;
}

.ribon_midori:before {
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.ribon_midori:after {
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

.ribon_aka {
  line-height: 60px;
  position: relative;
  height: 60px;
  margin: 2em 50px 1em;
  padding: 0 2rem;
  text-align: center;
  color: #fff;
  background: #fa4141;

}

.ribon_aka:before,
.ribon_aka:after {
  position: absolute;
  top: 0;
  display: block;
  height: 48px;
  content: '';
  border: 30px solid #fa4141;
}

.ribon_aka:before {
  left: -40px;
  border-left-width: 15px;
  border-left-color: transparent;
}

.ribon_aka:after {
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}

.ribon_aka span {
  position: relative;
  display: block;
}

.footer-menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 7px 0 11px;
    font-size: 10px;
    background: #f50002;
    padding: 8px;
}