/*
Theme Name: STINGER PRO Child
Template: stingerpro
Version: 20170501
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

header{
	background-color:#0171bd;
}

#headbox, nav.smanone{
	max-width:none!important;
}

#st-menuwide{
	width:100%;
	background: #444444!important; 
	max-width:none!important;
}

header .smanone ul.menu li{
	width:16.6%;
}

header .smanone ul.menu li a{
	color:#fff;
	font-size:100%;
}

header .smanone ul.menu li a:hover{
	background-color:#555;
	color:#fdb603;
}

#mainmenu{
	position:absolute;
	top:25px;
	right:15px;
}

#mainmenu ul li{
	float:left;
	list-style-type:none;
}

#mainmenu ul li a{
	color:#fff;
	display:inline-block;
	text-align:center;
	text-decoration:underline;
	margin-left:25px;
	font-weight:bold;
}

#mainmenu ul li a:hover{
	color:#fdb603;
}

#intro{
	margin-bottom:35px;
}

#intro .pocketse{
	float:left;
	width:55%;
	margin-top:15px;
}

#intro .pocketse p, #intro .pocketse h2{
	font-size:180%;
	line-height:190%;
	font-weight:normal;
	margin:0px!important;
	padding:0px!important;
}

#intro .kensaku{
	float:left;
	width:45%;
	background-color:#eeeeee;
	border-radius:4px;
}

#intro dl{
	width:90%;
	margin:0px auto 12px auto;
}

#intro dl dt{
	width:20%;
	float:left;
}

#intro dl dd{
	width:80%;
	float:left;
}

#search{
	width:90%;
	margin:12px auto;
}

.morebt{
	width:60%;
	margin:0px auto 12px auto;
	background-color:#fdb603;
	border-radius:8px;
}

.morebt a{
	display:block;
	text-align:center;
	padding:10px;
	font-weight:bold;
	color:#fff;
}

.morebt a:hover{
	background-color:#ffc739;
}

.orange{
	color:#fdb603;
}

h2.top{
	font-size:170%;
	text-align:center;
}

.content-pack{
	clear:both;
	overflow:hidden;
}

.content-pack .notice{
	padding: 0px 35px 35px 0px;
    float: left;
    box-sizing: border-box;
}

.content-pack .notice:nth-of-type(3){
	padding: 0px 0px 35px 0px;
}

.notice .item{
	width:363px;
	height:282px;
	background-color:#eee;
	position:relative;
}

.notice h3{
	background-color:#444;
	font-size:120%;
	color:#fff;
	font-weight:bold;
	padding:8px 0px 8px 12px;
	box-sizing:border-box;
}

.notice h3.buy{
	background-color:#0171bd;
}

.notice h3.subscription{
	background-color:#ffa800;
}

.notice p{
	padding:8px 8px 8px 12px;
	box-sizing:border-box;
	font-size:110%;
	line-height:150%;
}

.notice dl{
	margin:10px 0px 10px 0px;
	overflow:hidden;
}

.notice dt{
	float:left;
	width:50%;
	font-size:100%;
	text-align:center;
	height:34px;
	display: inline-block;
	padding-top:4px;
}

.notice dd{
	float:left;
	width:50%;
	text-align:center;
	font-size:140%;
	font-weight:bold;
	color:#f00;
	margin-bottom:8px;
}

.notice .morebt{
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	margin:0px auto 0px auto;
}

.content-pack .rule{
	float:left;
	width:50%;
	margin-bottom:30px;
}

.rule .imgbox, .rule .desc{
	float:left;
}

.rule .imgbox{
	min-width:140px;
}

.rule .desc{
	width:70%;
}

.rule .desc h3{
	font-size:140%;
	margin:3px 0px 12px 0px;
}

.content-pack .soundeffect, .content-pack .bgm{
	float:left;
	width:50%;
	background-color:#eee;
}

.content-pack .bgm h3, .content-pack .soundeffect h3{
	text-align:center;
	color:#fff;
	background-color:#0171bd;
	padding:5px;
}

.content-pack .soundeffect{
	border-right:1px dotted #444;
	box-sizing:border-box;
	position:relative;
	z-index:1;
}

.content-pack .soundeffect h3{
	border-right:1px solid #fff;
	position:relative;
	z-index:2;
}

.content-pack .bgm p, .content-pack .soundeffect p{
	padding:8px 8px 0px 12px;
}

footer{
	background-image:url(https://pocket-se.info/image/footerimg.jpg);
	color:#fff;
}

.copyr{
	display:none;
}

#footerleft{
	width:30%;
	float:left;
}

#footerright{
	width:70%;
	float:left;
}

#footer .footermenust a {
	color:#fff;
	font-size:140%;
}

#footer .footermenust a:hover {
	color:#ffa800;
}

.player{
	background-image:url(https://pocket-se.info/image/playerback.jpg);
	border-radius:4px;
	width:100%;
	padding:6px 6px 6px 12px;
	box-sizing:border-box;
	margin-bottom:25px;
}

.player .material{
	float:left;
	width:50%;
}

.player .material-tag{
	float:left;
	width:25%;
	padding:6px 6px 6px 12px;
	box-sizing:border-box;
	font-size:90%;
}

.player .material-bt{
	float:left;
	width:25%;
	padding:6px 6px 6px 12px;
	box-sizing:border-box;
}

.player .material h3{
	width:100%;
	border-bottom:1px solid #ffa800;
	margin:0px 0px 7px 0px!important;
	padding:0px!important;
	white-space: nowrap; /* 横幅のMAXに達しても改行しない */
    overflow: hidden; /* ハミ出した部分を隠す */
    text-overflow: ellipsis; /* 「…」と省略 */
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}

