/*
	Theme Name:ownedmedia_2026
*/

/********** common **********/
body{
    font-family:'Noto Sans JP',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color:#000;
    margin:0px;
    padding-top:69px;
    font-size:16px;
    background:#f2f2f2;
    line-height:1.75em;
    min-width:1080px;
}
ul, ol{
    margin-bottom: 0px;
    padding-left:0px;
}
li{ list-style:none; }
p { margin: 0 0 15px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; }
h1{ font-size:32px; }
h2{ font-size:27px; }
h3{ font-size:25px; margin:0px; }
h4{ font-size:22px; }
h5{ font-size:20px; }
a{
    transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;
    -webkit-transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;
    -moz-transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;
}
.bg-wh{ background:#FFFFFF; }
/********** base frame **********/
.maincontent{width:73.12%; float:left;}
.sidecontent{width:25%; float:right;}
/********** header **********/
.fixheader{
    width:100%;
    top:0;
    position:fixed;
    z-index:10000;
    background:#ffffff;
    color:#333333;
    border-bottom:1px #eee solid;
}
.logoimg{
    padding-top:9px;
    padding-bottom:6px;
}
ul.headermenu{
    margin-left:120px;
    text-align:right;
    background:#fff;
}
ul.headermenu li a{
    float:left;
    color:#333;
    display:block;
    padding:20px 18px;
}
ul.headermenu li a:hover{
    background:#FFB900;
    color:#fff;
    text-decoration: none;
}
#sp-menu-bt{ display:none; }
#smart-headermenu{ display:none; }
#breadcrumbs{
    padding-top:20px;
    font-size:13px;
    margin-bottom: 8px;
}
/********** side **********/
.sidecontent h3{
    font-size:22px;
    color:#FFB900;
}
.sidecontent .side-genrebox li a,.sidecontent .side-mediabox li a{
    font-size:15px;
    color:#222;
    padding:2px 5px;
    display:block;
    text-decoration:none;
}
.sidecontent .side-genrebox li a:hover,.sidecontent .side-mediabox li a:hover{
    color:#ffffff;
    background:#FFB900;
}
.side-colorbox ul li{
    width:18%;
    float:left;
}
.side-colorbox ul li a{
    height:39px;
    display:block;
    margin-right:7px;
    margin-bottom:5px;
    border-radius: 50%;
}
.side-colorbox ul li a:hover{
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.side-colorbox-color1{ background:#5F94CA; }
.side-colorbox-color2{ background:#388B5F; }
.side-colorbox-color3{ background:#E27027; }
.side-colorbox-color4{ background:#CB212A; }
.side-colorbox-color5{ background:#FFBEFE; }
.side-colorbox-color6{ background:#964D96; }
.side-colorbox-color7{ background:#E8B121; }
.side-colorbox-color8{ background:#B98E63; }
.side-colorbox-color9{ background:#909591; }
.side-colorbox-color10{ background:#0F1911; }
.side-colorbox-color11{ background:#FFFFFF; }
.side-colorbox-color12{ background: linear-gradient(red, orange, yellow, green, blue, indigo, violet);}
.side-popbox ul li,.side-topicbox ul li{
	font-size:15px;
	border-bottom:1px #DADADA solid;
}
.side-popbox ul li a,.side-topicbox ul li a{
    color:#333;
    display:block;
    padding: 8px 0px;
    text-decoration: none;
}
.side-popbox ul li a:hover{ background-color: #f7f7f7;}
.side-popbox ul li a:hover .popbox-img img{
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.side-topicbox ul li a{
	font-size:14px;
	padding: 10px 5px;
	line-height:1.1em;
}
.side-topicbox ul li a:hover{ color:#FFB900; }
.side-topicbox ul li a:hover img{ opacity:0.9; }
.side-topicbox ul li a .topic-post{ display:flex; }
.side-topicbox ul li a .topic-post img{
	width:70px;
	margin-right:10px;
}
.side-topicbox ul li a .topic-post span.thumb-title{
	width:68%;
}
.popbox-img img{ max-width:100%; }
.popbox-title{
    color:#333;
    padding-top:5px;
    padding-left:8px;
    padding-bottom:5px;
    line-height:1.25em;
}
.sidebarimg{ margin-top:25px; }
/********** footer **********/
footer{
    background:#888888;
    color:#FFFFFF;
    margin-top:35px;
    padding:40px 0px 0px 0px;
}
footer a{ color:#FFFFFF; }
footer a:hover{ color:#bbb; }
.footer-topancor{
    position:fixed;
    right:15px;
    bottom:20px;
}
.footer-topancor a{
    height:61px;
    display:block;
    background:#555555;
    padding:14px 14px 14px 14px;
    border-radius: 50%;
}
.footer-topancor a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
ul.footermenu{ padding-left:20px; }
.footer-cp{
    background:#FFB900;
    margin-top:30px;
    padding:15px 0px 5px 0px;
    text-align:center;
}

/********** index **********/
.post1col{
    background:#ffffff;
    margin-bottom:20px;
}
.post1col-left{
    width:375px;
    float:left;
}
.post1col-right{
    width:355px;
    margin-top:30px;
    margin-left:25px;
    float:left;
}
.catlist{
	font-size: 14px;
    color:#FCC534;
    padding-top:10px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:3px;
	line-height:1.1em;
	letter-spacing: 0.1em;
}
.catname{ padding-right:7px; }
.post1-sname{ margin:7px 0 15px 0; }

/********** normal list **********/
.postsnomal h1{
	margin-top: 0px;
	margin-bottom:25px;
}
.articlepost{ padding:35px 37.5px 30px 37.5px; }
.articlepost p{margin-bottom:18px;}
dl.metadata {
	width:100%;
	clear: both;
	position: relative;
	margin-bottom:25px;
}
.metadata dt{
    position: absolute;
	font-size:15px;
    right:115px;
    font-weight:normal;
}
.metadata dt a{ color:#FCC534;}
.metadata dd{
	font-size:15px;
    position: absolute;
    right:0px;
}
.postsnomal-title{
    font-size:32px;
    padding-top:10px;
    padding-bottom:13px;
	line-height:1.5em;
}
.postsnomal-title a{color:#333333;}

/********** single.php 、page.php **********/
.page-detail{
    background:#FFFFFF;
    padding:15px 25px;
	font-size:16px;
	line-height:1.75em;
}
.page-detail p{margin-bottom:18px;}
.page-title{
    font-size:32px;
    padding-top:5px;
    padding-bottom:15px;
}
.page-detail h3,.page-detail h4{
	margin-bottom:15px;
	margin-top:30px;
}
.contact-linkbtn {text-align: center;}
.contact-linkbtn a{
	color: #fff;
	font-weight: bold;
	padding: 13px 20px;
	background: #FFB900;
	border-radius: 6px;
}
.contact-linkbtn a:hover{text-decoration: none;}

/********** media infomation page **********/
.om-post{}

/*om title*/
.om-info{
    text-align:center;
}
.om-info h1{ 
    font-size:31px;
    margin-bottom: 0px;
}
.om-link {
    font-size:15px;
    font-weight:bold;
    margin-bottom: 25px;
}
.om-link a{ color:#FCC534; }
.om-info img{
	margin-bottom: 25px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.15); 
}

/*om content*/
.om-content{
	font-size:15px;
    background:#FFFFFF;
    padding:15px 25px 0px 25px;
}
.om-content h2{
    font-size:22px;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px #999 solid;
    font-weight:700;
    margin:0 0 22px 0 ;
}
.tab-content{
    background:#FFFFFF;
    margin-bottom: 15px;
}
.om-content  .fc-rs{
	color:#fd4545;
}

#om-content-in-more{
    display:none;
    background:#FFFFFF;
    text-align:center;
    margin-bottom: 30px;
    padding:10px 0px;
    font-weight:bold;
}
#om-content-in-more:hover{
    cursor:pointer;
    background:#e9e9e9;
}

/* om tab */
.om-tabmenu{
    background:#FFFFFF;
    text-align:center;
    border-bottom:1px solid #eee;
}
.om-tabmenuline{ border-right:1px solid #eee; background: #f8f8f8;}
.om-tabmenu a{
    color:#222;
    font-weight:bold;
    display:block;
    text-decoration:none;
    padding:14px 0;
}
.om-tabmenu a:hover{background:#e9e9e9;}
.tab-content{
    padding:15px 25px;
}
/* om tab mediainfo */
#mediainfo{
    padding:0px 15px;
}
.om-siteinfotable {width:100%;}
.om-siteinfotable th{
	font-size:15px;
    font-weight:bold;
    padding:12px 15px;
    text-align:right;
    width:30%;
    border-bottom:1px solid #f2f2f2;
    line-height:1.45em;
}
.om-siteinfotable td{
	font-size:15px;
    padding:12px 14px 12px 25px;
    border-bottom:1px solid #f2f2f2;
    line-height:1.55em;
}
/* om tab mediaprofile */
#mediaprofile{
    padding:0px 15px;
}
#mediaprofile img{
	box-shadow: 2px 2px 8px rgba(0,0,0,0.15); 
   margin-bottom:30px;
}
img.om-rel-simg{
    width:320px;
    margin-right:15px;
}
/* om tab mediarelate info */
/* om add info */
.ome-addinfo{
    font-size:12px;
    line-height:1.45em;
    padding:0 15px 30px 15px;
}
/* om relate post */
.om-relate-post{
    background:#FFFFFF;
    padding:15px 25px;
    margin-bottom: 30px;
}
.postbox-reltitle{
    font-size:22px;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:bold;
    margin:0 0 10px 0 ;
}
.om-relate-pbox{
    float:left;
    width:230px;
    height:242px;
    margin-bottom:15px;
}
.prboxmg{ margin-right:17px; }
.om-relate-pbox a{ color:#333; text-decoration:none;}
.om-relate-pbox a:hover{
     color:#999;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.om-relate-catlist{
	font-size:12px;
	line-height:1em;
	padding:5px 0;
}
.om-relate-catname{ padding-right: 5px; color:#FCC534; }
.om-relate-sname{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.om-relate-title{
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* om snsbox post */
.om-snsbox{
	background:#FFFFFF;
	padding:20px 20px 15px 20px;
	margin-bottom:20px;
}
ul.sns_box{
	margin:0px auto;
	display: table;
}
ul.sns_box li{
	display: table-cell;
	height: 63px;
	vertical-align: top;
	padding: 0 5px;
}


/********** top **********/
/*om-home*/
.om-home h2.om-home-title-top{
	margin-top:10px;
	margin-bottom:20px;
}
.om-home h2.om-home-title{
	margin-top:25px;
	margin-bottom:25px;
}
/* postboxlist */
.postbox{
    background:#ffffff;
    float:left;
    width:375px;
    height:385px;
    margin-bottom:20px;
}
.postbox a{text-decoration:none;}
.postboxmg{ margin-left:23px; }
.postbox-sname{
    color:#777;
    font-size:15px;
    padding:7px 15px 5px 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.postbox-title{
    color:#333;
    font-size:18px;
    font-weight:bold;
    line-height:1.2em;
    margin:5px 15px 12px 15px;
}

/********** etc **********/

/********** LP **********/
.fc-bl {color: #3895D0;}
.fc-pi {color: #FC6566;}
.fc-or {color: #FFB800;}

hr { color: #f2f2f2; }

.lppage {}
.lppage h2 .fa {
	margin-bottom: 10px;
	font-size: 65px;
}
.lppage h2 {
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
}
.lppage h2 .lp-h2big {font-size: 43px;}


/* 3つのメリット */
.lp-meli { margin-bottom: 80px; }
.lppage .lp-meli h2 .fa { color: #3895D0;}
.lp-meli-box {
	width: 330px;
	float: left;
}
.lp-meli-box.leftbox{ margin: 0 15px 0 20px;}
.lp-meli-box.centbox{}
.lp-meli-box.rightbox{margin: 0 20px 0 15px;}
.lp-meli-box-blue {
	background: #3895D0;
	text-align: center;
	padding: 10px 0;
	min-height: 170px;
}
.lp-meli-box-blue .fa{
	color: #fff;
	font-size: 65px;
	margin-bottom: 15px;
}
.lp-meli-box-blue p{
	color: #fff;
	font-size: 24px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.lp-meli-box.leftbox .lp-meli-box-blue p,
.lp-meli-box.centbox .lp-meli-box-blue p {margin-top: 15px;}
.lp-meli-box-disc {
	font-size: 15px;
	padding: 15px 0 15px 0;
	margin: 0;
}

/* 3つのデメリット */
.lp-demeli { margin-bottom: 80px; }
.lppage .lp-demeli h2 .fa {color: #FC6566;}
.lp-demeli-box {
	width: 330px;
	float: left;
}
.lp-demeli-box.leftbox{ margin: 0 15px 0 20px;}
.lp-demeli-box.centbox{}
.lp-demeli-box.rightbox{margin: 0 20px 0 15px;}
.lp-demeli-box-pink {
	background: #FC6566;
	text-align: center;
	padding: 10px 0;
	min-height: 170px;
}
.lp-demeli-box-pink .fa{
	color: #fff;
	font-size: 65px;
	margin-bottom: 15px;
}
.lp-demeli-box-pink p{
	color: #fff;
	font-size: 24px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
.lp-demeli-box.rightbox .lp-demeli-box-pink p,
.lp-demeli-box.centbox .lp-demeli-box-pink p {margin-top: 15px;}
.lp-demeli-box-disc {
	font-size: 15px;
	padding: 15px 0 15px 0;
	margin: 0;
}

/* メリットを活かし、デメリットを解消！ */
.lp-grbox {
	background: #ccc;
	color: #fff;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	padding: 25px 0;
	position: relative;
	margin-bottom: 90px;
	line-height: 1.3;
}
.lp-grbox:after {
	content: "";
	position: absolute;
	bottom: -34px;
	left: 43%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 34px 80px 0 80px;
	border-color: #CCCCCC transparent transparent transparent;
}

/* オウンドメディア.comのオウンドメディアサービスの特徴 */
.lp-point {
	margin-bottom: 80px;
	margin-left: 20px;
	margin-right: 20px;
}
.lppage .lp-point h2 .fa {color: #FFB800;}
.lp-point-box-num {
	color: #FFB800;
	font-size: 90px;
	font-style: italic;
	width: 60px;
	float: left;
	margin-top: 38px;
}
.lp-point h3 {
	margin-bottom: 25px;
	margin-top: 0;
}
.lp-point-box-text {
	font-size: 30px;
	width: 610px;
	line-height: 1.5;
	float: right;
}
.lp-point-box1,.lp-point-box2 { margin-bottom: 30px; }
.lp-point-box1-img {
	width: 330px;
	float: left;
	margin-right: 20px;
}
.lp-point-box1-text {
	width: 670px;
	float: right;
}
.lp-point-box2-img {
	width: 330px;
	float: right;
	margin-right: 20px;
}
.lp-point-box2-text {
	width: 670px;
	float: left;
}

/* 価格例 */
.lp-price {
	margin-top: 40px;
	margin-bottom: 50px;
}
.lppage .lp-price h2 .fa {color: #94B055;}
.lp-price-box {
	background: #f2f2f2;
	margin: 0 20px 0 20px;
	padding: 20px 10px 10px 10px;
}
.lp-price-box h3 {
	text-align: center;
	width: 330px;
	margin: 15px auto 25px auto;
}
.lp-price-h3-plan {
	width: 70px;
	height: 70px;
	float: left;
	background: #94B055;
	color: #fff;
	font-weight: bold;
	padding: 6px 0 0 0px;
}
.lp-price-h3-plan-p {font-size: 20px;}
.lp-price-h3-plan-n {font-size: 30px;}
.lp-price-h3-getsu {
	font-size: 20px;
	float: left;
	padding: 20px 0 0 20px;
}
.lp-price-h3-price {
	font-size: 40px;
	font-weight: bold;
	padding: 20px 0 0 0;
}
.lp-price-h3-price-n {font-size: 65px;}
.lp-price-box-svc {
	width: 320px;
	float: left;
	background: #fff;
	border: 1px solid #9d9d9d;
	padding: 15px 10px;
	margin-bottom: 20px;
}
.lp-price-box-svc.centbox { margin: 0 20px; }
.lp-price-box-svc h4 {font-weight: bold;}
.lp-price-box-svc h4 .fa {
	color: #ccc;
	margin-right: 10px;
}

/* 制作実績 */
.lp-case {
	margin-top: 60px;
	margin-bottom: 90px;
}
.lppage .lp-case h2 .fa {color: #FFB800;}
.lp-case h3 {
	text-align: center;
	width: 480px;
	margin: 0 auto 35px auto;
	border-bottom: 1px solid #333;
	padding: 0 0 5px 0;
	font-size: 30px;
}
.lp-case table {
	width: 96%;
	margin: 0 20px 70px 20px;
}
.lp-case table tr {}
.lp-case table td {
	background: #f2f2f2;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 20px 5px 20px;
	border: 1px solid #fff;
	width: 255px;
}
.lp-case-img {margin: 30px 20px 0 20px;}
.lp-case-img img{float: left;}
.lp-case-img img.centbox{margin: 0 15px;}


/********** .postbox,.post1col:hover **********/
.postbox,.post1col{
    position:relative;
}
.post_overwrap{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    transition: background-color 0.3s linear;
}

.post_overwrap:hover{
    background-color:rgba(185,185,185,0.5);
}

/********** page form **********/
.contb {width:100%;}
.contb th,.contb td{ padding:6px 12px; }
.contb th{
	font-size:17px;
	width:32%;
}
.contb input,.contb select{ height: 35px;}
.contb input,.contb textarea,.contb select {
	display: block;
	width: 100%;
	padding: 3px 5px;
	font-size: 16px;
	line-height: 1.42857143;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.contb select { width: 50%; }
.consubmit{ text-align:center; }
.consubmit input[type="submit"]{
	color:#fff;
	background-color: #555;
	font-size:18px;
	padding:10px 25%;
	margin:12px 0px;
	border:1px solid #fff;
}
/* ad banner*/
.post-ad-article { margin-bottom: 25px; }
.post-ad-article .post-ad-right{ margin-top: 5px;}
.post-ad-article .postbox-sname{ margin:5px 0 8px 0; }

/*new column*/
.post-col{
	line-height: 1.95em;
}
.post-col h1.postsnomal-title {
	font-size: 34px;
}
.post-col h2{
	font-size:28px;
	border-bottom:1px solid #333;
	padding-bottom:15px;
	margin-top:30px;
	margin-bottom:25px;
}
.post-col h3{
	font-size:23px;
	background:#f5f5f5;
	padding:14px 14px 17px 14px;
	margin-top:30px;
	margin-bottom:25px;
}
.post-col h4{
	font-size:20px;
	margin-top:27px;
	margin-bottom:22px;
}
.post-col h4.h4-cr{
	position: relative;
	padding-left:24px;
}
.post-col h4.h4-cr:before{
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: #666;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 6px;
}
.post-col p{
	margin-bottom:25px;
}
.post-col div.div-gray{
	padding:14px;
	margin-bottom:22px;
	border:1px solid #bbb;
}
.post-col .fc-rs{
	color:#fd4545;
}
.post-col .fc-bg{
	background: linear-gradient(transparent 60%, #fffdc4 60%);
}
.post-col .fc-list{
	list-style-type: disc;
	font-weight:bold;
	margin-left:22px;
	margin-bottom:25px;
}
.post-col .fc-list li{
	list-style:initial;
}
.post-col .fc-table{
	width: 100%;
	margin: 25px 0;
	border: 1px solid #eee;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}
.post-col .fc-table th{
	font-size:0.95em;
	background:#f6f6f6f6;
	font-weight:bold;
	padding:15px 17px;
	width:30%;
	border-bottom:1px solid #eee;
	line-height:1.45em;
}
.post-col .fc-table td{
	font-size:0.95em;
	padding:14px 18px;
	border-bottom:1px solid #eee;
	line-height:1.6em;
}
.post-col .post-ag{
	padding:18px 16px 16px 16px;
	margin:35px auto 35px auto ;
	border:1px solid #fcc534;
}
.post-col .post-ag h2{
	font-size: 19px;
	border-bottom:0px;
	margin-top: 5px;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.post-col .post-ag li{
	font-size:15px;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:12px;
}
#ez-toc-container.ez-toc-transparent{
	width:80%;
	border:0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom:28px;
	padding:10px 0 ;
}
#ez-toc-container a{
	color:#337ab7;
	transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;
}
#ez-toc-container a:hover{ color:#1d5d94; }
div#ez-toc-container p.ez-toc-title { font-weight: 700; }
div#ez-toc-container nav{
	margin-top:12px;
	padding:0 8px;
}
div#ez-toc-container ul{
	margin-top:10px;
	line-height:1.1em;
}
div#ez-toc-container ul li {
	margin-bottom:10px;
	line-height:1.1em;
}
#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul {
	margin-left: 1.2em;
}
/*20191128 CTA*/
.item-ad-banner{
	position:relative;
	background:#ffffff;
	border:3px solid #BCD1DE;
	padding:15px 0;
	margin-top:5px;
	margin-bottom:35px;
	border-radius:20px;
}
.item-ad-banner a{
	display:block;
	text-decoration:none;
}
.item-ad-banner h2{
	font-size:24px;
	color:#000;
	margin:0 20px 15px 20px;
	line-height:1.35em;
}
.item-ad-banner .cta-img{
	width:36%;
	position:absolute;
	bottom:5px;
	right:4%;
}
.item-ad-banner .cta-img img{
	max-width:100%;
}
.item-ad-banner p{
	color:#000;
	width:52%;
	line-height: 1.5em;
	margin-left:5%;
}
.item-ad-banner div.cta-btn{
	background:#FFED56;
	width:50%;
	font-size:19px;
	font-weight:bold;
	color:#000;
	text-align:center;
	padding:2% 0;
	margin-left:4%;
	border-radius:10px;
}
.item-ad-banner div.cta-btn:hover{
	background:#ffe401;
}
.post-col .item-ad-banner h2{
	padding-bottom:5px;
	border-bottom:0px;
	margin:0 26px 17px;
}
/*2020 CTA*/
.ad-ba-2020{
	background:#f1f4f7;
	border:2px solid #61A2BF;
	border-radius:10px;
	padding:9px 0;
}
.ad-ba-2020  .cta-mes{
	font-size:16px;
	color:#222;
	margin-left:25px;
	font-weight:bold;
}
.ad-ba-2020 h2 {
    font-size: 24px;
    color: #000;
	margin-top:15px;
	margin-left:25px;
    line-height: 1.55em;
}
.ad-ba-2020 h2 span{
	font-size: 33px;
	color:#0295CC;
}
.ad-ba-2020 div.cta-btn {
	position:relative;
    width: 55%;
    background: #fff url(./img/cta_form-ar.png) no-repeat 94% 50%;
    color: #000;
    font-size: 19px;
    font-weight: bold;
	padding:10px 0 10px 10px;
	margin-top:24px;
    margin-left: 25px;
	margin-bottom:4px;
    text-align:center;
	line-height:1.2em;
    border-radius: 4px;
	border:6px double #FFED56;
}
.ad-ba-2020  div.cta-btn span{
	font-size: 24px;
	color:#0295CC;
}
.ad-ba-2020  div.cta-btn div.freeicon{
	background:#F86C6D;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	border-radius:5px;
	position:absolute;
	padding:1px 6px;
	top:10px;
	left:11px;
}
.ad-ba-2020 .cta-img{
	width:32%;
	position:absolute;
	top:16px;
	bottom:auto;
	right:3.5%;
}

/************************************************************************/
/***************************** smart phone ******************************/
@media (max-width: 768px){
/************************************************************************/
    /* commonr */
    body{ min-width:100%; padding-top: 60px; }
    .maincontent{width:100%; float:left;}
    .sidecontent{width:100%; float:right;}
    img{max-width:100%;}

    /* header */
    .logoimg{
        padding-top: 10px;
        padding-left:5px;
        padding-bottom: 8px;
    }
    /* js menu */
    .headermenu { display: none; }
    #sp-menu-bt{ display: block; }
    .sp-headermenu-bt{
        background:#777;
        color:#fff;
        width: 62%;
        float:right;
        margin:7px 7px 7px 0px;
        padding:12px 5px 7px 5px;
        display:block;
        text-align:center;
        text-decoration:none;
    }
    .sp-headermenu-bt .icon-bar{
        background-color: #fff;
        display: block;
        margin-left: 7px;
        margin-right: 7px;
        margin-bottom: 5px;
        height: 2px;
    }
    /* js menu pulldown menu */
    #smart-headermenu{
        z-index:100021;
        width:100%;
    }
    #smart-headermenu li{ border-top:1px solid #eee; }
    #smart-headermenu li a{
        background:#f8f8f8;
        display:block;
        color:#333;
        text-decoration:none;
        padding:7px 10px;
    }
    #smart-headermenu li a:hover{ background:#ddd; }

    /*sidebar*/
    .sidecontent{
        padding-top:10px;
        margin-top:10px;
        border-top:1px solid #ddd;
    }
    .sidecontent h3{
        font-size: 18px;
        padding-top:2px;
        padding-bottom:3px;
        padding-left:10px;
        padding-right:10px;
    }
    .side-genrebox ul,.side-mediabox ul{ border-top:1px solid #ddd; }
    .side-genrebox li,.side-mediabox li{ border-bottom:1px solid #ddd; }
    .sidecontent .side-genrebox li a, .sidecontent .side-mediabox li a { padding: 10px 10px; }
    .side-colorbox ul{ 
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
        padding-top:7px;
    }
    .side-colorbox ul li {
        width: 19.5%;
    }
    .side-colorbox ul li a {
        height: 47px;
        margin-left: 10px;
        margin-right: 0px;
        margin-bottom: 6px;
        border-radius: 0%;
    }
    .side-popbox ul,.side-topicbox ul{  border-top:1px solid #ddd; }
    .side-popbox ul li a, .side-topicbox ul li a{
        padding-left:10px;
        padding-right:10px;
    }

    /*footer*/
    footer {
        margin-top: 15px;
        padding: 0px 0px 0px 0px;
    }
    ul.footermenu { padding-left: 0px; }
    ul.footermenu a{
        display:block;
        text-decoration:none;
        padding: 8px 10px;
        border-bottom:1px solid #ddd;
    }
    ul.footermenu a:hover{
        color:#fff;
        background:#999;
    }
    .smart-ftadd{ padding:10px; }
    .smart-ftadd h3{font-size:18px; padding-bottom:8px;}
    .smart-ftadd p{ font-size:13px; margin-bottom:9px; line-height:1.4em;}
    .footer-cp {
        font-size: 12px;
        margin-top: 7px;
        padding: 7px 0px 5px 0px;
        line-height:1.2em;
    }
    .footer-cp p{ margin-bottom:7px; }
    .footer-topancor { right: 7px; bottom: 7px; }
    .footer-topancor a {
        height: 55px;
        padding: 14px 11px 14px 11px;
    }

    /*index top*/
	/*om-home*/
	.om-home h2.om-home-title-top{
		font-size:19px;
		margin:10px 2% 15px 2%;
		margin-bottom:15px;
	}
	.om-home h2.om-home-title{
		font-size:19px;
		margin:15px 2% 15px 2%;
	}
    #breadcrumbs{
        padding-top: 0px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px;
        margin-bottom: 0px;
        line-height: 1.3em;
    }
    .maincontent h1{
        font-size: 20px;
        font-weight:bold;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
    }
    .postboxlist,.postslist {
        padding-left:5px;
        padding-right:5px;
    }
    .postbox,.post1col{width:100%; height: 100%; margin-bottom: 15px;}
    .post1col-left{width:100%;}
    .post1col-right{
        width:100%;
        margin-top: 0px;
        margin-left: 0px;
    }
    .catlist {
        font-size: 13px;
        padding-top: 3px;
        padding-left: 5px;
    }
    .postbox img{ width:100%; }
    .post1col-left img{width:100%;}
    .postbox-sname {
        font-size: 14px;
        padding: 7px 5px 5px 5px;
    }
    .post1-sname { margin: 0px; }
    .postbox-title {
        font-size: 15px;
        line-height: 1.2em;
        margin: 5px 5px 10px 5px;
    }
    .postboxmg {margin-left: 0px;}
    /* single */
    .om-info { text-align: left;}
    .om-info h1{ padding:5px 6px; margin-bottom:2px;}
    .om-link { font-size: 12px; margin-bottom: 5px;  padding:0px 5px; }
    .om-link a{ display:block; text-decoration:underline;}
    .om-info img{ padding:0 5px; margin-bottom: 15px; }
    .om-content {
        padding: 5px 5px 0px 5px;
    }
    #om-content-in-more {
        padding: 5px 0px;
        margin-bottom: 15px;
    }
    .om-content h2 {
        font-size: 17px;
        font-weight:bold;
        padding-top: 5px;
        padding-bottom: 7px;
        border-bottom: 1px #999 solid;
        margin: 0 0 8px 0;
    }
    .om-content-in{
        padding-left: 7px;
        padding-right: 7px;
    }
    .om-content-in p {
        font-size:14px;
        margin-bottom:8px;
        line-height:1.4em;
    }
    .om-tabmenuline { font-size:14px; border-top: 1px solid #eee; }
    /* single tab */
    .tab-content{ padding: 0px; }
    #mediainfo { padding: 10px 0px 0px 0px; }
    .om-siteinfotable,.om-siteinfotable tbody,.om-siteinfotable thead,
    .om-siteinfotable tfoot,.om-siteinfotable tr,.om-siteinfotable th,.om-siteinfotable td {
        display: block;
    }
    .om-siteinfotable { border-top: 1px solid #f2f2f2; }
    .om-siteinfotable th {
        background:#fbfbfb;
        font-size:14px;
        padding: 7px 16px;
        text-align: left;
        width: 100%;
    }
    .om-siteinfotable td {
        font-size:13px;
        padding: 6px 16px 15px 16px;
        border-bottom: 1px solid #f2f2f2;
        line-height: 1.4em;
        word-wrap: break-word;
    }
    #mediaprofile { padding-top:10px; }
    #mediaprofile img { margin-bottom: 15px; }
    .ome-addinfo {
        color:#aaa;
        font-size: 11px;
        line-height: 1.25em;
        padding: 0 10px 10px 10px;
    }
    /* single relate post */
    .om-relate-post {
        background: #FFFFFF;
        padding: 5px;
        margin-bottom: 10px;
    }
    .postbox-reltitle {
        font-size: 18px;
        padding: 9px 8px;
        margin: 0 0 6px 0;
    }
    .om-relate-postlist{ padding:0 10px; }
    .prboxmg { margin-right: 0px; }
    .s-prboxmg { margin-right: 8%; }
    .om-relate-pbox {
        float: left;
        width: 46%;
        height: 210px;
        margin-bottom: 15px;
    }
    .om-relate-catlist {
        font-size: 11px; 
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .om-relate-sname { font-size: 13px; }
    .om-relate-title { font-size: 11px; margin-top:5px;}

	/* om snsbox post */
	ul.sns_box{
		display: initial;
	}
	ul.sns_box li{
		display: block;
		margin-bottom: 10px;
		float: left;
		padding: 0 8px;
	}
    /* page */
	.page-detail{
		padding: 5px 10px;
	}
	.page-title {
		font-size: 25px;
		padding-top: 0px;
		padding-bottom: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.page-detail h3{
		font-size: 23px;
	}
	/********** page form **********/
	.contb th,.contb td{ padding:0px 12px; display: block;}
	.contb td{ padding-bottom:14px;}
	.contb th{
		font-size:16px;
		width:100%;
		line-height: 1.3;
	}
	.contb input,.contb textarea,.contb select {
		display: block;
		width: 100%;
		padding: 2px 5px;
		font-size: 14px;
		line-height: 1.42857143;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
	}
	.contb select { width: 80%; }
	.consubmit{ text-align:center; }
	.consubmit input[type="submit"]{
		color:#fff;
		background-color: #555;
		font-size:18px;
		padding:10px 35%;
		margin:8px 0px;
		border:1px solid #fff;
	}

	/********** LP **********/
	.lp-mainimg img { width: 100%; }

	.lppage h2 .fa {
		margin-bottom: 5px;
		font-size: 35px;
	}
	.lppage h2 {
		font-size: 22px;
		margin-top: 10px;
		margin-bottom: 5px;
		padding: 0 7px;
	}
	.lppage h2 .lp-h2big {font-size: 22px;}

	/* 3つのメリット */
	.lp-meli { margin-bottom: 5px; }
	.lp-meli-box {width: 32%;}
	.lp-meli-box.leftbox{margin: 0 5px 0 0px;}
	.lp-meli-box.rightbox{margin: 0 0px 0 5px;}
	.lp-meli-box-blue { min-height: auto; }
	.lp-meli-box-blue .fa{font-size: 35px;}
	.lp-meli-box-blue p{font-size: 14px;}
	.lp-meli-box.leftbox .lp-meli-box-blue p,
	.lp-meli-box.centbox .lp-meli-box-blue p {margin-top: 0px;}
	.lp-meli-box-disc {font-size: 12px;}

	/* 3つのデメリット */
	.lp-demeli { margin-bottom: 5px; }
	.lp-demeli-box {width: 32%;}
	.lp-demeli-box.leftbox{ margin: 0 5px 0 0px;}
	.lp-demeli-box.rightbox{margin: 0 0px 0 5px;}
	.lp-demeli-box-pink {min-height: auto;}
	.lp-demeli-box-pink .fa{font-size: 35px;}
	.lp-demeli-box-pink p{font-size: 14px;}
	.lp-demeli-box.rightbox .lp-demeli-box-pink p,
	.lp-demeli-box.centbox .lp-demeli-box-pink p {margin-top: 0px;}
	.lp-demeli-box-disc {font-size: 12px;}

	/* メリットを活かし、デメリットを解消！ */
	.lp-grbox {
		font-size: 15px;
		padding: 10px 0;
		margin-bottom: 25px;
	}
	.lp-grbox:after {
		bottom: -16px;
		left: 43%;
		margin-left: -10px;
		border-width: 21px 30px 0 30px;
	}

	/* オウンドメディア.comのオウンドメディアサービスの特徴 */
	.lp-point { margin-bottom: 25px; }
	.lp-point-box-num {
		font-size: 40px;
		width: 30px;
		margin-top: 5px;
		margin-left: 7px;
	}
	.lp-point h3 {
		margin-bottom: 5px;
		margin-top: 10px;
	}
	.lp-point-box-text {
		font-size: 18px;
		width: 87%;
		line-height: 1.2;
	}
	.lp-point-box1,.lp-point-box2 { margin-bottom: 15px; }
	.lp-point-box1-img,
	.lp-point-box2-img {
		width: 100%;
		margin-right: 0px;
		float: initial;
	}
	.lp-point-box1-img img,
	.lp-point-box2-img img { width: 100%; }
	.lp-point-box1-text,
	.lp-point-box2-text {
		width: 100%;
		float: initial;
		padding: 0 7px;
	}

	/* 価格例 */
	.lp-price {
		margin-top: 20px;
		margin-bottom: 25px;
	}
	.lp-price-box {
		margin: 0;
		padding: 10px 0px;
	}
	.lp-price-box h3 {
		width: 80%;
		margin: 10px auto 20px auto;
	}
	.lp-price-h3-plan {
		width: 60px;
		height: 60px;
		padding: 0px;
	}
	.lp-price-h3-plan-p {font-size: 15px;}
	.lp-price-h3-plan-n {font-size: 20px;}
	.lp-price-h3-getsu {
		font-size: 15px;
		float: left;
		padding: 20px 0 0 10px;
	}
	.lp-price-h3-price {
		font-size: 30px;
		padding: 20px 0 0 0;
	}
	.lp-price-h3-price-n {font-size: 45px;}
	.lp-price-box-svc {
		width: 33%;
		float: left;
		padding: 5px 7px;
		margin-bottom: 10px;
	}
	.lp-price-box-svc.centbox { margin: 0px; }
	.lp-price-box-svc h4 {font-size: 14px;}
	.lp-price-box-svc p { font-size: 12px; }

	/* 制作実績 */
	.lp-case {
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.lp-case h3 {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		font-size: 20px;
	}
	.lp-case table {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.lp-case table td {
		font-size: 13px;
		padding: 7px;
		width: 25%;
	}
	.lp-case-img {margin: 0;}
	.lp-case-img img{
		float: initial;
		width: 100%;
	}
	.lp-case-img img.centbox{margin: 0; }

	/* ad banner*/
	.post-ad-article .post1col-left{
		height:95px;
		overflow:hidden;
		
	}
	.post-ad-article .postbox-sname{
		font-size:13px;
		padding:4px 5px ;
		margin:0px 0 5px 0;
	}
	.post-ad-article .postbox-title{ margin-top:2px; }


/*new column*/
.articlepost { padding: 15px; }
.post-col{ line-height: 1.95em; }
.post-col h1.postsnomal-title {
	font-size: 22px;
	line-height:1.3em;
	padding:20px 0 12px 0;
	border:none;
}
.metadata{ margin-bottom:20px; }
.metadata dd,.metadata dt{font-size:13px;}
.post-col h2{
	font-size:22px;
	padding-bottom:14px;
	margin-top:30px;
	margin-bottom:22px;
}
.post-col h3{
	font-size:20px;
	padding:14px 10px 16px 10px;
	margin-top:30px;
	margin-bottom:22px;
}
.post-col h4{
	font-size:18px;
	margin-top:30px;
	margin-bottom:22px;
}
.post-col p{ margin-bottom:20px; }
.post-col img{ height:auto; }
.post-col div.div-gray{
	font-size:1em;
	padding:10px;
	margin-bottom:20px;
}
.post-col .fc-list{
	margin-left:23px;
	margin-bottom:20px;
}
.post-col .fc-table{
	margin: 25px 0;
}
.post-col .fc-table th{
	font-size:0.95em;
	padding:14px 16px;
	width:30%;
	line-height:1.45em;
}
.post-col .fc-table td{
	font-size:0.95em;
	padding:14px 16px;
	line-height:1.6em;
}
.post-col .post-ag{
	padding:16px 14px 14px 14px;
	margin:30px auto 25px auto ;
}
.post-col .post-ag h2{ font-size: 17px; }
.post-col .post-ag li{
	font-weight:normal;
	line-height:1.2em;
	margin-bottom:8px;
}
#ez-toc-container.ez-toc-transparent{
	border:0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom:28px;
	padding:10px 0 ;
}
#ez-toc-container a{
	color:#337ab7;
	transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;
}
#ez-toc-container a:hover{ color:#1d5d94; }
div#ez-toc-container p.ez-toc-title { font-weight: 700; }
div#ez-toc-container nav{
	margin-top:12px;
	padding:0 8px;
}
div#ez-toc-container ul{
	margin-top:10px;
	line-height:1.1em;
}
div#ez-toc-container ul li {
	margin-bottom:10px;
	line-height:1.1em;
}
#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul {
	margin-left: 1.2em;
}

/*20191128 CTA*/
.item-ad-banner{
	width:94%;
	border:2px solid #BCD1DE;
	padding:7px 0 12px 0;
	margin:5px auto;
	border-radius:5px;
}
.item-ad-banner a{}
.item-ad-banner h2{
	font-size:17px;
	margin:0 10px 10px 10px;
	padding-bottom: 1px;
	line-height:1.3em;
}
.item-ad-banner .cta-img{
	width:40%;
	margin:0 auto;
	position:relative;
	top:initial;
	right:initial;
}
.item-ad-banner .cta-img img{
	max-width:100%;
	padding-top: 3px;
}
.item-ad-banner p{
	font-size:15px;
	width:90%;
	line-height:1.2em;
	margin-top:8px;
	margin-bottom:10px;
	margin-left:5%;
}
.item-ad-banner div.cta-btn{
	width:96%;
	font-size:16px;
	padding:12px 0;
	margin-left:2%;
	border-radius:5px;
}
.post-col .item-ad-banner{
	width:100%;
}
.post-col .item-ad-banner h2{
	padding-bottom:5px;
	border-bottom:0px;
	margin:0 5px 10px 5px;
}
/*2020 CTA*/
.ad-ba-2020{padding:5px;}
.ad-ba-2020  .cta-mes{
	font-size:12px;
	text-align:center;
	margin-top:0;
	margin-left:0px;
	line-height:1.2em;
}
.ad-ba-2020 h2 {
	font-size: 17px;
	padding:0px 5px 0px 5px;
	margin:15px 0 3px 0;
	line-height: 1.4em;
}
.ad-ba-2020 h2 br{ display:none; }
.ad-ba-2020 h2 span{
	display:initial;
	font-size: 22px;
}
.ad-ba-2020 div.cta-btn {
	background: #fff url(./img/cta_form-ar.png) no-repeat 98% 50%;
	width: 96%;
	font-size: 17px;
	padding:10px 0 8px 14px;
	margin:8px 2% 5px 2%;
	line-height: 1.2em;
}
.ad-ba-2020  div.cta-btn span{ font-size: 20px; }
.ad-ba-2020  div.cta-btn div.freeicon{
	font-size:12px;
	padding:3px;
	top:3px;
	left:3px;
	line-height:1em;
}
.ad-ba-2020 .cta-img{
	width:42%;
	position:initial;
	top:initial;
	bottom:initial;
	right:initial;
}

/************************************************************************/
}
/**************************** END smart phone ***************************/
/************************************************************************/

/* clear fix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}