@charset "UTF-8";

/*
Theme Name: 賢威6.2 2017年3月7日 子テーマ
Template: keni62_wp_corp_1703072018
*/

/*********************************************
	design.css
*********************************************/
/*
#container {
	border		: 3px solid black;
}
#header {
	border		: 2px solid red;
}
#header-in {
	border		: 2px solid blue;
}
#global-nav {
	border		: 2px solid green;
}
#global-nav-in {
	border		: 2px solid purple;
}
#main {
	border		: 2px solid blue;
}
#main-in {
	border		: 2px solid red;
}
#breadcrumbs {
	border		: 2px solid black;
}
#main-and-sub {
	border		: 2px solid blue;
}
#main-contents {
	border		: 2px solid green;
}
#main-contents .contents {
	border		: 2px solid brown;
}
#sidebar {
	border		: 2px solid blue;
}
#sidebar-in {
	border		: 2px solid green;
}
#footer {
	border		: 2px solid brown;
}
#footer-in {
	border		: 2px solid green;
}
#top {
	border		: 2px solid green;
}
#top-in {
	border		: 2px solid brown;
}
#top-menu {
	border		: 2px solid blue;
}
.copyright {
	border		: 2px solid red;
}
*/

#header h1{
	margin-bottom	: 0;
}

#global-nav {
	border-bottom	: 1px solid #666;
	box-shadow	: 4px 4px 8px #666;
	background	: rgb(253, 236, 113) url(images_my/global_nav_back.png) center repeat-y;
}
#menu {
	padding-bottom	: 0;
	font-size	: 1.6em;
}
#global-nav #menu li a:link,
#global-nav #menu li a:visited {
	background-color: transparent;
}
#global-nav #menu li a:hover,
#global-nav #menu li a:active {
	background-color: #efefef;
}

#main {
	margin-top	: 4px;
}
#main-in {
	padding-top	: 1em;
	font-size	: 1.2em;
	overflow	: hidden;
	-webkit-box-shadow	: 2px 8px 10px #999;
	-moz-box-shadow	: 2px 8px 10px #999;
	box-shadow	: 2px 8px 10px #999;
}

#main-contents dl.news dd.cat{
	clear		: none;
	width		: auto;
}
#main-contents dl.news dd{
	clear		: both;
	padding		: 0 1em 0.8em 1em;
}
#breadcrumbs {
	margin-bottom	: 0;
	margin-left	: 1%;
	margin-right	: 1%;
}
#main-and-sub {
	padding-bottom	: 32767px;
	margin-bottom	: -32767px;
}

#main-contents h2 {
	position	: relative;
	background	: #eee;
	font-size	: 1.3em;
	border		: 2px solid #333;
	border-radius	: 1em;
	box-shadow	: 4px 4px 8px 0px  #666666 ;
}
#main-contents h2:before,
#main-contents h2:after {
	content		: "";
	position	: absolute;
	top		: 100%;
	height		: 0;
	width		: 0;
}
#main-contents h2:before {
	left		: 38px; 
	border		: 12px solid transparent;
	border-top	: 12px solid #333;
}
#main-contents h2:after {
	left		: 40px;
	border		: 10px solid transparent;
	border-top	: 10px solid #eee;
}
#main-contents .contents{
	margin-bottom: 1.5em;
}
#main-contents p {
	margin		: 1em 0 2em;
	line-height	: 2.5em;
}

.sub-column h3 {
	border		: none;
	position	: relative;
	margin		: 100px;
	padding		: 0.3em;
	background	: #88ccef;
	box-shadow	: 0 -10px 0 0 #95daff, 10px 0 0 0 #88ccef, -10px 0 0 0 #88ccef, 0 3px 3px 0 rgba(0,0,0,0.1);
}
.sub-column h3:before {
	content		: " ";
	position	: absolute;
	top		: -10px;
	left		: -10px;
	width		: 0;
	height		: 0;
	border-width	: 0 0 10px 10px;
	border-style	: solid;
	border-color	: transparent;
	border-bottom-color	: #95daff;
}
.sub-column h3:after {
	content		: " ";
	position	: absolute;
	top		: -10px;
	left		: 100%;
	width		: 0;
	height		: 0;
	border-width	: 0 10px 10px 0;
	border-style	: solid;
	border-color	: transparent;
	border-bottom-color	: #95daff;
}
.sub-column .contents h3 {
	margin		: 1em 0.5em 1em 0;
}

#top {
	font-size	: 1.6em;
}
#top-menu li a {
	padding		: 0.2em 0.4em 0.2em 12px;
	border		: 1px solid #CCC;
	border-radius	: 0.4em;
	text-decoration	: none;
}

.sub-column dl.search-box dt input,
.sub-column dl.search-box dd input {
	border-radius	: 0.5em;
}

#footer .area02 {
	float		: none;
	margin		: auto;
}

/*********************************************
	layout.css
*********************************************/
.col2 #sidebar {
	width		: 29%;
	padding		: 1em 0.5%;
	padding-bottom	: 32767px;
	margin-bottom	: -32767px;
}
.col2 #main-and-sub {
	width		: 69%;
	padding		: 1em 0.5%;
	padding-bottom	: 32767px;
	margin-bottom	: -32767px;
}

/*********************************************
	original
*********************************************/
img {
	border		: 1px solid #ffe;
	border-radius	: 8px;
	-webkit-box-shadow	: 4px 4px 10px #444;
	-moz-box-shadow	: 4px 4px 10px #444;
	box-shadow	: 4px 4px 10px #444;
}

#front_read p {
	margin		: 0;
	padding		: 0;
	line-height	: 1;
}