.player .material h3 a:hover{
	color: #b22222;
}

.player .material audio{
	width:100%;
}

.player .download-bt, .player .download-buy{
	width:100%;
}

.player .download-bt a{
	display:block;
	padding:8px;
	background-color:#c00;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:95%;
}

.player .download-buy a{
	display:block;
	padding:8px;
	background-color:#0171bd;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin-bottom:8px;
	font-size:95%;
}

.player .download-bt a:hover, .player .download-buy a:hover{
	opacity:0.8;
}

.player .desc{
	width:100%;
}

.player .desc p{
	margin:0px;
	font-size:85%;
	color:#666;
	clear:both;
	line-height:160%;
}

.player .material h3 a{
	color:#4682bb;
	text-decoration:underline;
}

.sibori h3{
	width:100%;
	background-color:#444;
	padding:8px;
	color:#fff;
	text-align:center;
	box-sizing: border-box;
}

#smaho-search{
	display:none;
}

ul.andlist{
	width:100%;
	box-sizing: border-box;
}

ul.andlist li{
	float:left;
	width:50%;
}

ul.andlist li a{
	display:inline-block;
	padding:7px;
	width:100%;
	text-align:center;
	font-size:110%;
	background-color:#eee;
	box-sizing: border-box;
}

ul.andlist li a:hover{
	background-color:#f7f7f7;
}

aside #search{
	margin:9px auto;
}

aside .ad{
	background-color:#FFFFBA;
	margin-bottom:20px;
	padding-top:6px;
	padding-bottom:3px;
}

#scrollad .ad{
	background-color:#FFFFFF;
}

aside .ad p{
	margin:5px 0px 0px 0px;
	width:100%;
	font-size:110%;
	text-align:center;
	color:#444;
}

aside .ad p.total{
	text-align:left;
	font-size:90%;
}

.material-left{
	float:left;
	width:65%;
}

.material-right{
	float:left;
	width:336px;
	padding:30px 30px 30px 50px;
}

