/*
Theme Name: The7child
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
@import url("../dt-the7/style.css");

/*




/****************************************
コンテンツP改行
*****************************************/
#content p {
	margin: 0.5em 0em;
	letter-spacing: 1px;
	}


entry-content .wp_social_bookmarking_light {
	margin: 30px 0;
}

/* BREADCRUMBS */

.breadcrumbs {
	font-size:1em;
	margin:8px;
	padding:0.5em 0 0 1em;
}


/* =Content
-------------------------------------------------------------- */

.post-content {
	clear: both;
	padding: 8px 20px 20px;
}
#content h1.entry-title {
/*	margin: 0;*/
padding: 0 0 0 10px;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
.page,
textarea,
.page-title span,
.pingback a.url,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.post-content label,
.post-content tr th,
.post-content thead th,
.entry-meta,
.entry-title h2,
.entry-utility,
.navigation,
.post-title,
.entry-title,
#content .entry-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit],
#snav,
#nav,
#sidebar .heading h3,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.content-boxes h2,
.benefits-grid-ico h4,
.slider-font,
.text-big h4,
.lpcontenttheme-images h2,
.page-title h1,
.page-title li,
.dt-btn,
#page .header-bar .navigation .menu-item-text .menu-text,
.with-logo .menu-box #primary-menu .menu-item-text .menu-text,
#page .header-bar .branding .mini-widgets .mini-contacts,
#page .page-title,
.post-content {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}
 * , .widget_text {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ; }
#content h1.entry-title a, #content h2.entry-title a, #content h1.entry-title , #content h2.entry-title {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.widget-area *  {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ; }

#page .company-title h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important ;
}

/* =Plugins
-------------------------------------------------------------- */
.post-content ul#sharebarx>li{
	background:none;
	padding-left:0;
}
.post-content ul#sharebar>li {
	background:none;
	padding-left:0;
}



/* 最近の投稿の行間  
-------------------------------------------------------------- */

.widget_recent_entries li a {
	line-height:150%;
}


/* 記事画像の枠線
-------------------------------------------------------------- */
#content .post p img {
	border: 1px #aaa9a9 solid;
}

/* 記事の背景　右サイドバー
-------------------------------------------------------------- */
#main.sidebar-right #content.content {
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 10px;
	padding: 2% 5%;
}
/* 記事の背景　左サイドバー
-------------------------------------------------------------- */
#main.sidebar-left #content.content {
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 10px;
	padding: 2% 5%;
}

/* 記事の見出しサイズ調整
-------------------------------------------------------------- */

.sidebar-right #content .post h2.entry-title {
	font-size:33px;
	margin: 10px 0;
	padding: 10px 2px 5px 6px;
	line-height: 1.2;
	text-transform: none;
}

.sidebar-right #content .post h2 {
	font-size:28px;
	margin: 20px 0;
	padding: 20px 2px 16px 6px;
	line-height: 1.2;
	text-transform: none;
}




/* h3 */
.sidebar-right #content .post h3 {
	font-size:22px;
	margin: 20px 0;
	padding: 20px 2px 16px 6px;
	line-height: 1.2;
	text-transform: none;
}

/* h4 */
.sidebar-right #content .post h4 {
	color: #0862a9;
	font-size:20px;
	margin: 20px 0;
	padding: 20px 2px 16px 6px;
	line-height: 1.2;
	text-transform: none;
}

/* h5 */
.sidebar-right #content .post h5 {
	font-size:20px;
	margin: 20px 0;
	padding: 20px 2px 16px 6px;
	line-height: 1.2;
	text-transform: none;
}

/* h6 */
.sidebar-right #content .post h6 {
	color: #333;
	font-size: 18px;
	margin: 20px 0;
	padding: 20px 2px 16px 6px;
	line-height: 1.2;
	text-transform: none;
}
/* TRUST FORM　送信ボタン
-------------------------------------------------------------- */
p#confirm-button input {
	color: #333;
}

/* the7　topページカスタマイズ
-------------------------------------------------------------- */
.text-big h4 {
	color: #565656;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}




/* =トップページのログインフォームとリソースエリア
-------------------------------------------------------------- */
.member_login_form_b {
	color : #ffffff;
	border: 1px #dadee1 solid;
	background-color:#000000;
	padding: 2% 5%;
	margin: 0 auto;
}

.member_login_form_b label {
	margin: 0 auto;
}
.member_login_form_b h2  {
	color : #ffffff;
}


.content_area_top .wf-cell.wf-span-6.wpb_column.column_container:nth-child(2) {
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5%;
	margin: 0 auto;
}

.top_recently_post {
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5%;
}

.fontsize25 {
	font-size: 25px;
}

/* =ログイン後のエリア
-------------------------------------------------------------- */
.login_content_area {
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5%;
}

.resource_area_half_left {
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5%;
/*	margin-right: 5px; */
}
.resource_area_half_right {
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5% 1% 5%;
/*	margin-left: 5px; */
}
.fontsize20 {
	font-size: 20px;
}

/* =ebook、動画のコンテンツエリア
-------------------------------------------------------------- */
.content-ebook-box {
	background: #F5F5F5;
	padding: 0px;
	margin: 1px;
        border: 1px solid #DDDDDD;
        border-radius: 3px;
        box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.03);
}


