* {
	font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
}
:root {
  --gc-vlist-sort-color:  rgba(38,189,226,0.9);
  --gc-wlist-sort-color:  rgba(38,189,226,0.9);
}

.category-list {
 cursor: pointer;
 /* styling */
    width: 100%;
    height: 25px;
    top:48px;
    font-size:14px;
    font-family: Hiragino Kaku Gothic ProN;
    color: rgb(255, 255, 255, 1);
    background-color: rgb(173, 131, 58);
    border: none;
    display: inline-block;
    font: inherit;
    padding-left: 15px;

  /* reset */

    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;

/* arrows */

    background-image:
      linear-gradient(45deg, transparent 50%, rgb(255,255,255) 50%),
      linear-gradient(135deg, rgb(255,255,255) 50%, transparent 50%),
      linear-gradient(to right, rgb(0, 87, 170), rgb(0, 87, 170));
    background-position:
      calc(100% - 20px) calc(1em - 5px),
      calc(100% - 10px) calc(1em - 5px),
      100% 0;
    background-size:
      10px 10px,
      10px 10px,
      2.5em 2.5em;
    background-repeat: no-repeat;
    box-shadow: 3px 3px 6px grey;
}

fieldset {
  border: rgba(0,87,170,1);
  padding: 0;
  margin: 0;
  text-align: center;
}


.vlist-radio-button-container {
  color: #404040;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  font-family: Hiragino Kaku Gothic ProN;
}
.vlist-radio-button-container .vlist-radio-button-label {
  margin-bottom: 9px;
}
.vlist-radio-button-container .vlist-contents {
  display: flex;
  align-items: center;
}
.vlist-radio-button-container .vlist-contents span {
  font-size: 12px;
  padding-right: 6px;
}
.vlist-radio-button-container .vlist-contents .vlist-radio-buttons {
  display: inline-flex;
  justify-content: space-between;
  height: 25.5px;
  margin: 0;
  padding: 0;
}
.vlist-radio-button-container .vlist-contents .vlist-radio-buttons label {
  padding: 0 3px;
  margin: 0 6px;
  cursor: pointer;
  padding-top: 5px;
}
.vlist-radio-button-container .vlist-contents .vlist-radio-buttons input[type=radio] {
  display: none;
}
.vlist-radio-button-container .vlist-contents .vlist-radio-buttons input[type=radio]:checked + label {
  background-color: var(--gc-vlist-sort-color);
}