.material-right h2{
	width:336px;
	box-sizing:border-box;
	border-bottom:2px solid #ffa800;
	font-size:115%;
	padding:5px 5px 0px 15px!important;
	margin-bottom:5px!important;
}

.material-right .tagst{
	padding:3px 0px 0px 10px;
}

.material-right p{
	margin-bottom:10px;
}

.material-right .tagst a{
	display:inline-block;
	padding:5px;
	border-radius:3px;
	background-color:#fff1c8;
	margin-bottom:10px
}

.material-right .download-bt a, .material-right .licens .paypal a, .material-right .licens .square a, .sbsc .square a{
	width:100%;
	display:block;
	padding:12px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	background-color:#c00;
	box-sizing:border-box;
}

.material-right .download-bt a:hover, .material-right .licens .square a:hover, .material-right .licens .paypal a:hover, .sbsc .square a:hover{
	opacity:0.8;
}

.material-right .licens{
	margin-bottom:5px;
}

.material-right .licens .paypal a{
	margin-right:8px;
	background-color:#4682bb;
}

.material-right .licens .square a, .sbsc .square a{
	background-color:#444;
}

.material-right .licens .square, .material-right .licens .paypal{
	float:left;
	width:50%;
}

p.sqdisc{
	color:#888;
	font-size:80%;
}

.entry-content .material-play, .entry-content .material-disc{
	width:50%;
	float:left;
}

.entry-content .material-disc{
	padding-left:20px;
	box-sizing:border-box;
}

.entry-content .material-play .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.entry-content .material-play .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.entry-content .material-play #player{
	height:100px;
	background-color:#fafafa;
	border:1px solid #eee;
}

.entry-content .material-play #player audio{
	margin:20px 10%;
}

#smaho-search #search .smakesi{
	display:none;
}

.type-post .kanren .player{
	width:48%;
	float:left;
	margin-right:15px;
}

.type-post .kanren .player:nth-of-type(2n){
	margin-right:0px;
}

.type-post .kanren .player h5{
	margin-bottom:5px;
}

.type-post .kanren .player p{
	margin-bottom:5px;
	font-size:95%;
	color:#555;
	white-space: nowrap; /* 横幅のMAXに達しても改行しない */
    overflow: hidden; /* ハミ出した部分を隠す */
    text-overflow: ellipsis; /* 「…」と省略 */
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}

.post h4.point {
	margin-bottom:6px;	
}

.wpulike{
	clear:both;
}

.wpulike button{
	width:100%;
}

.wpulike button span{
	color:#ffa800;
}

.wpulike-heart .wp_ulike_general_class{
	width:100%;
	text-align:center;
	box-shadow:0 0 0 1px #ffa800 inset;
}

.wpulike-heart .wp_ulike_general_class:hover{
	background-color:#fff7d3;
}

.wpulike-heart .count-box{
	margin-left:-45%;
	color:#ffa800;
}

/*　ハンバーガーボタン　*/
.hamburger {
	display:none;
  position: absolute;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.smenu{
	display:none;
}

nav.smenu {
  position: absolute;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba(0,0,0,0.9);
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
	height:100%;
	pointer-events: none;
}

nav.smenu ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
	margin-top:45px;
}

nav.smenu ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
	border-bottom: 1px solid #fff;
}
nav.smenu ul li:last-child {
  padding-bottom: 0;
}


nav.smenu ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.smenu.active {
  opacity: 100;
	pointer-events: auto;
}

#searchsubmit{
	z-index:1;
}

.content-pack .youtubebt, .content-pack .shop, .smenu .youtubebt{
	width:50%;
	box-sizing:border-box;
	padding:5px;
	margin-top:5px;
	float:left;
}

.smenu .youtubebt{
	width:100%;
	padding:8px;
}

.smenu .youtubebt a{
	display:block;
	width:60%;
	padding:10px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background-color:#c00;
	margin:15px auto;
}

.content-pack .youtubebt a{
	display:block;
	width:100%;
	padding:10px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
	background-color:#c00;
}