#front_topics {
	margin		: 0 0.8em 2em;
	padding		: 0 1em ;
	border		: 1px solid black;
	border-top	: none;
	border-radius	: 1em;
	position	: relative;
	-webkit-box-shadow	: 4px 4px 10px #666;
	-moz-box-shadow	: 4px 4px 10px #666;
	box-shadow	: 4px 4px 10px #666;
}
#front_topics p,
#front_topics li {
	margin		: 0;
	padding		: 0;
	line-height	: 1;
}
#front_topics .p_h1 {
	position	: relative;
	color		: #fff;
	text-shadow	: -1px -1px black;
	font-size	: 1.2em;
	font-weight	: bold;
	margin		: 0 -29px 1em -29px;
	padding		: 0.8em;
	text-shadow	: 1px 1px #666;
	box-shadow	: 0 1px 3px #777;
	-moz-box-shadow	: 0 1px 3px #777;
	-webkit-box-shadow	: 0 1px 3px #777;
	-o-box-shadow	: 0 1px 3px #777;
	-ms-box-shadow	: 0 1px 3px #777;
}
#front_topics .p_h1:before,
#front_topics .p_h1:after {
	content		: "";
	position	: absolute;
	top		: 100%;
	height		: 0;
	width		: 0;
	border		: 6px solid transparent;
	border-top	: 6px solid #333;
}
#front_topics .p_h1:before {
	right		: 0;
	border-left	: 6px solid #333;
}
#front_topics .p_h1:after {
	left		: 0;
	border-right	: 6px solid #333;
}
#front_topics .description {
	overflow	: hidden;
	padding-bottom	: 1.5em;
}
#front_topics .description img {
	float		: left;
	margin		: 0 20px 1em 0;
}
#front_topics .description p {
	font-size	: 1em;
	line-height	: 1.5;
}
#front_topics ul {
	margin		: 0 0 2em;
}
#front_topics ul li {
	list-style-type	: none;
	line-height	: 1.5;
	border-bottom	: 1px dotted #666;
	padding-top	: 0.4em;
}
#front_topics li a {
	text-decoration	: none;
}
#front_topics ul span {
	width		: 4em;
	margin-right	: 0.5em;
	padding		: 0.1em 1em;
	line-height	: 2;
	border-radius	: 0.5em;
	color		: white;
	text-align	: center;
}
#front_topics ul#fashion span {
	background-color: #0293c0;
}
#front_topics ul#hair span {
	background-color: #08d97a;
}

.sub-column .contents ul {
	border-radius	: 0.5em;
	padding-left	: 0.5em;
	-webkit-box-shadow	: 3px 3px 8px #999;
	-moz-box-shadow	: 3px 3px 8px #999;
	box-shadow	: 3px 3px 8px #999;
}
/*
#sidebar-in div {
	padding		: 1em;
	border 		: 1px solid #666;
	border-radius	: 0.3em;
	box-shadow	: 0px 0px 4px #333;
}
*/

.adsense_336_280,
.adsense_728_90 {
	float		: none;
	text-align	: center;
	margin		: 0px auto 20px;
}
.adsense_336_280 {
	width		: 336px;
}
.adsense_728_90 {
	width		: 728px;
}

.responsive01,
.responsive01_wrap {
	width	: 300px;
	height	: 250px;
}
.responsive01_wrap {
	margin		: 0 auto 4em;
	position	: relative;
}
.responsive01_wrap:before {
	position	: relative;
	top		: 0em;
	content		: "\0030b9\0030dd\0030f3\0030b5\0030fc\0030ea\0030f3\0030af";
}
.responsive01 {
	position	: relative;
	top		: 0em;
}
@media(min-width:800px) {
.responsive01,
.responsive01_wrap {
	width	: 728px;
	height	: 90px;
}
}

/*******************************
	Table of Contents Plus 関連
*******************************/
#toc_container {
	position	: relative;
/*
	display		: block !important;
*/
	display		: table;
	min-width	: 256px;
	background	: #fff;
	border		: 2px solid #aaa;
	border-radius	: 0.5em;
	font-size	: 95%;
	box-sizing	: border-box;
	line-height	: 1.4;
	margin		: 2em auto 2em;
	padding		: 0;
}
#toc_container .toc_title {
	position	: absolute;
	top		: -20px;
	left		: 50%;
	width		: 192px;
	text-align	: center;
	background	: lightskyblue;
	border-radius	: 0.4em;
	margin		: 0 0 0 -96px;
	padding		: 0;
	line-height	: 2.2;
}
#toc_container .toc_title a {
	color		: orangered;
	text-decoration	: none;
}
#toc_container ul {
	list-style	: none;
	margin-bottom	: 0;
}
#toc_container ul li {
	margin		: 0;
	padding-left	: 0;
	text-indent	: 0;
}
#toc_container ul a {
	display		: block;
	text-decoration	: none;
	color		: #444;
	border-bottom	: 1px dotted #999;
	font-size	: 100%;
	line-height	: 1.4;
	padding		: 0.5em 0 0 0;
}
#toc_container ul a:hover {
	background	: #ffff60;
}
#toc_container .toc_list {
	margin		: 1.2em 1em 1em;
}
#toc_container .toc_list > li > a {
	border-bottom	: 2px solid #4C9CF5;
	font-size	: 110%;
}
#toc_container ul ul {
	margin		: 0 0 0.5em 1em;
	padding		: 0 0px 0px 0px;
}
.toc_depth_1:after,
.toc_depth_2:after,
.toc_depth_3:after {
	content		: ".";
}
@media screen and (max-width:480px) {
#toc_container ul a {
	font-size	: 80%;
	padding		: 1em 0 0 0;
}
#toc_container .toc_list > li > a {
	font-size	: 95%;
}
}