@charset "utf-8";

/*-------------------------------------------------------------------------------------------
スタイルシートを編集する場合はこちらへ記述すること！
-------------------------------------------------------------------------------------------*/
/*★詳細を見るボタン装飾★*/


.syousai-button {
	font-size: 14px;
	color: #fff!important;
	font-family:HGS明朝E;
	padding: 10px 20px;
	background: -moz-linear-gradient(top,#ffffff 0%,#ff6600 50%,#ff6600 50%,#ff6600);
	background: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(0.50, #ff6600),color-stop(0.50, #ff6600),
		to(#ff6600));
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	border: 1px solid #ff6600;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.4);
}


/*★2カラム→767px以下で1カラムになる箱の文字フォント★*/
@media(max-width: 640px) {
	.special-scale-font{font-size:2.4em; font-weight:bold;}
}

/*★カウントダウン用CSS★*/
#Timer{	
	font-size:1.6em;
	font-weight:bold;
	color:#fff;
	font-family:HGS明朝E;
	line-height:2.0em;
}	

/*★目次のボタンをhover時に透過させる*/
.menu a img:hover {
	opacity: 0.75 ;
}

/*◆ソートコンテンツが完成するまで遷移できないようにGnaviは非表示に設定しておく◆*/
.glovalnavi{display:block;}
@media(max-width: 640px) {.glovalnavi{display:block!important;}}

.wrapper{background:rgba(0,0,0,0.3);}

/*◆画像振動アニメーション(強)◆*/
.bound-img{
   -webkit-animation: bound1 2s linear 0s infinite;
    -moz-animation: bound1 2s linear 0s infinite;
    -ms-animation: bound1 2s linear 0s infinite;
    -o-animation: bound1 2s linear 0s infinite;
    animation: bound1 2s linear 0s infinite;
}
@-webkit-keyframes bound1 {
	0% {transform: scale(1,1);}
	50% {transform: scale(0.75,0.75);}
	100% {transform: scale(1,1);}
}
@-moz-keyframes bound1 {
	0% {transform: scale(1,1);}
	50% {transform: scale(0.75,0.75);}
	100% {transform: scale(1,1);}
}
@-ms-keyframes bound1 {
	0% {transform: scale(1,1);}
	50% {transform: scale(0.75,0.75);}
	100% {transform: scale(1,1);}
}
@-o-keyframes bound1 {
	0% {transform: scale(1,1);}
	50% {transform: scale(0.75,0.75);}
	100% {transform: scale(1,1);}
}
@keyframes bound1 {
	0% {transform: scale(1,1);}
	50% {transform: scale(0.75,0.75);}
	100% {transform: scale(1,1);}
}




/*◆画像回転アニメーション◆*/
.spin-img{
   -webkit-animation: spin1 3s linear 0s infinite;
    -moz-animation: spin1 3s linear 0s infinite;
    -ms-animation: spin1 3s linear 0s infinite;
    -o-animation: spin1 3s linear 0s infinite;
    animation: spin1 3s linear 0s infinite;
}
@-webkit-keyframes spin1 {
	0% {-webkit-transform: rotateY(0deg);}
	100% {-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes spin1 {
	0% {-moz-transform: rotateY(0deg);}
	100% {-moz-transform: rotateY(360deg);}
}
@-ms-keyframes spin1 {
	0% {-ms-transform: rotateY(0deg);}
	100% {-ms-transform: rotateY(360deg);}
}
@-o-keyframes spin1 {
	0% {-o-transform: rotateY(0deg);}
	100% {-o-transform: rotateY(360deg);}
}
@keyframes spin1 {
	0% {transform: rotateY(0deg);}
	100% {transform: rotateY(360deg);}
}


/*◆ローディングテスト◆*/
/*★コメント：読み込み時にnoneなのでインデックス時の評価が激減している？現在停止中！
body{display:none;}
#loading{
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-30px;
}
*/

/*◆PC背景＆スマホ背景画像設定＆fix*/
body{
	/*★PC用背景画像1500_1000*/
	background:url(http://www.site-ranking.jp/wp-content/uploads/2016/09/PC_body背景画像_1500_1000_compressed.jpg)no-repeat;
	background-size:cover;
	background-attachment:fixed;
	//background:url("http://www.site-ranking.jp/wp-content/uploads/2016/09/bg_tile.jpg")repeat;
	//background-size:100px auto;
}
/*背景オプション：スマホ背景固定のために準備したhack divにスマホ用縦長背景を設定*/	
@media only screen and (max-width: 767px) {

	.background-hack {	
		z-index : -1;
		background-color : #464646;
		background-image : url('http://www.site-ranking.jp/wp-content/uploads/2016/09/SMP_body背景画像_800_1600_compressed.jpg');/*★スマホ用縦長背景800_1600★*/
		background-size : 100% auto;
		position  : fixed;
		top : 0;
		left : 0;
		right : 0;
		bottom : 0;
	}	
	body{ 	
		background-image:none;
		background-color:rgba(0,0,0,1);
	}	
}

.banner-inner{max-width:100%;}

/*★プラグイン「Arconix Shortcodes」のCSS変更★*/
.arconix-tabs-horizontal .arconix-panes{
	background:url(http://www.site-ranking.jp/wp-content/uploads/2016/09/pattern_tile_600_paper1_.jpg)repeat;
	background-size:auto;
}
.arconix-tabs-horizontal{padding:20px;}
.arconix-tabs-horizontal ul.arconix-tabs li a{
	font-size:1.4em; 
	color:#000!important; 
	font-weight:bold; 
	font-family:HGS明朝E; 
	text-shadow:1px 1px 1px #fff;
	background-color:#ccc!important;
}
.arconix-tabs-horizontal ul.arconix-tabs a.current{
	font-size:1.4em!important; 
	color:#fff !important
	font-weight:bold; 
	font-family:HGS明朝E; 
	text-shadow:1px 1px 1px #333;
	background-color:#000!important;
}


.wrapper{
	//background:url(http://www.site-ranking.jp/wp-content/uploads/2016/09/season_effect-V.png)repeat-y;
	//background-size:100% auto;
}

.footer{
	background: #ce0407; /* Old browsers */
	background: -moz-linear-gradient(top, #ce0407 0%, #8f0222 56%, #8f0222 56%, #8f0222 56%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ce0407 0%,#8f0222 56%,#8f0222 56%,#8f0222 56%,#6d0019 100%); /* Chrome10-25,Safari5.1-6*/
}

#header-bar{
	background: #ce0407; /* Old browsers */
	background: -moz-linear-gradient(top, #ce0407 0%, #8f0222 56%, #8f0222 56%, #8f0222 56%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ce0407 0%,#8f0222 56%,#8f0222 56%,#8f0222 56%,#6d0019 100%); /* Chrome10-25,Safari5.1-6*/
	box-shadow:  10px 10px 10px rgba(0,0,0,0.4);
}

.glovalnavi li {
	width:30%;
	padding:1%;
	//box-shadow:  10px 10px 10px rgba(0,0,0,0.4);
}
.sub .widget{background:rgba(0,0,0,0);}

.main-inner > .entry, .main-inner > .widget{padding:0px;}

/*◆全体の基本テキスト設定◆*/	 	 
.entry-content p, .textwidget p, .widget_text p,h1,h2,h3,h4{ 	 	 
 font-size:1.0em; 	 	 
 line-height:2.0; 	 	 
 margin:0 15px; 	 	 
 font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif font-weight:bold; 	 	 
} 	 	 
/*◆大ヘッダーテキスト装飾◆*/	 	 
.head-font h2{font-size:3.2em;}	 	 
/*◆中ヘッダーテキスト装飾◆*/	 	 
.head2-font h2{font-size:2.4em;}
	 	 
/*◆文字のレスポンシブ対応◆*/	 	 
html { font-size : 60%; }

@media screen and (min-width : 500px){	 	 
 html{ font-size : 67.5%;}
}	 	 
@media screen and (min-width : 768px){	 	 
 html{ font-size : 75%;}  
.2col-p p,2col-p{font-size:1.4em;} 	 
}
@media screen and (min-width : 900px){	 	 
 html{ font-size : 87.5%;} 	 	 
}	 	 
@media screen and (min-width : 1024px) {	 	 
 html{ font-size : 100%;} 
.lp-col{width:50%;}	 	 
}





/*◆LP作成-3カラムのレスポンシブ横幅記述◆*/
.lp-col_3{width:31.6%;} 
@media only screen and (max-width: 1000px){.lp-col_3{width:45%;}}
@media only screen and (max-width: 767px){.lp-col_3{width:100%;} .2col-p p,.2col-p{font-size:300%;}}
@media only screen and (max-width: 541px){.lp-col_3{width:100%;}}

/*◆LP作成-2カラムのレスポンシブ横幅記述◆*/
.lp-col_2{width:49%;} 
@media only screen and (max-width: 1000px){.lp-col_2{width:49%;}}
@media only screen and (max-width: 767px){.lp-col_2{width:100%;}}
@media only screen and (max-width: 541px){.lp-col_2{width:100%;}}


/*◆before-after指定◆*/
.full-layer1-inner:after,
.full-layer1-inner:before {
    content:"";
    display: block;
    padding-top: 20%; /* 高さを幅の20%に固定 */
}

/*◆注文ボタンにアニメーション*/
.animate-button{	
	animation-name:animate-pulse;
	animation-duration:0.7s;
	animation-timing-function:ease;
	animation-delay:0;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}

@keyframes animate-pulse {
0% {	
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
100% {	
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}
}