.content-pack .shop a{
	display:block;
	padding:10px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background-color:#0171bd;
}

.content-pack .shop a:hover, .content-pack .youtubebt a:hover{
	opacity:0.8;
}

#footer a{
	color:#fff;
}

#siborikomi, #siborikomi .andlist{
	display:none;
}


.footermenust{
	line-height:240%;
}

.page-id-12 #content, .page-id-23 #content, .page-id-20 #content, .page-id-2 #content, .page-id-3860 #content, .page-id-7914 #content, .page-id-5728 #content, .page-id-8530 #content, .page-id-6939 #content{
	max-width:1100px;
}

.junle h2{
	border-bottom:1px solid #444;
	padding:3px 0px 3px 12px!important;
	margin-bottom:5px;
}

.junle ul.andlist{
	margin-bottom:0px;
	padding-left:5px;
	padding-bottom:0px;
}
	
.junle ul.andlist li{
	width:auto;
	list-style-type:none;
	margin:0px 8px 10px 0px;
}
	
.junle ul.andlist li a{
	border-radius:3px;
	padding:5px;
}

.entry-content h2{
	border-bottom:1px solid #ffa800;
}

.page-id-23 p{
	margin-bottom:40px;
}

a.backpage{
	width:100%;
	display:block;
	color:#fff;
	background-color:#ffa800;
	border-radius:4px;
	padding:7px;
	box-sizing:border-box;
	font-weight:bold;
	text-align:center;
}

a.backpage:hover{
	opacity:0.8;
}

ul.paid{
	width:100%;
	padding:0px;
	margin:0px;
}

ul.paid li{
	width:50%;
	float:left;
	box-sizing:border-box;
	list-style-type: none;
	padding-right:10px;
}

ul.paid li a{
	display: inline-block;
	width:100%;
	padding:8px 0px 8px 0px;
	text-align:center;
	font-size:110%;
	background-color:#ffa800;
	text-decoration:none;
	color:#fff;
}

ul.paid li.only a{
	background-color:#ff5122;
}

ul.paid li a:hover{
	text-decoration:underline;
	opacity:0.9;
}

