@charset "UTF-8";
/*
Theme Name: 女子ペディアTheme
Theme URI: http://jyoshipedia.com/new
Description: 女子ペディア
Version: 1.0
Author: takahashi
Author URI: http://syuni.co.jp
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;buy-after-knowledge
    font-size:0;
    clear: both;
visibility:hidden;
}

.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

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

#header { padding: 20px 0;}
#header .inner { width: 1050px; margin: 0 auto;}
#header .left { float: left; padding-top: 8px;}
#header .left img { height: 35px;}
#header .right { float: right; text-align: right;}
#header .right ul {}
#header .right ul li { display: inline-block; margin-left: 20px;}
#header .right ul li img { height: 40px;}

#header-y { padding: 20px 0;}
#header-y .inner { width: 1050px; margin: 0 auto;}
#header-y .left { float: left; padding-top: 2px;}
#header-y .left img { height: 45px;}
#header-y .right { float: right; text-align: right;}
#header-y .right ul {}
#header-y .right ul li { display: inline-block; margin-left: 20px;}
#header-y .right ul li img { height: 40px;}

#top-sec01 { padding: 50px 0;}
#top-sec01 .inner { width: 1050px; margin: 0 auto;}
#top-sec01 ul {}
#top-sec01 ul li { width: 23%; float: left; margin-right: 2.66%;}
#top-sec01 ul li:last-child { margin-right: 0;}
#top-sec01 ul li img { width: 100%; height: auto;}

#top-newmodel { background: #FFFAF6; padding: 50px 0;}
#top-newmodel h2 { text-align: center; margin-bottom: 30px;}
#top-newmodel h2 img { height: 25px;}
#top-newmodel .boxs { width: 1050px; margin: 0 auto;}
#top-newmodel .boxs .box { width: 210px; height: 147px; float: left; position: relative; overflow: hidden;}
#top-newmodel .boxs .image {}
#top-newmodel .boxs .image img { width: 100%; height: auto; display: block;}
#top-newmodel .boxs .image img:hover { opacity: 0.8;}
#top-newmodel .boxs .new { position: absolute; top: 10px; left: 10px;}
#top-newmodel .boxs .new img { height: 20px;}
#top-newmodel .boxs .name { color: #FFFFFF; background-color: rgba(0,0,0,0.8); font-size: 11px; letter-spacing:1px; position: absolute; z-index: 999; bottom: 10px; padding: 10px 10px 8px;}
#top-newmodel .boxs .name a { color: #FFFFFF; text-decoration: none;}
#top-newmodel .boxs .name span { font-size: 9px; margin-left: 1em;}
#top-newmodel .btn { text-align: center; margin-top: 30px;}
#top-newmodel .btn img { height: 48px;}

#top-sec02 { padding: 50px 0;}
#top-sec02 .inner { width: 1050px; margin: 0 auto;}
#top-sec02 table { width: 95%; margin: 0 auto;}
#top-sec02 th { text-align: center; vertical-align: top;}
#top-sec02 td { text-align: center; padding-top: 30px;}
#top-sec02 table img { width: 90%; height: auto;}
#top-sec02 table img:hover { opacity: 0.8;}

#top-com { padding: 50px 0;}
#top-com .inner { width: 1050px; margin: 0 auto;}
#top-com h2 { text-align: center; margin-bottom: 30px;}
#top-com h2 img { height: 25px;}
#top-com ul li { width: 23%; float: left; margin-right: 2.66%;}
#top-com ul li:last-child { margin-right: 0;}
#top-com ul li img { width: 100%; height: auto;}

#top-sec03-y { padding: 50px 0;}
#top-sec03-y .inner { width: 1050px; margin: 0 auto;}
#top-sec03-y .left { float: left; width: 48%;}
#top-sec03-y .right { width: 48%; float: right;}
#top-sec03-y .left h2 { border-bottom: dotted 1px #525454; padding: 10px 15px; margin-bottom: 25px;}
#top-sec03-y .left h2 img { height: 25px;}
#top-sec03-y .left dl a { text-decoration: none; color: #525454;}
#top-sec03-y .left dl { margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #DFDFDF;}
#top-sec03-y .left dt { float: left; width: 30%;}
#top-sec03-y .left dt img { width: 100%; height: auto;}
#top-sec03-y .left dd { width: 67%; float: right; font-size: 14px; line-height: 1.8em; color: #525454; letter-spacing:4px;}
#top-sec03-y .left .top-about { position: relative; margin-bottom: 50px;}
#top-sec03-y .left .top-about img { width: 100%; height: auto;}
#top-sec03-y .left .btn { width: 50%; position: absolute; right: 0; bottom: 2px;}
#top-sec03-y .left .btn img:hover { opacity: 0.6;}
#top-sec03-y .right {}
#top-sec03-y .right .top-about { position: relative; margin-bottom: 50px;}
#top-sec03-y .right .top-about img { width: 100%; height: auto;}
#top-sec03-y .right .btn { width: 50%; position: absolute; right: 0; bottom: 2px;}
#top-sec03-y .right .btn img:hover { opacity: 0.6;}
#top-sec03-y .top-media {}
#top-sec03-y .top-media h2 { margin-bottom: 15px; text-align: center;}
#top-sec03-y .top-media h2 img { height: 25px;}
#top-sec03-y .top-media .blue-area { background: #DAEEED; padding: 20px; width: 1000px; margin: 0 auto;}
#top-sec03-y .top-media .white-area { background: #FFFFFF;}
#top-sec03-y ul { padding: 25px 0; text-align: center;}
#top-sec03-y ul li { width: 16%; display: inline-block; text-align: center; margin: 25px 0;}
#top-sec03-y ul li img { height: 80px;}
#top-sec03-y ht ul li img:hover { opacity: 0.8;}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 9999;
}
.slick-prev {
     left: 20px;
    z-index: 1500;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    display: none;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}
#mainimage .slick-prev:before,
#mainimage .slick-next:before {
	color: #000000;
}
#mainimage .slick-next {
    right: 65px;
    z-index: 9999;
}
#mainimage .slick-prev {
    left: 65px;
    z-index: 1500;
}
#top-attention li { position: relative;}
#top-attention h2 { text-align: center; margin-bottom: 35px;}
#top-attention h2 img { height: 25px;}
#top-attention { padding: 50px 0 30px;}
#top-attention .new { position: absolute; top: 10px; left: 10px;}
#top-attention .new img { height: 20px;}
#top-attention .name { color: #FFFFFF; background-color: rgba(0,0,0,0.8); font-size: 11px; letter-spacing:1px; position: absolute; z-index: 999; bottom: 10px; padding: 10px 10px 8px;}
#top-attention .name a { color: #FFFFFF; text-decoration: none;}
#top-attention .name span { font-size: 9px; margin-left: 1em;}

#footer-menu { border-top: solid 1px #525454; text-align: center; color: #525454; padding: 30px 0 25px;}
#footer-menu a { color: #525454; text-decoration: none; letter-spacing:2px;}
.copy { text-align: center; padding-bottom: 20px; color: #525454; font-size: 14px;}

/* 固定ページ */
#pankuzu { width: 1050px; margin: 0 auto; color: #616262; font-size: 14px; padding-bottom: 15px;}
#pankuzu a { color: #616262;}
#contents { color: #616262;}
#contents .left { float: left; width: 720px;}
#contents .right { float: right; width: 300px;}
#contents .inner { width: 1050px; margin: 0 auto; padding-bottom: 50px;}
#contents .page-body {}
#contents .page-body h2 { color: #FFFFFF; background: #6A6A6A; padding: 15px; font-size: 20px; margin-bottom: 25px;}
#contents .page-body h3 { font-weight: bold; font-size: 18px; color: #6F727C; padding: 15px 0; margin-top: 20px;}
#contents .page-body h4 { font-weight: 500; font-size: 17px; border-width: 0 0 0 5px;
  border-style: solid;
  border-image: linear-gradient(to bottom, #F5BBD4, #4181C4) 1 100%; padding: 8px; margin-bottom: 10px; margin-top: 30px;}
#contents .page-body p { line-height: 1.8em; margin-bottom: 1em; text-align: justify;}
#contents .right .sidelink li { margin-bottom: 7px;}
#contents .right .sidelink li img { width: 100%; height: auto;}
#contents .right .sidelink li img:hover { opacity: 0.8;}

/* カテゴリー名 */
.cat-body {}
.cat-body h2 { padding-top: 10px; margin-bottom: 18px;}
.cat-body h2 img { height: 25px;}
.cat-body h2 span { margin-left: 1.5em;}
.cat-body .boxs { width: 100%;}
.cat-body .boxs .box { width: 25%; float: left; position: relative;}
.cat-body .boxs .image {}
.cat-body .boxs .image img { width: 100%; height: auto; display: block;}
.cat-body .boxs .image img:hover { opacity: 0.8;}
.cat-body .boxs .new { position: absolute; top: 10px; left: 10px;}
.cat-body .boxs .new img { height: 20px;}
.cat-body .boxs .name { color: #FFFFFF; background-color: rgba(0,0,0,0.8); font-size: 10px; letter-spacing:2px; position: absolute; z-index: 999; bottom: 10px; padding: 10px 10px 8px;}
.cat-body .boxs .name a { color: #FFFFFF; text-decoration: none;}
.cat-body .boxs .name span { font-size: 8px; margin-left: 1em;}


/* カテゴリー名 topic */
.cat-body-topic {}
.cat-body-topic h2 { color: #FFFFFF; background: #6A6A6A; padding: 15px; font-size: 20px; margin-bottom: 25px;}
.cat-body-topic h2 img { height: 25px;}
.cat-body-topic h2 span { margin-left: 1.5em;}
.cat-body-topic .boxs { width: 100%;}
.cat-body-topic .boxs .box { width: 50%; float: left; position: relative;}
.cat-body-topic .boxs .image {}
.cat-body-topic .boxs .image img { width: 100%; height: auto; display: block;}
.cat-body-topic .boxs .image img:hover { opacity: 0.8;}
.cat-body-topic .boxs .new { position: absolute; top: 10px; left: 10px;}
.cat-body-topic .boxs .new img { height: 20px;}
.cat-body-topic .boxs .name { color: #FFFFFF; background-color: rgba(0,0,0,0.8); font-size: 10px; letter-spacing:2px; position: absolute; z-index: 999; bottom: 0; padding: 10px 3px 6px 10px; line-height: 1.5em;}
.cat-body-topic .boxs .name a { color: #FFFFFF; text-decoration: none;}
.cat-body-topic .boxs .name span { font-size: 8px; margin-left: 1em;}


/* モデル詳細ページ */
.model-head { padding-top: 20px; color: #585C6D; margin-bottom: 30px;}
.model-head .thum { width: 30%; text-align: center; float: left;}
.model-head .thum img { width: 100%; height: auto;}
.model-head .profile { width: 65%; float: right; padding-top: 10px;}
.model-head table.title { border-bottom: dotted 1px #D0D0D0; width: 100%; margin-bottom: 10px;}
.model-head table.title th { vertical-align: middle; font-size: 22px; padding-right: 20px; text-align: left; padding-bottom: 7px;}
.model-head table.title td { vertical-align: middle; padding-bottom: 7px;}
.model-head table.title td img { height: 1.7em; margin-right: 10px;}
.model-head table.title td img:hover { opacity: 0.8}
.model-head table.text { font-size: 15px; width: 100%:}
.model-head table.text th { text-align: left; padding: 5px 0; width: 30%;}
.model-head table.text td { width: 70%;}
.model-head table.text td a { color: #007FB6; text-decoration: none;}
.model-head table.text td a:hover { text-decoration: underline;}
.thumb-item { margin-bottom: 10px;}
.thumb-item-nav li { margin: 0 5px;}
.thumb-item-nav img { width: 100%; height: auto;}
.model-comment { padding: 40px 0;}
.model-comment h5 { color: #525454; border-bottom: dotted 1px #525454; border-top: dotted 1px #525454; background: url(images/model_icon_maic.png) no-repeat left; padding: 15px 33px; background-size: 25px; margin-bottom: 25px; font-size: 17px;}
.model-comment dl { padding-bottom: 25px; margin-bottom: 25px; border-bottom: dotted 1px #C6C5C5;}
.model-comment dt { background: url(images/model_qa_bg.png) no-repeat left; background-size: 40px; font-size: 18px; padding: 20px 55px; margin-bottom: 20px;}
.model-comment dd { line-height: 1.8em; color: #FFFFFF; font-size: 14px; background: #4A4B4D; border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */ padding: 15px;}
.model-comment p { line-height: 1.8em;}
.model-comment strong { margin-top: 15px; font-weight: bold; display: inline-block;}
.model-head-contest h2 { color: #FFFFFF; background: #6A6A6A; padding: 15px; font-size: 20px; margin-bottom: 25px;}
.model-comment-contest { padding: 40px 0;}
.model-comment-contest h5 { color: #525454; border-bottom: dotted 1px #525454; border-top: dotted 1px #525454; background: url(images/model_icon_contest.png) no-repeat left; padding: 15px 33px; background-size: 25px; margin-bottom: 25px; font-size: 17px;}
.model-comment-contest p { line-height: 1.8em;}

.powerd { text-align: center; margin-bottom: 40px;}
.powerd img { width: 200px; height: auto;}

/* タグクラウド */
.tagcloud-y a {
 font-size: 12px !important; /* 文字のサイズ */
 line-height: 1em;
 background:#ef8823; /* 背景色 */
	background-size: 10px;
	background-position: 10px;
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 8px 20px 5px 20px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud-y a:hover {
 background: url(images/tag_bg.png) no-repeat left #f8ca4d; /* マウスホバー時の背景色 */
 color: #c3961c; /* マウスホバー時の文字色*/
	background-size: 10px;
	background-position: 10px;
}





/* タグクラウド */
.tagcloud a {
 font-size: 12px !important; /* 文字のサイズ */
 line-height: 1em;
 background: url(images/tag_bg.png) no-repeat left #2098a8; /* 背景色 */
	background-size: 10px;
	background-position: 10px;
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 8px 15px 5px 20px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: url(images/tag_bg.png) no-repeat left #DAEEED; /* マウスホバー時の背景色 */
 color: #2098a8; /* マウスホバー時の文字色*/
	background-size: 10px;
	background-position: 10px;
}

.tagcloud a:before {
 font-family: "FontAwesome";
 content: "\f02b"; /* 絵文字のコード */
 padding-right: 4px;
}
.tagcloud-in a {
 font-size: 15px !important; /* 文字のサイズ */
 line-height: 1em;
 background: url(images/tag_bg.png) no-repeat left #2098a8; /* 背景色 */
	background-size: 10px;
	background-position: 10px;
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 13px 15px 10px 20px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud-in a:hover {
 background: url(images/tag_bg.png) no-repeat left #DAEEED; /* マウスホバー時の背景色 */
 color: #2098a8; /* マウスホバー時の文字色*/
	background-size: 10px;
	background-position: 10px;
}

li.tag-list { width: 33.3%; float: left;}
li.tag-list a { color: #636363; text-decoration: none; background: url(images/tag_list_bg.png) no-repeat left; background-size: 10px; padding-left:17px;}
li.tag-list a:hover { color: #000000;}

/* お問い合わせ */
.contact-area { background: #F8F8F8; padding: 25px 20px;}
.contact-area dl { margin-bottom: 20px;}
.contact-area dt { margin-bottom: 8px;}
.contact-area dd {}
.contact-area dd input { padding: 10px; width: 90%; border: solid 1px #E2E2E2;}
.contact-area dd textarea { padding: 10px; width: 90%; border: solid 1px #E2E2E2; height: 10em;}
.send { text-align: center;}
.send input { background: #323232; color: #FFFFFF; border: none; padding: 15px 50px;}
.privacy-in li { font-size:14px; margin-bottom:10px; color: #000000; list-style: disc; list-style-position: inherit; margin-left: 20px;}

/* 一覧 */
.college-in li { margin-bottom: 15px;}
.todohuken-in li { margin-bottom: 15px;}
.job-in li { margin-bottom: 15px;}
.type-in li { margin-bottom: 15px;}

/* 関連リンク */
.tokusyu-link { margin-top:30px;}
.tokusyu-link dl a { text-decoration: none; color: #525454;}
.tokusyu-link dl { margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #DFDFDF;}
.tokusyu-link dt { float: left; width: 20%;}
.tokusyu-link dt img { width: 100%; height: auto;}
.tokusyu-link dd { width: 77%; float: right; font-size: 14px; line-height: 1.8em; color: #525454; letter-spacing:4px;}

.model-comment-in { width: 95%; margin: 0 auto; line-height: 1.5em !important;}
.model-comment-in p { line-height: 1.5em !important;}
.model-comment-in strong { font-weight: bold;}

.misscon { margin-bottom: 20px;}
.misscon .left-img { width: 42%; float: left;}
.misscon .left-img img { width: 100%; height: auto;}
.misscon .right-text { width: 56%; float: right;}
.misscon .right-text h3 { margin-bottom: 10px; margin-top: 5px; border-left: solid 3px #000000; padding: 10px; color: #000000;}
.misscon .right-text p { line-height: 1.6em; font-size: 14px; margin-bottom: 30px;}
.misscon .right-text dt { line-height: 1.5em;}
.misscon .right-text dl { font-size: 15px;}
.misscon .right-text dl a { color: #66AEAA;}
.misscon .right-text {}
.titles { background: #000000; text-align: center; color: #FFFFFF; padding: 15px 0; margin-bottom: 15px;}

.okuri { padding-top: 20px; color: #E97576;}
.okuri a { display: inline-block; color: #C65A5C;}