//
//
fieldset {
  border: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

h1 {
  margin: 0;
  line-height: 1.2;
}

p {
  margin: 0 0 1.6rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #ddd;
}

.radio-inline__input {
    clip: rect(5px, 5px, 5px, 5px);
    position: absolute !important;
    display: inline-block;
}

.radio-inline__label {
    display: inline-block;
//    padding: 0.5rem 1rem;
    margin-right: 0px;
    margin-bottom: 0px;
    border: 2px solid;
    border-radius: 10px;
    transition: all .2s;
    font-size: 12px;
    font-family:'Hiragino Kaku Gothic ProN';
    width:28%; 
    height:30px; 
    color:rgba(0,87,170,1);
}

.radio-inline__input:checked + .radio-inline__label {
    background: rgba(0,87,170,1);
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: rgba(0,87,170,1);
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}

	.loope {
		overflow: visible;
		position: absolute;
		width: 30.096px;
		height: 30.098px;
		left: 326.5px;
		top: 229.112px;
		transform: matrix(1,0,0,1,0,0);
	}


/*　ビデオ一覧　*/
	.vlist-status {
		position:absolute; 
		background-color:Green; 
		height:90px; 
		top:0; 
		margin-left:3px;
		width:10px; 
	}
	.vlist-img {
		position: absolute;
//		width: 44%;
//		height: auto;
		width: auto;
		height: 90px;
		margin-left: 15px;
		top: 0px;
		overflow: visible;
		cursor: pointer;		
	}
	.vlist-description {
		position: absolute;
		left: 187px;
		top: 17px;
		overflow: hidden;
		width: calc(100% - 190px);
		height: 26px;
		line-height: 13px;
		margin-top: 0px;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		color: rgba(0,0,0,1);
	        display: -webkit-box;
	        -webkit-box-orient: vertical;
	        -webkit-line-clamp: 2;
    		text-overflow: ellipsis;
	}
        .vlist-title {
		position: absolute;
		left: 187px;
		top: 0px;
		overflow: visible;
		width: calc(100% - 190px);
		text-align: left;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height:15px;
	}
        .vlist-saisei {
		position: absolute;
		left: 187px;
		top: 16px;
		overflow: visible;
		width: calc(100% - 190px);
		text-align: left;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height:18px;
		padding-top: 3px;
		background-color:white;
	}    
	.vlist-category {
		position: absolute;
		left: 187px;
		top: 40px;
		overflow: hidden;
		width: calc(100% - 190px);
		height:28px;
		text-align: left;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 500;
		font-size: 13px;
		line-height:14px;
		color: rgba(173,131,58,1);
		cursor: pointer;
		text-deco
		word-break:keep-all;
	        display: -webkit-box;
	        -webkit-box-orient: vertical;
	        -webkit-line-clamp: 2;
    		text-overflow: ellipsis;
	}
	.gc-coin-num {
		position: absolute;
		left: 187px;
		top: 74px;
		padding-left:2px;
		overflow: hidden;
		width: 80px;
		white-space: nowrap;
		text-align: left;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 16px;
		background-color: rgba(173,131,58,1);
		color: white;
	}
	#exp-rattcoin {
		position: absolute;
		width: 58px;
		height: 71.824px;
		left: 85%;
		top: 150px;
		overflow: visible;
		--web-animation: fadein 0.3s ease-out;
		--web-action-type: page;
		--web-action-target: iPhone_X_XS_11_Pro___1.html;
		cursor: pointer;
	}
	.___3 {
		filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.341));
		overflow: visible;
		position: absolute;
		width: 77px;
		height: 90.824px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#____________ {
		position: absolute;
		left: 10.5px;
		top: 24.5px;
		overflow: visible;
		width: 31px;
		white-space: nowrap;
		line-height: 10px;
		margin-top: -1px;
		text-align: center;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: normal;
		font-size: 8px;
		color: rgba(173,131,58,1);
		letter-spacing: -1.5px;
	}

	#vlist-query {
		width:100%; 
		height:25px; 
		border-radius:10px;  
		background-color:#D9D9D9; 
		text-align:left;"
		font-size:16px;
	        box-shadow: 3px 3px 6px grey;
	}


.popup {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
  overflow-y:auto;
  overflow-x:hidden;
  align: center;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  max-width: 450px;
//  padding: 10px;
  background-color: #fff;
  z-index: 90002;
}
.popup-inner img {
  width: 100%;
  height: auto;
//  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.close-btn {
  position: absolute;
  right: 15px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  font-size: 30px;
//  font-family : cursive;
  font-weight: bold;
//  border: outset;
}
.close-btn i {
  font-size: 30px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,1);
  z-index: 90001;
  cursor: pointer;
}