/*media Queries タブレットサイズ（1380px以下）
----------------------------------------------------*/
@media only screen and (max-width: 1380px) {
	.notice .item{
		width:100%;
	}
	
	.content-pack .notice{
		width:31%;
		box-sizing:content-box;
	}
	
	.content-pack .notice:nth-of-type(3){
		padding: 0px 0px 35px 0px;
	}
	
	.material-left{
		float:left;
		width:60%;
	}
	
	.entry-content .material-play #player audio{
		margin:20px 5%;
	}
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（1230px以下）
----------------------------------------------------*/
@media only screen and (max-width: 1230px) {
	#intro .pocketse p, #intro .pocketse h2{
		font-size:160%;
	}
	
	.content-pack .notice{
		width:30%;
	}
	
	.material-left{
		float:left;
		width:55%;
	}
	
	.entry-content .material-play #player audio{
		width:100%;
		margin:20px auto;
	}	
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（1120px以下）
----------------------------------------------------*/
@media only screen and (max-width: 1120px) {
	#intro .pocketse p, #intro .pocketse h2{
		font-size:140%;
	}
	
	#intro .pocketse{
		margin-top:25px;
		width:50%;
	}
	
	#intro .kensaku{
		width:50%;
	}
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（1090x以下）
----------------------------------------------------*/
@media only screen and (max-width: 1090px) {
	#intro .pocketse p, #intro .pocketse h2{
		font-size:125%;
	}
	
	#intro .pocketse{
		margin-top:40px;
	}
	
	.notice .item{
		height:300px;
	}
	
	.rule{
		height:239px;
		box-sizing:border-box;
		padding-left:80px;
	}
	
	.rule .desc{
		width:100%;
	}
	
	.player .download-bt a, .player .download-buy a{
		font-size:80%;
	}
	
	.player .material{
		width:45%;
	}
	
	.player .material-bt{
		width:30%;
	}
	
	.st-middle-menu .menu li a {
		border:0px;
		background-color:#444;
		width:33.3%;
		color:#fff;
	}
	
	.entry-content .material-play, .entry-content .material-disc{
		width:50%;
	}
	
	.entry-content .material-disc{
		padding:10px 0px 0px 20px;
	}
	
	.material-right, .material-left{
		width:100%;
		padding:0px;
	}
	
	.material-right h2{
		width:100%;	
	}
	
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
	#st-menuwide .smanone{
		display:block;
	}
	
	header .smanone ul.menu li{
		float:left;
		list-style-type:none;
	}
	
	header .smanone ul.menu li a{
		display:block;
		overflow:hidden;
		width:100%;
		height:100%;
		line-height:40px;
		color:#000;
		text-decoration:none;
		text-align:center;
		position:relative;
		z-index:1;
		color:#fff;
	}
	
	h1{
		margin:0px!important;
	}
	
	#intro dl dt{
		width:25%;
	}

	#intro dl dd{
		width:75%;
	}
	
	#intro .pocketse h2 span{
		display:inline-block;
	}
	
	.notice dt{
		font-size:80%;	
	}
	
	.notice dd{
		font-size:125%;
	}
	
	.notice .morebt{
		width:70%;
	}
	
	.rule{
		padding-left:40px;
	}
	
	.player .download-bt a, .player .download-buy a{
		font-size:95%;
	}
	
	#smaho-search{
		display:block;
		width:100%;
		margin-top:0px;
		padding:1px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
		background: rgb(246,248,249); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
	}
	
	#side{
		display:none;
	}
	
	#siborikomi{
		display:block;
	}
	
	#siborikomi h2{
		width:100%;
		padding-top:5px!important;
		padding-bottom:5px!important;
		margin-bottom:5px;
		background-color:#444;
		color:#fff;
		text-align:center;
		font-size:120%;
		box-sizing:border-box;
		cursor:pointer;
	}
	
	#siborikomi h2:before{
		content:"\f103";
		font-family:FontAwesome;
		padding-right:5px;
	}
	
	#siborikomi h2:after{
		content:"\f103";
		font-family:FontAwesome;
		padding-left:5px;
	}
	
	#siborikomi h2.open:before{
		content:"\f102";
		font-family:FontAwesome;
		padding-right:5px;
	}
	
	#siborikomi h2.open:after{
		content:"\f102";
		font-family:FontAwesome;
		padding-left:5px;
	}
	
	#siborikomi .andlist{
		display:none;
	}
	
	#siborikomi .andlist.classic{
		display:inline-block;
	}
	
	ul.andlist{
		margin-bottom:0px;
		padding-left:5px;
	}
	
	ul.andlist li{
		width:auto;
		list-style-type:none;
		margin:0px 8px 10px 0px;
	}
	
	ul.andlist li a{
		border-radius:3px;
		padding:5px;
	}
	
	.page-id-3860 p{
		line-height:200%;
	}

/*-- ここまで --*/
}

