.amarantubeouter{
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif;
		text-rendering: optimizeLegibility;
		width:480px;
		height:120px;
		max-width:calc( 100% - 20px );
		position:absolute;
		right:0px;
		left:0px;
		margin:auto auto;
		z-index: 499;
		font-size:12px;
		line-height:14px;
		color:#111;
		border:1px solid #ababab;
		overflow:hidden;
	}
	.amarantube div{
		position: relative;
		margin:0 4px 0 0;
		width:120px;
		height:120px;
	}
	.amarantube{
		position: relative;
		width:100%;
		height:100%;
	    background-color:#fff;
	    text-align:left;
	}
	.amarantubeoutertop{
		top:10px;
	}
	.amarantubeouterbottom{
		bottom:10px;
	}
	.amarantube a{
		text-decoration:none;
		color:#00f;!important;

	}
	.amarantube a.clicker{
		display:block;
		width:100%;
		height:100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.amarantube img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	}

	.amarantube strike,.strike{
		color:#767676!important;	
	}
	
	.amarantube .nozaiko{
		color:#990000;
		font-weight:bold;
		font-style: normal;
	}
	.amarantube .yoyaku{
		font-weight:bold;
		font-style: normal;
		color:#444;
	}
	.amarantube .pubdate{
		font-weight:normal;
		color:#444;
	}
	.amarantube .prime{
		color:#444;
	}
	.amarantube .author{
		color:#444;
	}

	.amarantube .amazoninfo{
		line-height:1.6em;
		font-size:10px;
		position:absolute!important;
		right:4px;
		bottom:4px;
		z-index: 1000;

    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: rgb(190, 149, 44) rgb(166, 130, 38) rgb(155, 121, 36);
    border-radius: 3px;
    vertical-align: middle;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    color: #111!important;
    background: linear-gradient(rgb(254, 230, 176), rgb(238, 186, 55)) rgb(254, 230, 176);
    
    height: 1.6em;
    padding: 0px 2px 0px 2px;
    width:10em;
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px inset;
    }
	.amarantube .amazoninfo::after{
		content: "\3067\30C1\30A7\30C3\30AF"!important;
	}
    .amarantube .priceinfo{

    	height:10px;
    	font-size:8px;
    	color:#767676;
    }
    .amarantubeouter .postedwith{
    	display:block;
    	cursor: pointer;
    	position: absolute!important;
    	bottom:-2px;
		line-height:2em;
		font-size:10px;
    	left:0px;
   		height: 2em;
   		border-radius: 0 6px 0 0 ;
    	font-size:10px;
		background-color: rgba(255,255,255,0.8);
		padding:0 4px 0 1px;
		z-index: 500;
    }
    .amarantubeouter .postedwith span{
    	text-decoration:underline;
    	color:#00f;

    }
	.amaranicon-cancel-circle{
		display:inline-block;
		width:16px;
		height:16px;
		position:absolute;
		top:0px;
		right:0px;
		z-index: 500;
		font-size: 14px;
		line-height:14px;
		padding:2px 0px 0px 0px;
		color:#00ccff;
		background-color:#fff;

	}
	.amaranicon-cancel-circle:hover{
		cursor: pointer;
	    color:#666;
	}
	.amaranicon-info{
		display:inline-block;
		width:16px;
		height:16px;
		position:absolute;
		top:0px;
		right:16px;
		z-index: 500;
		font-size: 14px;
		
		line-height:14px;
		padding:2px 2px 0px 1px;
		color:#00ccff;
		background-color:#fff;
		text-align:right;
		border-radius:0 0 0 6px;

	}
	.amaranicon-info:hover{
		cursor: pointer;
	    color:#666;
		width:160px;
		padding-left:2px;

	}
	
	.amaranicon-info:hover::before{
		content: "Posted\a0with\a0\30A2\30DE\30C4\30D9\ea0c";

	}
	.amaranicon-r:hover{
		width:170px!important;
	}
	.amaranicon-r:hover::before{
		content: "Posted\a0with\a0\30A2\30DE\30C4\30D9R\ea0c"!important;

	}
	.amaranicon-info:hover ~ .amaranicon-cancel-circle{

	}
	
	
	.amarantube .dmminfo{
		line-height:1.6em;
		font-size:10px;
		position:absolute!important;
		right:4px;
		bottom:4px;
		z-index: 1000;

    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: rgb(190, 149, 44) rgb(166, 130, 38) rgb(155, 121, 36);
    border-radius: 3px;
    vertical-align: middle;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    color: #111!important;
    background: linear-gradient(rgb(254, 230, 176), rgb(238, 186, 55)) rgb(254, 230, 176);
    
    height: 1.6em;
    padding: 0px 2px 0px 2px;
    width:10em;
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px inset;
    }
	.amarantube .dmminfo::after{
		content: "\4ECA\3059\3050\30C0\30A6\30F3\30ED\30FC\30C9"!important;
	}
	
	.dmmtubecomment{
		color:#767676;
		font-size:12px;
		line-height:1.4!important;
		display:block;
	
	}
	.dmmmorecolor{
		background: linear-gradient(transparent 0%, #ffffff 100%);
		padding:0;
		position:absolute;
		display:block;
		bottom:0;
		right:0;
		line-height:1;
		width:calc(100% - 120px)!important;
		height:4rem;
	}
	
@media screen and (min-width: 480px) {
	.amarantubeouter{
		height:160px!important;
		font-size:15px;
		line-height:19px;
	}

	.amarantube div{
		width:160px!important;
		height:160px!important;
	}

	.amarantube .amazoninfo{
		font-size:12px!important;
		padding:0 10px 0 11px!important;
    	width:12em!important;
    	height: 2em!important;
    	line-height:2em;
	}
	.amarantube .amazoninfo::after{
		content: "\3067\4ECA\3059\3050\30C1\30A7\30C3\30AF"!important;
	}

	.amarantube .dmminfo{
		font-size:12px!important;
		padding:0 10px 0 11px!important;
    	width:12em!important;
    	height: 2em!important;
    	line-height:2em;
	}
	.amarantube .dmminfo::after{
	}

	.dmmmorecolor{
		width:calc(100% - 160px)!important;
	}

}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?t5nvm0');
  src:  url('fonts/icomoon.eot?t5nvm0#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?t5nvm0') format('truetype'),
    url('fonts/icomoon.woff?t5nvm0') format('woff'),
    url('fonts/icomoon.svg?t5nvm0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="amaranicon-"], [class*=" amaranicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.amaranicon-info:before {
  content: "\ea0c";

}
.amaranicon-cancel-circle:before {
  content: "\ea0d";

}