/* Wow Wow1 */
	#wow-wow {
		position: absolute;
		width: 58.3px;
		height: 44.4px;
		left: 35.0%;
		top: 7.198px;
		overflow: visible;
	}
	#_____375w {
		position: absolute;
		width: 58.3px;
		height: 44.4px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	.___113w {
		overflow: visible;
		position: absolute;
		width: 42.7px;
		height: 44.4px;
		left: 15.6px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___114w {
		overflow: visible;
		position: absolute;
		width: 17.0px;
		height: 16.8px;
		left: 0px;
		top: 17.6px;
		transform: matrix(1,0,0,1,0,0);
	}
	._____378w {
		position: absolute;
		width: 35.8px;
		height:11.5px;
		left: 19.0px;
		top: 13.5px;
		overflow: visible;
	}
	#_____376w {
		position: absolute;
		width: 21.523px;
		height: 7.877px;
		left: 0px;
		top: 0.28px;
		overflow: visible;
	}
	.___115w {
		overflow: visible;
		position: absolute;
		width: 12.0px;
		height: 11.0px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___116w {
		overflow: visible;
		position: absolute;
		width: 8.4px;
		height: 7.4px;
		left: 11.5px;
		top: 3.6px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___117w {
		overflow: visible;
		position: absolute;
		width: 9.7px;
		height: 7.4px;
		left: 20.4px;
		top: 3.6px;
		transform: matrix(1,0,0,1,0,0);
	}
	._____377w {
		position: absolute;
		width: 5.9px;
		height: 11.5px;
		left: 29.9px;
		top: 0px;
		overflow: visible;
	}
	.___118w {
		overflow: visible;
		position: absolute;
		width: 5.9px;
		height: 11.5px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}

/*　WOW一覧　*/


.wlist-radio-button-container {
  color: #404040;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  font-family: Hiragino Kaku Gothic ProN;
}
.wlist-radio-button-container .wlist-radio-button-label {
  margin-bottom: 9px;
}
.wlist-radio-button-container .wlist-contents {
  display: flex;
  align-items: center;
}
.wlist-radio-button-container .wlist-contents span {
  font-size: 12px;
  padding-right: 6px;
}
.wlist-radio-button-container .wlist-contents .vlist-radio-buttons {
  display: inline-flex;
  justify-content: space-between;
  height: 25.5px;
  margin: 0;
  padding: 0;
}
.wlist-radio-button-container .wlist-contents .wlist-radio-buttons label {
  padding: 0 3px;
  margin: 0 6px;
  cursor: pointer;
  padding-top: 5px;
}
.wlist-radio-button-container .wlist-contents .wlist-radio-buttons input[type=radio] {
  display: none;
}
.wlist-radio-button-container .wlist-contents .wlist-radio-buttons input[type=radio]:checked + label {
  background-color: var(--gc-wlist-sort-color);
}


	#wlist-query {
		width:100%; 
		height:25px; 
		border-radius:10px;  
		background-color:#D9D9D9; 
		text-align:left;"
		font-size:16px;
	        box-shadow: 3px 3px 6px grey;
	}
	.wlist-img-area {
		position:absolute;
		height: 30px;
		width: 30%;
		left: 65%;
		top: 70px;
		overflow: hidden;
		cursor: pointer;
	}
	.wlist-img {
		width: 128px;
		height: 72px;
		margin-left:calc(100% - 120px);
		margin-top: 65px;
		overflow: hidden;
		cursor: pointer;
	}
        .wlist-saisei {
		width: 128px;
		height: 15px;
		margin-left:calc(100% - 120px);
		margin-top: 5px;
		overflow: hidden;
		text-align: left;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height:14px;
		background-color:white;
	}    
	.wlist-description {
		position: absolute;
		left: 10px;
		top: 20px;
		width: calc(100% - 5px);
		height: 48px;
		line-height: 16px;
		margin-top: -2px;
		text-align: left;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		color: rgba(0,0,0,1);
		overflow:hidden;
	        display: -webkit-box;
	        -webkit-box-orient: vertical;
	        -webkit-line-clamp: 3;
    		text-overflow: ellipsis;
		cursor: pointer;
	}
        .wlist-date {
		position: absolute;
		left: 15px;
		top: 75px;
		overflow: hidden;
		width: calc(100% - 140px);
		white-space: nowrap;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 600;
		font-size: 13px;
		line-height:15px;
		color: black;
	}
/*顔イメージ*/
	.wlist-user-image-div {
		position: absolute;
		width: 39px;
		height: 39px;
		left: 10px;
		top: 110px;
		overflow: visible;
	}
        .wlist-user-image {
		width:100%; 
		height:100%; 
                border-radius:50%; 
		background-position:center center; 
		background-size: 100% auto;
                border: 2px solid rgba(173,131,58,1);
	}
        .wlist-company {
		position: absolute;
		left: 50px;
		top: 100px;
		overflow: hidden;
		width: calc(100% - 170px);
		white-space: nowrap;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 500;
		font-size: 13px;
		line-height:14px;
		color: rgba(20,16,14,1);
	}
        .wlist-department {
		position: absolute;
		left: 50px;
		top: 115px;
		overflow: hidden;
		width: calc(100% - 170px);
		white-space: nowrap;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 500;
		font-size: 13px;
		line-height:14px;
		color: rgba(20,16,14,1);
	}
        .wlist-title {
		position: absolute;
		left: 50px;
		top: 130px;
		overflow: hidden;
		width: calc(100% - 170px);
		white-space: nowrap;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 500;
		font-size: 13px;
		line-height:14px;
		color: rgba(20,16,14,1);
	}
	.wlist-name {
		position: absolute;
		left: 50px;
		top: 145px;
		overflow: hidden;
		width: calc(100% - 170px);
		white-space: nowrap;
		font-family: Hiragino Kaku Gothic ProN;
		font-style: normal;
		font-weight: 500;
		font-size: 13px;
		line-height:14px;
		color: rgba(20,16,14,1);
	}



#wow-popup {
    position: absolute;
    width: 96%;
    height: 90%;
    left: 2%;
    top: 60px;
    overflow-z: hidden;
    overflow-y: visible;
}
#wow-popup-video {
    position: relative;
    width: 80px;
    height: auto;
    left: calc(100% - 92px);;
    top: 40px;
    overflow: hidden;
    cursor:pointer;
}
#wow-wow-area {
    position: relative;
    overflow: visible;
    width: 100%;
    height: 110%;
    left: 0%;
    margin-top: 10px;
}
#wow-popup-border {
    position: absolute;
    overflow: visible;
    width: 100%;
    height: 96%;
    left: 0%;
    top: -1%;
    border: rgb(173,131, 58)  solid;
    border-radius: 7px;
    border-style: outset;
    box-shadow: 2px 2px 2px;
    background-color:rgb(250, 255, 255);
}
#wow-popup-name-border {
    position: absolute;
    overflow: visible;
    width: 96%;
    height: 80px;
    left: 2%;
    top: 8px;
    border:none;
    box-shadow: 1.5px 1.5px 2px;
    background-color:rgb(255, 255, 224);
}
#wow-popup-name{
position: absolute;
    left: 80px;
    top: 17px;
    overflow: visible;
    width: 100px;
    white-space: nowrap;
    line-height: 18px;
    margin-top: -3px;
    text-align: left;
    font-family: Hiragino Kaku Gothic ProN;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0,0,0,1);
}
#wow-popup-wow-description{
position: absolute;
    left: 5%;
    top: 100px;
    overflow: visible;
    width: 90%;
    height:calc(100% - 130px);
    line-height: 18px;
    margin-top: -3px;
    text-align: left;
    font-family: Hiragino Kaku Gothic ProN;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: rgba(0,0,0,1);
    overflow-y:auto;
    overflow-x:hidden;
}
#wow-popup-warning-message{
position: absolute;
    left: 17%;
    top: 200px;
    overflow: visible;
    width: 70%;
    line-height: 26px;
    margin-top: -3px;
    text-align: left;
    font-family: Hiragino Kaku Gothic ProN;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: rgba(128,0,0,1);
    visibility: hidden;
}