/*media Queries タブレットサイズ（800px以下）
----------------------------------------------------*/
@media only screen and (max-width: 800px) {
	header .smanone ul.menu li{
		width:33.3%;
	}
	
	#intro .pocketse p, #intro .pocketse h2{
		font-size:160%;
		line-height:160%;
	}
	
	nav ul.menu li#menu-item-16{
		clear:both;
	}
	
	#mainmenu{
		display:none;
	}
	
	#intro .pocketse{
		width:100%;	
		text-align:center;
		margin:0px 0px 10px 0px;
	}
	
	#intro .kensaku{
		width:100%;
	}
	
	.content-pack .notice{
		width:100%;
		padding:0px 0px 35px 0px;
		margin:0 auto;
	}
	
	.content-pack .notice:nth-of-type(3){
		padding: 0px 0px 35px 0px;
		width:100%;
	}
	
	.notice .item{
		width:100%;
		height:auto;
		padding-bottom:10px;
	}
	
	.notice .morebt{
		position:static;
	}
	
	.notice dt{
		font-size:100%;	
	}
	
	.notice dd{
		font-size:140%;
	}
	
	.notice .morebt{
		width:60%;
	}
	
	.player .material-tag{
		display:none;
	}
	
	.player .material, .player .material-bt{
		width:50%;
	}
	
	.player .material-bt a, .player .material-buy a{
		font-size:100%;
	}
	
	.type-post .kanren .player{
		width:100%;
		margin-right:0px;
		margin-bottom:10px;
	}
	
	.hamburger, nav.smenu{
		display:block;
	}
}

/*media Queries タブレットサイズ（700px以下）
----------------------------------------------------*/
@media only screen and (max-width: 700px) {
	.rule{
		height:270px;
	}
	
	.player .material{
		width:100%;
	}
	
	.player .material-bt{
		width:100%;
	}
	
	.player .download-bt, .player .download-buy{
		width:49%;
		float:left;
		box-sizing:border-box;
	}
	
	.player .download-buy{
		margin-right:10px;
	}
	
	.player .material-bt{
		padding-left:0px;
	}
	
	.player .material-tag{
		width:100%;
		display:block;
		white-space: nowrap; /* 横幅のMAXに達しても改行しない */
    	overflow: hidden; /* ハミ出した部分を隠す */
	}
	
	
	
	.player .material-tag a{
		padding:7px;
		font-size:125%;
		display:inline-block;
		margin-left:3px;
	}
	
	.player .material-tag br{
		display:none;
	}
	
	.entry-content .material-play, .entry-content .material-disc{
		width:100%;
	}
	
	.entry-content .material-disc{
		padding:10px 0px 0px 0px;
	}
	
	.wpulike-heart .count-box{
		margin-left:-43%;
	}
	
	
}

/*media Queries タブレットサイズ（600px以下）
----------------------------------------------------*/
@media only screen and (max-width: 600px) {
	#intro dl{
		display:none;
	}
	
	#intro .pocketse p, #intro .pocketse h2 {
		font-size:140%;	
	}
	
	h1.sitename{
		text-align:left;
	}
	
	#st-menuwide .smanone{
		display:block;
	}
	
	.st-middle-menu .menu li a {
		border:0px;
		background-color:#444;
		width:33.3%;
		color:#fff;
	}
	
	.rule{
		padding-left:10px;
	}
	
	p#minih{
		margin-bottom:0px;
		text-align:left;
	}
	
	.player .download-bt, .player .download-buy{
		width:48%;
	}

/*-- ここまで --*/
}

/*media Queries タブレットサイズ（500px以下）
----------------------------------------------------*/
@media only screen and (max-width: 500px) {
	.content-pack .youtubebt, .content-pack .shop{
		width:100%;
	}
	
	.adsbygoogle {
         overflow: visible;
		margin-left:-8px!important;
     }
}

/*media Queries タブレットサイズ（430px以下）
----------------------------------------------------*/
@media only screen and (max-width: 430px) {
	.rule{
		height:300px;
	}
	
	.player .download-bt a, .player .download-buy a{
		font-size:85%;
	}
	
	.player .material audio{
		margin:6px 0px 6px 0px;
	}
	
	.content-pack .souondeffect p, .content-pack .bgm p{
		line-height:200%;
	}
}

/*media Queries タブレットサイズ（330px以下）
----------------------------------------------------*/
@media only screen and (max-width: 330px) {
	.rule{
		height:320px;
	}
	
	.player .download-bt, .player .download-buy{
		width:100%;
		margin:0px;
	}
	
	.player .download-bt a, .player .download-buy a{
		font-size:95%;
	}
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}