/*
Template: albatros
Theme Name: albatros_custom
Theme URI:http://open-cage.com/albatros/
*/

/* PC・タブレットの場合のロゴサイズを大きく */
@media only screen and (min-width: 768px) {
 #logo{
 width:32%;
 margin-top:43px;
 }
}

/* スマホの場合のロゴサイズを大きく */
@media only screen and (max-width: 767px) {
 #logo a img{
 max-height: 42px;
 }
}

/* ヘッダーの背景色を白に */
#container .header{
    background:#fff;
}


/* =アスメル
----------------------------------------------- */
#asumeruform{
    width:100%;
}

#asumeruform table {
    border-collapse : collapse ;
	margin: 0 0 10px;
	width: 100%;
	table-layout: fixed;
    border-color:#ccc;
}

#asumeruform table th {
	width: 33%;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #e7ece2; 
	text-align: left;
	vertical-align: middle;
    font-size:12px;
    color:#000; 
}


#asumeruform table tr{
    border-color:#ccc;

}

#asumeruform table td {
	padding: 10px;
	border: 1px solid #ccc;
    color: #000;
    font-size:12px;
    background: #ffffff; 
}

#asumeruform input{
    font-size: 12px;
}

#asumeruform .inputselect {
	padding: 3px;
    font-size: 12px;
    color:#000;
}


#asumeruform .inputtext.inputtextshortest {
	width: 100px;
}

#asumeruform .inputtext.inputtextshort {
	width: 70%;
}

#asumeruform .inputtext.inputtextlong {
	width: 95%;
}

#asumeruform textarea {
    font-size: 12px;
	width: 350px;
	height: 150px;
	padding: 3px;
}

#asumeruform .formbtn {
    margin-left:200px;
	font-size: 16px;
    	width: 200px;
    height:35px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px #ccc;
	border-radius: 6px;
	box-shadow: 0 2px 2px #ccc;
}

#asumeruform span.require {
	color: red;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------------------
    Styles for #contents__overview 特商法とかのテーブル
----------------------------------------------------------------------------------------------*/ 
#contents__overview table{ border:1px solid #999; margin-top:30px;}
#contents__overview table td{ border:1px solid #CCC; padding:15px 30px; }
.contents__overview_color{ background-color:#e7ece2; color:#4c5c3b;}

/*----------------------------------------------------------------------------------------------
    TOPメールフォーム用
----------------------------------------------------------------------------------------------*/ 
#form_btn {width:700px;height:371px;margin:-10px auto;background-image:url(/wp-content/uploads/optin_short-sleeper_05.png);background-repeat:no-repeat;z-index: auto;}
#form_click {width:387px;margin-left:-10px;}
.mailformBox {width: 577px;margin:0 auto;padding-top: 180px;padding-left: 0px;}
.formTxt input{width: 350px;height:42px;margin-bottom:3px;border:3px solid #ef9e4f;background-color:#fff7d7;}
.formTxt input:focus {border:solid 3px #FF3300;}
.formTxt input:hover {border:solid 3px #FF3300;}


/* 外部リンクアイコンを消す */
 .entry-content a[target="_blank"]:after {
 content:none;
 }