/*
Theme Name: Cross Blog Theme
Theme URI: 
Author: FX-Jin
Author URI: http://crossretailing.co.jp/
Description: Cross Blog Theme
Version: 1.1
*/

.fade {  
    -webkit-transition: 0.3s ease-in-out!important;  
       -moz-transition: 0.3s ease-in-out!important;  
         -o-transition: 0.3s ease-in-out!important;  
            transition: 0.3s ease-in-out!important;  
}  
.fade:hover {  
    opacity: 0.7!important;  
    filter: alpha(opacity=70)!important;  
}   

#single .article-contents h3 .voice{
    margin-bottom: 20px;
    padding: 15px 20px;
    color: #fff;
    line-height: 150%;
    background: #148AD4;
    font-size: 2.5rem;
    font-size: 25px;
    font-weight: bold;
}

.pickup1 {
  margin: 0 auto 30px;
  width: 342px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#home #global-header #mailMag1 {
  width: 336px;
  background: url(http://fx-jin.s3.amazonaws.com/img/blog/ks/banner-mailmag.png) no-repeat left top;
}




#mailMag1 {
  padding: 150px 0 0 15px;
  width: 336px;
  background: url(./images/banner-mailmag.png) no-repeat left top;
  border: 2px solid #f15a24;
}
#mailMag1 input[type=text] {
  width: 230px;
  height: 40px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  border: 2px solid #f15a24;
　float:left;
}
#mailMag1 input[type=submit] {
  width: 70px;
  height: 40px;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  line-height: 1;
  background: #009245;
  border: none;
  margin-top:-40px; 
  float:right; 
  margin-right:10px;
}

.ass{ clear:both; } 

/*-------------------------------
お問い合わせフォーム
-------------------------------*/

#contact_form {
	color: #525252;
}
#contact_form table {
	width: 100%;
	border-collapse: collapse;
	line-height: 180%;
}

#contact_form td,
#contact_form th{
	border: #aaa 1px solid;
	text-align: left;
	padding: 3%;
	font-size: 16px;
	color: #333;
}

#contact_form th {
	background: #ffdaa8;
	width: 34%;
}

#contact_form td img{
	margin-top:10px;
}

#contact_form input[type="text"],select,textarea {
	border:0;
	padding:10px;
	color:#333;
	border:solid 1px #ccc;
	margin:10px 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#contact_form input[type="file"]{
	margin-top: 10px;
}

@media only screen and (max-width:640px){
    #contact_form { margin: 0 ;}
    #contact_form th,
    #contact_form td{
        width: 94%;
        display: block;
        border-top: none;
    }
    #contact_form tr:first-child th   { border-top: 1px solid #aaa; }
}

/*-------------------------------
ページャー
-------------------------------*/

.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:#ffffff;
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
	font-size:2em;
}
.pager .current{
	background:#DA2242;
	color:#ffffff;
}

.iframe.wp-embedded-content {width:100%;}

/*------------------------------------------------------------
ランキングボタンcss
-------------------------------------------------------------*/
.b_button{
text-align: center;
}

.lank {
	display: flex;
	justify-content:space-between;
	}

.lank li {
	margin-right: 5%;
	text-align: center;
}

.lank li img{
	margin-top: 10px;
	margin-bottom: 20px;
}

.lank li:last-child {
	margin-right: 0px;
}

/*------------------------------------------------------------
メルマガ説明文css
-------------------------------------------------------------*/

.m-magazine {
	margin: 30px 30px;
	padding: 10px;
	border: 4px solid #FF0000;
	font-size: 1.8em;
	line-height: 1.5em;
}

/*------------------------------------------------------------
追加・Jin公式メルマガ登録フォーム
-------------------------------------------------------------*/
#side_form {
	width: 250px;
	height: 565px;
	background-image: url("http://fx-jin.jp/site/wp-content/themes/fxjin.jp/images/side_form_back.png")!important;
	margin: 10px 0 20px 0 ;
	margin-
}

.side_form input[type='text'] {
	margin: 90px 0 10px 12px;
	padding: 8px;
	width: 90%;
	box-sizing: border-box;
	color: #aaa;
	font-size: 13px;
}

.mail_btn {
	width: 100%;
}

.m-form {
	margin-bottom: 0px!important;
	padding-bottom: 0px!important;
}


.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom:20px;
 }
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


-webkit-gradient(linear,left top,left bottom,from(#bd000f),color-stop(0.40,#ea303f),color-stop(0.70,#E8303E),to(#bd000f))





<div class="m-magazine-terms">
		<form method="post" action="http://tick-ex.jp/fy" target="_blank">
			<input type="hidden" name="Publisher_Id" value="2373"><br>
			<input type="hidden" name="Form_Cd" value="9"><br>
			<input type="hidden" name="charcode" value="auto"><br>
			<input type="hidden" name="Syubetsu" value="公式サイトサイドバー"><br>
			<input type="text" class="mail" name="Mail" placeholder="(例)sample@fx-jin.com"><br>
			<input type="submit" value="無料で特典を受け取る" onclick="ga('send', 'event', 'jinmail', 'lp', 'jinmail');"><br>
		</form>
</div>



.m-magazine-terms {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url(http://fx-jin.s3.amazonaws.com/img/banner/mailmag_adw01.png) no-repeat;
    padding: 29% 0px 8% 2.5%;
    background-size: 100%;
    margin-bottom: 30px;
}



.m-magazine-terms input[type=submit]:focus {
    /* background: #A8555E!important; */
}



.m-magazine-terms input[type=submit]:hover {
    position: relative;
    top: 2px;
    box-shadow: 0 3px 0 #017f34;
}


.m-magazine-terms input[type="submit"] {
    width: 253px;
    height: 53px;
    font-size: 2.3rem;
    color: rgb(255, 255, 255);
    line-height: 1;
    margin-left: 14px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    margin-top: 130px;
    font-feature-settings: 'palt' 1;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(189, 0, 15)), color-stop(0.2, rgb(232, 48, 62)), color-stop(0.49, rgb(234, 48, 63)), to(rgb(189, 0, 15))) rgb(168, 85, 94);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 12px;
}



.m-magazine-terms input[type=text] {
    width: 368px;
    height: 54px;
    font-size: 16px;
    font-size: 2rem;
    line-height: 1;
    border: 2px solid #E8303E;
    float: left;
    margin-top: 139.5px;
}

.m-magazine-terms {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url(http://fx-jin.s3.amazonaws.com/img/banner/mailmag_adw01.png) no-repeat;
    padding: 29% 0px 8% 2.5%;
    background-size: 100%;
    margin-bottom: 30px;
}