.content-ebook-box .box-heading {
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	padding: 1px;
	margin: 0px;
}
.content-ebook-box .wf-cell.wf-span-12.wpb_column.column_container {
	padding: 1px;
}
.content-ebook-box .box-content-description {
	padding: 20px;
}
.content-ebook-box .box-dl-title {
	background: #bdc3c7;
	border-top: 1px solid #DDDDDD;
	padding: 8px;
	margin: 0px;
}
.box-dl-title .box-dl-title-font h4 {
	color: #FFFFFF;
}
.content-ebook-box .box-dl {
	background: #FFFFFF;
	border-top: 1px solid #DDDDDD;
	padding: 8px;
	margin: 0px;
}
.content-ebook-box .box-dl .dl-gap {
	padding-top: 7px;
}
.content-ebook-box .box-dl .dl-text-font {
	font-size: large;
}
.content-summary a.text-primary {
	font-size: 25px;
	line-height: 1.5;
}

/* =サイドナビのログインフォーム
-------------------------------------------------------------- */
#frontend_user_admin-2.widget.frontend_user_admin {
	background-color:#000000;
}
#frontend_user_admin-2.widget.frontend_user_admin a,
#frontend_user_admin-2.widget.frontend_user_admin {
	color : #ffffff;
}


/* =サイドナビのログインアウト
-------------------------------------------------------------- */
#text-2.widget {
	background-color:#000000;
}
#text-2.widget .widget-title,
#text-2.widget a {
	color : #ffffff;
}


/* =無料登録ページ　見出しのカラー、サイズ調整
-------------------------------------------------------------- */
.headcopy h1 {
	color : #ffffff;
	text-align: center;
	line-height: 150%;
	font-size: 4.3rem;
}


.lpcontent-subcatch p,
.lpcontent-subcatch h2 {
	text-align: center;
}

.lpcontent-subcatch p {
	font-size: 1.5rem;
}

.lpcontenttheme-images h2 {
	text-align: center;
	font-size: 25px;
}

/* =無料登録ページ　登録フォーム
-------------------------------------------------------------- */
.wf-cell.wf-span-8.lpcontent-freeform {
	background-color:#FFFFFF;
	border:1px solid #DADEE1;
	color:#565656;
	margin:0 auto;
	padding: 2% 5%;
}
.wpb_text_column.wpb_content_element.lpcontent-freeform-title h2 {
	text-align: center;
}
/* ログインフォーム
-------------------------------------------------------------- */
.page-id-2108 #main.sidebar-none .wf-wrap .wf-container-main {
	background-color:#FFFFFF;
	border:1px solid #DADEE1;
	color:#565656;
	margin:0 5%% auto;
	padding: 2% 5%;
}

/* ふぁん富むボックス会員専用サイトのリソースエリア（マージン）
-------------------------------------------------------------- */
.resource_area_half_left_mr5 {
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5%;
}
@media(min-width:1024px){
	.resource_area_half_left_mr5{
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5%;
	margin-right: 1%;
	width:49%
}
}
.resource_area_half_right_ml5 {
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5% 1% 5%;
}
@media(min-width:1024px){
	.resource_area_half_right_ml5{
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5% 1% 5%;
	margin-left: 1%;
	width:49%
}
}

.resource_area_half_right_ml5_2row {
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5% 1% 5%;
	margin-left: 2%;
	width: 98%;
}
.resource_area_half_left_mr5_2row {
	color: #565656;
	border: 1px #dadee1 solid;
	background-color:#ffffff;
	padding: 2% 5%;
	margin-right: 2%;
	width: 98%;
}

/* ふぁん富むボックス会員専用サイトのリソースエリア　各ステップバナーショートコード高さ指定
-------------------------------------------------------------- */
.box150 .shortcode-banner,
.box150 .shortcode-banner.shortcode-banner-link,
.box150 .shortcode-banner .shortcode-banner-bg,
.box150 .shortcode-banner .shortcode-banner-bg .shortcode-banner-inside {
	height: 200px;
}

/* ふぁん富むボックス会員専用サイトのショッピングカートの返品欄の調整
-------------------------------------------------------------- */
#net_shop_admin_shopping_cart table td.return {
	text-align: left !important;
	font-size: 12px !important;
}