#wow-popup-hide-btn {
    position: absolute;
    width:  25px;
    height: 25px;
    left: calc(100% - 35px);
    bottom: -20px;  ;
    overflow: visible;
    --web-animation: fadein 0.3s linear;
    --web-action-type: page;
    --web-action-target: ______.html;
    cursor: pointer;
}
.wow-popup-white-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,1);
}

/* Wow mark */
	#wow-popup-wow {
		position: absolute;
		width: 180px;
		height: 55px;
		left: calc(50% - 72px);
		top: 2px;
		background-color:white;
		overflow: visible;
		z-index: 100;
	}
	._____375pw {
		position: absolute;
		width: 87.45px;
		height: 66.6px;
		left: 0px;
		top: 0px;
		overflow: visible;
	}
	.___113pw {
		overflow: visible;
		position: absolute;
		width: 64.05px;
		height: 66.6px;
		left: 23.4px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___114pw {
		overflow: visible;
		position: absolute;
		width: 25.5px;
		height: 25.2px;
		left: 0px;
		top: 26.4px;
		transform: matrix(1,0,0,1,0,0);
	}
	._____378pw {
		position: absolute;
		width: 53.7.8px;
		height:17.25px;
		left: 28.5px;
		top: 20.25px;
		overflow: visible;
	}
	._____376pw {
		position: absolute;
		width: 32.28px;
		height: 11.8px;
		left: 0px;
		top: 0.42px;
		overflow: visible;
	}
	.___115pw {
		overflow: visible;
		position: absolute;
		width: 18.0px;
		height: 16.5px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___116pw {
		overflow: visible;
		position: absolute;
		width: 12.6px;
		height:11.1px;
		left: 17.75px;
		top: 5.4px;
		transform: matrix(1,0,0,1,0,0);
	}
	.___117pw {
		overflow: visible;
		position: absolute;
		width: 14.55px;
		height: 11.1px;
		left: 30.6px;
		top: 5.4px;
		transform: matrix(1,0,0,1,0,0);
	}
	._____377pw {
		position: absolute;
		width: 8.85px;
		height: 17.25px;
		left: 44.85px;
		top: 0px;
		overflow: visible;
	}
	.___118pw {
		overflow: visible;
		position: absolute;
		width: 8.85px;
		height: 17.25px;
		left: 0px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
/*顔イメージ*/
	#wow-popup-userimage-div {
		position: absolute;
		width: 55px;
		height: 55px;
		left:20px;
		top: 25px;
		overflow: visible;
	}