/* ふぁん富むボックス会員専用サイトの-画像枠線
-------------------------------------------------------------- */
.sidebar-left .wf-wrap .wf-container-main .content p img {
	border: 1px #aaa9a9 solid !important;
}

/****************************************
お客様の声
*****************************************/
#voice {margin:0 auto; max-width:730px;}

#voice h4{font-weight:bold; 
color:#222; 
font-size:15px; 
margin-bottom:20px; 
margin-top:20px; 
border-top:1px solid #3682C5; 
border-bottom:1px solid #3682C5; 
border-right:1px solid #3682C5; 
border-left:8px solid #3682C5; 
padding:10px;
background-color:#FFFFFF;/* F3F4F5-- */
border-radius: 4px;}
.wp-caption{background:#fff; margin-bottom:1em !important;}
p.wp-caption-text {font-size:10px; margin:10px 0 0; border-left:7px solid #43C2DB; padding-left:10px;}
.left60 {margin-left:60px !important;}
#voice h3 {
    background-color: #315B9B;
    border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 0 4px #315B9B;
    color: #fff;
    margin: 20px 0;
    padding: 10px;
font-size:18px;
}

#voice2 h3{
line-height:40px !important;
padding-left:30px;
	position: relative;
	overflow: hidden;
	background-color: #1E73BE;
	color: #FFF;
  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#voice2 h3:before{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0px;
	display: block;
	width: 200px;
	height: 100px;
	background-color: #FFF;
	border-radius: 100px 100px 0 0;
	opacity: 0.3;
}
#voice2 h3:after{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 180px;
	display: block;
	width: 100px;
	height: 50px;
	background-color: #FFF;
	border-radius: 50px 50px 0 0;
	opacity: 0.3;
}
#voice h5 { display:block; font-size:14px; color:#000; font-weight:bold; border-bottom:1px solid #999; margin-bottom:10px;}
div.column {padding:10px 20px; margin:20px 0; border:1px solid #b9c7d7; zoom:100%;
background: #f2f2f2;
background: -moz-linear-gradient(top,  #fff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -o-linear-gradient(top,  #fff 0%, #f2f2f2 100%); /* Opera 11.10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
}
div.column:after {clear:both; display:block; height:0; content:"";}
.big {font-size:120%;}
.bold {font-weight:bold;}

p.ask {display:block; 
padding:10px 10px 10px 25px; 
border-bottom:1px solid #3B5998; 
font-weight:bold; 
color:#4b566b;
padding-left:2.5em;
text-indent:-2.5em;
margin:20px 0 !important;}

.clear {clear:both;}
p {margin-bottom: 10px;}
.center {text-align:center;}
.right {text-align:right;}
table {border-collapse:collapse; border-spacing:0;}
div.align-r {
    padding: 4px;
    margin: 0 0 10px 5px;
    display: inline;
}

div.align-l {
    padding: 4px;
    margin: 0 10px 5px 0;
    display: inline;
}
img.align-r {
    margin: 0 0 10px 5px;
    display: inline;
}
img.align-l {
    margin: 0 10px 5px 0;
    display: inline;
}
.align-r {
    float: right;
}
.align-l {
    float: left;
}
@media screen and (max-width: 480px) {  
.align-r { float : none ; } 
.align-l { float : none ; } 
#voice img { float : none ; } 
 }

/*------------------------------------------------------------
clearfix
-------------------------------------------------------------*/
.clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

.clearfix {zoom:100%;}
.clearboth {clear:both;}

/*******************************
margin
*******************************/
.ml30{
    margin-left: 30px !important;
}
.ml20{
    margin-left: 20px !important;
}
.mt30{
    margin-top: 30px !important;
}
.mb30{
    margin-bottom: 30px !important;
}
.pl10{
   padding-left: -10px !important;
}
.pl20{
   padding-left: -20px !important;
}
.pl30{
   padding-left: -30px !important;
}
img { 
    max-width: 100%; 
    height:auto;
}
.qstyle { 
    font-size: 3.0em; 
    color:#95A5CE;
}
.list,.list li{
	padding:0px;
	margin:0px;
}
 
.list li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list4 li{
	position:relative;
	padding-left:20px;
}
 
.list4 li:after, .list4 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#43C2DB; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list4 li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.lead{
	color:#43C2DB !important;
	font-weight:bold !important;
        font-size:18px !important;
}
/****************************************
ヘッダー
*****************************************/

@media screen and (max-width: 480px) {  
#fancy-header {  height: 0 !important ;
    padding-top: 56.25% !important ;
 background-size:contain !important ;
} 

.m1 { font-size:15px !important;} 

 }