@charset "UTF-8";
/*
Theme Name: 自分のキャリア【ナビ】
Theme URI: https://career.j-pp.jp
Description: 就活・転職・職場の悩みのソリューション。
Version: 1.0
Author: Japan Personal Project
Author URI: http://j-pp.jp
*/

/* WP投稿ページ用CSS */

.alignleft{
	float: left;
	margin-left: 0;
	margin-right: 1em;
}

.alignright{
	float: right;
	margin-left: 1em;
	margin-right: 0;
}

.aligncenter{
	margin-left: auto;
	margin-right: auto;
}

.wp-block-categories.aligncenter{text-align: center;}
.wp-block-latest-posts.aligncenter,
.wp-block-archives.aligncenter,
.wp-block-tag-cloud.aligncenter,
.wp-block-latest-comments.aligncenter,
.wp-block-rss.aligncenter{
	text-align: center;
}

figure{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

body{
	box-sizing: border-box;
}

body *,
body *::befor,
body *::after{
	box-sizing: inherit;
}

/*フォントの設定*/
/*変数*/
:root{
	--f1: 2.44em; /* 39.04px */
	--f2: 1.95em; /* 31.20px */
	--f3: 1.56em; /* 24.96px */
	--f4: 1.25em; /* 20.00px */
	--f5: 1.00em; /* 16.00px */
	--f6: 0.80em; /* 12.80px */
}
/*フォント*/
	h1{font-size: var(--f1);}
	h2{font-size: var(--f2);}
	h3{font-size: var(--f3);}
	h4{font-size: var(--f4);}
	h5{font-size: var(--f5);}
	h6{font-size: var(--f6);}

/* 個別設定CSS */

@media (max-width:480px){
		
/* 全体の装飾 */

body{width:100%;margin:0 auto;font-family:Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:1.2em}

.wrapper{margin:0 auto;padding:0;width: 1200px ; background-color:black;overflow: hidden;}
		
/*トップページの装飾*/

.toptitle{height:80px;font-size:2.6em;font-weight:bold;text-align:center; line-height:1.3;background-color:greenyellow; color: deeppink; margin:0; padding: 10px 0 0 0;}
	
	#headmessage figure{margin-top:-60px;}	
#headmessage figure figcaption{margin-left:120px;}

.message{font-size:2.3em;color:black;margin:30px 35px 30px 35px;padding:15px 20px 10px 40px;background:radial-gradient(yellow 60%, orange 100%);border-radius: 20px;border-radius:30px}

.image{border-radius: 30px}
.imgneko{padding:0px 0px 0 0;height:180px; width:180px; }	
	
.pl{background-color:orange;border-radius: 5px;color:black;}
.rl{background:linear-gradient(transparent 80%, red 100%);border-radius: 20px;}

.content1 h1, .content2 h1{background-color:orange; color: green;text-align:center;margin-top:0px;}

.pink{font-size:1.2em;color:deeppink; font-weight: bold; text-align:center;}

.rightfig figure{float: right;display:block;text-align:center;}
	.rightfig figure figcaption{margin-left:20px;width:150px;font-size:1.5em;font-weight:bold;color:brown;}
	
.leftfig figure{float: left;display:block;text-align:center;}
	.leftfig figure figcaption{margin-left:20px;width:150px;font-size:1.5em;font-weight:bold;color:brown;}	
	
	
	
#top1 figure{text-align:center;margin:0px 0 -10px -35px;padding:0px 30px 0px 0px;}
	
#top1 figure img{height:350px;width:350px;margin-top:50px;padding:0;}
	
	#top1 figure figcaption{margin-left:100px;}
	
#top1mess{margin:-15px 30px 20px 30px;padding:40px 30px 30px 120px;font-size:1.8em;color:black;background:radial-gradient(white 50%, pink 100%);border-radius:180px;font-weight:bold;}

#top2fig{clear:both;text-align:center;margin:900px 0 0 50px;padding-right:20px;float: left;font-size:1.2em;}
	
#top2fig img{width:230px;height:230px;margin:0;padding:0;border:solid 2px #CCFF99;}
	
#top2mess{margin:0px 30px 50px 150px;padding:40px 90px 30px 80px;font-size:2.5em;color:deeppink;background:#CCFF99;border-radius:210px}

#top2{clear:both;margin:10px 0 5px 0;}



#blogexe{border:solid 3px orange;margin:0px 35px 0px 35px;;padding:15px 15px 0px 15px;border-radius:30px;font-size:2em;background-color:gold;}

#blogexeimg{float:left;}

#blogexeimg figure img{max-height:300px;width:300px;margin:5px 30px 0 40px;padding:0px ;background-color:white;border-radius:30px;}
	
#blogexetitle{background-color:black;margin:15px 0 15px 350px;padding:5px 0 35px 30px;color:gold;border-radius:30px;font-size:1.2em;padding-bottom:0;}
	
	#blogexetitle a{text-decoration:none;color:gold;text-align:center;}	
	
#blogexeexp{color:black;margin:0px 40px 0 50px;}
	
	#blogexeexp a{text-decoration:none;color:black;}

#top2title{margin-top:10px;color:orange;font:bold 3.2em fantasy;text-align:center;}

#top2recomend{margin-top:20px;color:yellow;font:bold 2.5em fantasy;text-align:center;}

#top3{margin:10px 30px;padding:35px;color:black;border-radius:30px;border:solid 3px pink;background:radial-gradient(white 50%, pink 100%);border-radius:180px;font-weight:bold;}
	
	#top3 figure{margin-bottom:20px;}

	#top3 figure figcaption{margin-left:110px;}

.top3mess{font-size:2em;margin:0 60px 0 60px;}
	
.top3rightfig figure{float: right;display:block;text-align:center;margin:0 0 0 0;}
	.top3rightfig figure figcaption{margin-left:20px;width:150px;font-size:1.5em;font-weight:bold;color:brown;}
	
.top3leftfig figure{float: left;display:block;text-align:center;}
	.top3leftfig figure figcaption{margin-left:20px;width:150px;font-size:1.5em;font-weight:bold;color:brown;}	
	
.imgneko{margin-top:50px;height:360px; width:360px; }	
.image2{height:360px;width:360px;}
.image3{height:360px;width:360px;}

#top4{clear:both;}
	
	#top5 figure{margin-top:10px;}
	#top5 figure figcaption{margin-left:110px;}

#top4mess{height:420px;margin:10px 30px 10px 30px;padding:15px 15px 1px 15px;font-size:2em;color:black;background-color:orange;border-radius:30px}

#top4fig{margin:auto auto 80px auto;padding:50px 0 20px 5px;float: left;font-size:0.5em;}

	#top5 figure{margin-top:-60px;}

#ad_top3{clear:both;}


#recoblogs{border:solid 2px orange;width:1120px;height:880px;margin-left:40px;border-radius:20px;}

#recoblogs ul{display:flex;
max-width:1120px;
list-style: none;
justify-content: center;
padding:0;
margin:0;
}
#recoblogs ul li{font-size:2em;height:840px;width:350px;border:solid 3px orange;background-color:gold;margin:20px;border-radius:20px;}

.recoblogimage figure img{height:300px;width:300px;margin:10px;padding:0;background-color:white;}
.recoblogimage figure{margin:0;padding:0;text-align:center;}
.recoblogexp{padding:0 0 10px 10px;}
	.recoblogexp a{text-decoration:none;color:black;}

#lisence{background-color:black;color:gold;font-size:1.7em;font-weight:bolder:3px solid orange;border-radius:30px;padding:10px;margin-left:50px;border:solid 3px orange;}
	
#company{margin:20px 0px;text-align:center;font-size:1.4em;color:white;}
	#company a:visited{color:white;color:inherit;}
	
#booklink{font-size:2em;padding:20px 0 80px 25px;}
	#booklink a{color:inherit;color:yellow;}
	
/*相談リンクボタンの装飾*/

#topad_top4mess{text-align:center;}

.topbtn-sticky {
  font-size:3em;
  display: inline-block;
   margin-bottom:50px;
  padding: 0.5em 1em;
  text-decoration: none;
  background: radial-gradient(yellow 50%, orange) ;
  border-left: solid 20px orange;/*左線*/
  color: deeppink;/*文字色*/
  font-weight: bold;
  }
	
	
/*footerの装飾*/
footer{text-align:center;border-top:solid 1px green;background-color:black;color:white;border-right:solid 1px green;border-left:solid 1px green;overflow: hidden;}
	
	#privacy{text-align:right;font-size:20px;margin:20px 0px 10px 0px;background-color:black;font-size:2em;}
	#privacy a:visited{color:white;color: inherit;}
	
	#celeb{border-top:solid 3px orange;border-bottom:solid 3px orange;font-size:3em}
	#comprof{color:white;font-size:1.5em}

/*メニューの装飾*/
	
nav ul{display:flex;
max-width:1200px;list-style: none;justify-content: center;padding:0;margin:20px 0;}
	
nav ul li .menuhome{border: solid 3px gray;border-radius:35px;background:radial-gradient(gray 30%,black 100%);margin:0px 20px; padding:0px 15px;height:200px;width:100px;overflow:hidden;color:white; }
	
	#homeicon{padding-top:60px;}	
	
nav ul li .menu{border: solid 3px orange;border-radius:35px;background:radial-gradient(yellow 30%,orange 100%);margin:0 10px; padding:0 15px;height:200px;width:200px;overflow:hidden;font-size:2em;}
	
	.menuicon{padding-top:30px;}
	.caticon{font-size:2em;}

nav ul li a{display:block;
text-align:center;
text-decoration:none;
font-size:1.7em;
font-weight:bold;
color:black;
 }

nav ul li:active {background:radial-gradient(hotpink 55%,white 100%);
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(10px);
}
	
/*sideの装飾*/	
	#poptitle{color:deeppink;font-size:2.5em;text-align:center;padding-top:15px;}
	#popimage{border-bottom:dotted 2px green;padding-bottom:1em;text-align:center;}
	#popimage img{width:400px;height:400px;}
#sidearticle{margin:10px 0 30px 50px;padding:0;width: 1150px;display:flex;flex-wrap:wrap;}
	#affiliate{margin:0 25px;}
	#originalad{margin:0 25px;}
.afside{max-width:500px;max-height:500px;}
	.afside img{width:500px;height:auto;max-height:500px;}

	
.adside{width:500px;height:500px;border:solid 1px green;margin-bottom:50px;}
.adside img{width:500px;height:500px}
	
.prad{margin-left:0px;color:green;font-size:1.5em;}
.pradtop{margin-left:30px;color:green;font-size:1.5em;}
	
/** メインランのアド枠 */
#ctbtad{height:100px;width:800px;border:solid 1px green;margin:10px auto;}
#ctbtad img{width:800px;height:100px; }
	
/*カテゴリーページの装飾*/

#ct_top1 h1{margin:-5px 0 10px 0;padding:0px;background-color:orange; color: green;text-align:center;}

#ct_top1fig{height:150px;width:100px;border-radius:150px;margin:5px 10px 0px 20px;padding:0;float: left;}

#ct_search_top1fig{height:100px;width:100px;border-radius:150px;margin:10px 10px 0px 20px;padding:0;float: left;}

#ct_top1fig img{border-radius:150px;height:auto;width:auto;max-height:100%;max-width:100%;}

#ct_search_top1fig img{border-radius:150px;height:auto;width:auto;max-height:100%;max-width:100%;}

#ct_top1mess{margin:10px 30px -10px 5px;padding:0;color:gold;font-size:2.5em;}

#searchform{text-align:right;font-size:2.5em;margin:30px 40px 25px 0px;}

.searchfield{width:450px;height:85px;font-size:0.8em;border:solid 3px orange;border-radius:20px;cursor: pointer;padding-left:10px;}
#submit{font-size:1.2em;background-color:gold;color:deeppink;border:solid 3px orange;border-radius:50px;cursor: pointer;}

#ct_search_top1mess{color:deeppink;font-size:1.5em;padding:25px 0 0 5px;}

#ct_keyword{text-align:left; font-size:2em;color:deeppink;margin:1.2em 0px 0px 20px;}

#keyword{text-align:left; font-size:2em;color:deeppink;margin:1.2em 0px 0px 20px;}

#ct_nokeyword{margin-top:-10px;padding:0;text-align:left;color:green;font-size:1.5em;}

#ct_top2{border:solid 3px orange;margin:80px 35px 10px 35px;;padding:15px 15px 0px 15px;border-radius:30px;font-size:1.2em;background-color:gold;}

#ct_blog{padding-bottom:0;margin-bottom:20px;border-bottom:solid 1px lightgreen;}

#ct_blog #blogexeimg{float:left;}

#ct_blog #blogexeimg figure img{height:300px;width:300px;max-height:100%;max-width:100%;margin:10px 30px 0 10px;padding:0;border-radius:20px;}

#ct_blog #blogexeimg figure{height:300px;margin:0px 20px -4px 0;padding:0;}

#ct_blog #blogexetitle{background-color:black;margin:0 0 -20px 350px;padding:0 0 0 10px;color:gold;border-radius:30px;font-size:1.8em;}

#ct_blog #blogexecontent{color:black;font-size:1.9em; border-bottom:solid 3px orange;}

#clear{clear:both;}


#pagenav{text-align:center;margin:100px 0px 100px 0px;color:black;}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
 
.page-numbers {
  font-size: 65px;
  border: 3px solid orange;
  padding: 35px;
border-radius:200px;
background-color:gold;
text-decoration:none;}

#ctbtad{height:100px;width:800px;border:solid 1px green;}
#ctbtad img{width:1100px;height:150px; }

#blogall{margin:2em auto 40px auto;width:500px;text-align:center;border: solid 3px orange;border-radius:35px;background-color:gold;font-size:2em;}
#blogall a{color:black;text-decoration:none;}


/*アドバイスページの装飾*/

#ad_top1 h1{margin:-5px 0 10px 0;padding:0;background-color:orange; color:green;text-align:center;letter-spacing:-2px;}
	
#ad_top2fig{margin:30px 0px 0px -20px;float: right;}
	
#ad_top3{clear:both;}

#ad_top2mess{margin:20px 30px;padding:15px 15px 5px 15px;font-size:2.2em;color:black;background:gold;border-radius:30px}

#admessage{background-color:black;padding:1em 1.8em;margin:10px;border-radius:50px;color:gold;}

#offservice{margin:30px;background-color:black;color:orange;padding:10px 0px 10px 20px;border-radius:30px;border:3px solid orange;}
	
#caution{font-size:1em;background-color:black;padding:0.5em 1em 0.5em 1.5em;margin:10px;border-radius:50px;color:gold;margin:-1em 20px 20px 20px;}
#caution2{font-size:1em;background-color:gold;color:black;padding:5px 25px;margin:30px 0; border:solid 2px orange;border-radius:20px;}

	#ad_top3 h2{margin:0 auto;width:840px;font-size:3em;background-color:black; color: gold;margin-top:25px;border:solid 3px orange;;text-align:center;border-radius:30px;}

.adv{font-size:2.5em;background:gold;border-radius:30px;margin:15px 30px;padding:0px 15px 5px 10px;color:black;border-radius:30px;border:solid 1px green;}
	
h3{width:700px !important;color:gold;background-color:black;border-radius:30px;padding-left:15px;margin:10px;}

h4{width:550px;color:black;background-color:orange;border-radius:30px;padding-left:15px;margin:10px;font-size:1.2em;}

.indent1{text-indent: -1em; padding-left: 1em;margin:10px 0px;}

.icon{width:380px;text-align:center;color:deeppink;background-color:yellow;border-radius:100px;padding-left:15px;margin:10px;font-size:1.2em;font-weight:bold;}

#ad_top3mess2{margin:30px 40px;color:white;font-size:2em;}

#savicus{padding:0 20px 0 30px;}

#adlisence{text-align:center;padding:0;margin:50px 0;color:orange;background-color:black;font-size:2em;font-weight:bold;border:3px solid orange;}


/*申し込みボタンの装飾*/
	#ad_top4{margin-left:30px;}
#ad_top4mess{text-align:center;}

.adbtn-sticky {width:940px;
  font-size:2.2em;
  display: inline-block;
   margin:0 0 -120px 50px;
  padding: 0.5em 1em 2em 1em;
  background: gold;
  border-left: solid 20px orange;/*左線*/
  color: black;/*文字色*/
  font-weight: bold;
  }


/*個別ページの装飾*/
#ar_top1 h1{margin:0 0 50px 0;padding:0px 0 0 0;background-color:orange; color: green;text-align:center;}

#ar_top1fig{height:100px;width:100px;margin:0px 15px 0px -15px;padding:0;float: left;}

#ar_top1fig img{border-radius:25px;height:auto;width:auto;max-height:100%;max-width:100%;}

#ar_blogtitle{height:69px;width:1095px;background-color:black;margin:-1px 0px 0px -15px;padding:5px 0 5px 30px;border-radius:25px;}

#ar_blogtitle a{color:gold;font-size:2.3em;text-decoration:none;}
	
#ar_subtitle{text-align:right;background-color:orange;color:black;font-size:1.8em;margin:0 0 30px 150px;border-radius:30px;width:930px;padding:0 10px;}
	
#ar_blogimg{height:500px;width:500px;clear:both;margin:0 30px 0px 0;float:left;padding:0;}
	
#ar_blogimg figure img{height:500px;width:500px;margin:0;padding:0px;background-color:white;border-radius:30px;}

#ar_blog{border:solid 3px orange;margin:0px 35px 10px 35px;;padding:0px 15px 0px 15px;border-radius:30px;font-size:1.2em;background-color:gold;}

#ar_blogexecontent{color:black;font-size:2em;}

#ctlink{display:block;
  font-size:2em;
  background: gold;
  width:700px;
  height:80px;
  margin:50px 0 70px 250px;
  padding:10px 0 0 10px;
  border-left: solid 30px orange;/*左線*/
  color: black;/*文字色*/
  font-weight: bold;
  border-radius:100px;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.29);
}

#ctlink a{width:600px;height:50px;text-decoration: none;display:block;margin:0;padding:8px 0 0 50px;}

#ctlink:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
	
#reletitle{text-align:center;font-size:2.3em;color:black;font-weight:bold;margin-bottom:10px;background-color:orange;width:1120px;margin-left:35px;border-radius:20px;}
#releblogs{width:1120px;margin-left:40px;}
#releblogs ul{display:flex;
max-width:1120px;
list-style: none;
justify-content: center;
padding:0;
margin:0;
}
#releblogs ul li{font-size:2em;height:350px;width:350px;border:solid 2px orange;background-color:gold;margin:2px;border-radius:20px;}
.releblogtitle{height:3em;background-color:black;color:gold;border-radius:10px;padding:5px 20px 0 20px;margin:-1px -1px 0 0;}
.releblogtitle a{text-decoration:none;color:gold;}
.releblogimage figure img{height:200px;width:200px;margin:0;padding:0;}
.releblogimage figure{margin:0;padding:0;text-align:center;}

.releno{text-align:center:font-size:2em;}


/*ブックカテゴリーページの装飾*/
#bk_top1 h1{margin:-5px 0 10px 0;padding:0;background-color:orange; color:green;text-align:center;}

#bk_top1fig{height:150px;width:150px;border-radius:100px;margin:0 10px 10px 20px;padding:0;float: left;}

#bk_top1fig img{border-radius:100px;height:auto;width:auto;max-height:100%;max-width:100%;}

#bk_top1mess{margin:22px 30px 10px 5px;color:gold;font-size:1.8em;}

#bk_search_top1mess{color:deeppink;font-size:1.5em;padding:25px 0 0 5px;}


#bk_blog{height:auto;border:solid 3px orange;margin:0px 35px 30px 35px;padding:0px 15px 10px 15px;border-radius:30px;font-size:1.2em;background-color:black;}

#bkimg{float:left;width:;height:;margin:15px 30px 0 30px;text-align:left;padding:0 20px;}

#bktitle{background-color:gold;margin:30px 0px 0px 300px;padding:0px 20px 0 30px;color:black;border-radius:30px;font-size:1.8em;font-weight:bold;}

	#bktitle a{text-decoration:none;margin:0px;color:black;}
	
#bkauthor{text-align:right;background-color:yellow;margin:0 0 0 450px;border-radius:30px;padding:0 5px;color:black;font-size:1.2em;}

#bkcontent{margin:20px 30px 20px 60px;}	
#bkcontent a{text-decoration:none;color:gold;font-size:1.6em;}

#bkclear{clear:both;}

#nokeyword{padding:0 0 0 30px;text-align:left;color:green;font-size:1.5em;padding;border:solid 2px pink;border-radius:20px;background-color:yellow;}
	
#ctbtad{margin:10px auto;height:150px;width:1100px;border:solid 1px green;}


	
/* 分割した記事へのリンク */
#postpage   {font-size:3.5em;
	text-align: center;
    margin:0;
	padding-bottom:25px;
    clear: both}
#postpage a {border: solid 2px deeppink;
    padding: 5px 10px;
    margin: 0 10px;
background-color:pink;
text-decoration:none;
border-radius:20px}
#postpage span  {padding: 5px 7px;
	color: #888888;
    background: lightcyan;
border-radius:20px}
#postpage a span    {padding: 0;
    color: deeppink;
    background: none}

/*Contact Form 7カスタマイズ*/
.form{max-width:900px;margin:0px 50px 10px 50px;border:solid 3px orange;padding:0px 70px 20px 70px;font-size:1.5em;}
.label{color:black;margin-left:0px;font-size:1.6em;background-color:orange;width:900px;margin:35px 0px 20px 0px;}
.label2{color:gold;margin-left:0px;font-size:1.6em;background-color:}

/*入力フォームの大きさ変更*/

.wpcf7-mail-sent-ok {
display: none !important;
}

.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"]{
font-size:1em;
width: 100%;
height: 75px !important;
}

.wpcf7 input[name="checkbox-1"],
.wpcf7 input[name="checkbox-2"],
.wpcf7 input[name="checkbox-3"],
.wpcf7 input[name="acceptance-442"]{
width:50px;
height: 50px !important;
}

.wpcf7 textarea{
font-size:1em;
width:100%;
height:500px !important
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:orange;
 color:#fff;
 font-size:30px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:deeppink;
 color:#fff;
}

}

#privacytitle{font-size:2em;text-align:center;}


/* pc用個別設定CSS*/

@media (min-width:481px){

/* 全体の装飾 */

body{width:100%;margin:0 auto;font-family:Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}

.wrapper{margin:0 auto;padding:0;width: 1200px ; background-color:black}

main{width:870px;font-size:0.7em;margin:0px 20px 0 0;border-right:solid 1px green;}

#sidenavi{width:310px;margin-top:30px;padding:0px;}
	
#sidenavisub{width:310px;margin-top:30px;padding:0px;}
	
#contents{display:flex;margin-top:20px;}
	
#contents .message{margin-top:10px;}

/*トップページの装飾*/

.toptitle{height:80px;font-size:3.2em;font-weight:bold;text-align:center; line-height:1.3;background-color:greenyellow; color: deeppink; margin:0; padding: 10px 0 0 0;}

.rightfig figure{float: right;display:block;text-align:center;}
	.rightfig figure figcaption{margin-left:20px;width:150px;font-size:1.5em;font-weight:bold;color:brown;}
	
.leftfig figure{float: left;display:block;text-align:center;margin-left:40px;}
	.leftfig figure figcaption{margin-left:20px;width:150px;font-size:1.5em;font-weight:bold;color:brown;}	
	
	
.imgneko{padding:10px 5px 0 0;height:180px; width:180px; }

.message{font-size:2.3em;color:black;margin:30px 35px 30px 35px;padding:15px 15px 10px 0px;background: linear-gradient(to left,yellow 0%, orange 100%);border-radius:30px;}

.image{height:180px; width:180px;float: right;padding:60px 40px 0 0 ;}	
.image2{height:180px; width:180px;}
.image3{height:180px; width:180px;}
	
.pl{background:linear-gradient(transparent 0%,gold 0%);border-radius: 5px;color:black;}
.rl{background:linear-gradient(transparent 80%, red 100%);border-radius: 20px;}

.content1 h1, .content2 h1{background-color:gold; color: green;text-align:center;margin-top:0px}

.pink{font-size:1.2em;color:deeppink; font-weight: bold; text-align:center;}

#top1fig{}
	
#top1mess{margin:-15px 180px 20px 100px;padding:25px 70px 25px 85px;font-size:2.1em;color:goldenrod;background-color:black;border-radius:180px;border:solid 2px goldenrod;}
	
#top2fig{clear:both;text-align:center;margin:540px 0 0 50px;padding-right:20px;float: left;font-size:1.2em;}
	
#top2fig img{width:180px;height:180px;margin:0;padding:0;border:solid 2px #CCFF99;}
	
#top2mess{margin:0px 30px 50px 150px;padding:40px 90px 30px 80px;font-size:2.3em;color:deeppink;background:#CCFF99;border-radius:210px}

#top2{clear:both;margin:10px 0 5px 0;}
	
#blogexe{border:solid 3px orange;margin:0px 35px 0px 35px;;padding:15px 15px 0px 15px;border-radius:30px;font-size:2em;background-color:gold;}

#blogexeimg{float:left;}

#blogexeimg figure img{max-height:230px;width:230px;margin-bottom:3em;padding:0;}


#blogexetitle{height:40px;background-color:black;margin:0 0 35px 230px;padding-left:20px;color:gold;border-radius:30px;font-size:1.2em;padding-bottom:0;}

#blogexetitle a{text-decoration:none;color:gold;}

#blogexeexp{color:black;margin-top:-22px;padding-top:0;}
	#blogexeexp a{text-decoration:none;color:black;}

#top2title{margin-top:10px;color:orange;font:bold 2.5em fantasy;text-align:center;}

#top2recomend{margin-top:20px;color:orange;font:bold 2.5em fantasy;text-align:center;}

#top3{margin:0px 30px;padding:15px;color:gold;background:black;border:solid 2px orange;border-radius:30px}
	
.top3rightfig figure{float: right;display:block;text-align:center;margin:0 0 0 0;}
	.top3rightfig figure figcaption{margin-left:20px;width:150px;font-size:1.5em;font-weight:bold;color:brown;}
	
.top3leftfig figure{float: left;display:block;text-align:center;}
	.top3leftfig figure figcaption{margin-left:20px;width:150px;font-size:1.5em;font-weight:bold;color:brown;}	

.top3mess{font-size:2.5em;}
	
#top4{clear:both;}

#top4mess{height:320px;margin:10px 30px 10px 30px;padding:15px 15px 1px 15px;font-size:2.2em;color:green;background:#CCFF99;border-radius:30px}

#top4fig{margin:auto;padding:20px 0 0 5px;float: left;font-size:0.5em;}	

#ad_top3{clear:both;}
	
#top5{padding-bottom:50px;}

#top5 .message{font-size:2.3em;color:black;margin:30px 30px 30px 35px;padding:15px 5px 10px 30px;background: linear-gradient(to left,yellow 0%, orange 100%);border-radius:30px;}
	
#top5 .rightfig figure{float: right;display:block;text-align:center;margin:0 30px 0 -10px;}
	#top5 .rightfig figcaption{margin-left:20px;width:150px;font-size:1.5em;font-weight:bold;color:brown;}
			
#recoblogs{border:solid 2px orange;width:795px;margin-left:35px;border-radius:20px;}

#recoblogs ul{display:flex;
max-width:795px;
list-style: none;
justify-content: center;
padding:0;
margin:0;
}
#recoblogs ul li{font-size:2em;height:auto;max-width:420px;border:solid 3px orange;background-color:gold;margin:10px;border-radius:20px;}
.recoblogtitle{height:3em;background-color:gold;color:black;border-radius:10px;padding:5px 20px 0 20px;margin:-1px -1px 0 0;}
.recoblogtitle a{text-decoration:none;color:black;}
.recoblogimage figure img{height:200px;width:200px;margin:0;padding:0;}
.recoblogimage figure{margin-bottom:10px;padding:0;text-align:center;}
.recoblogexp{padding:0 5px 10px 10px;}
	.recoblogexp a{text-decoration:none;color:black;}
	
	
#lisence{border:3px solid orange;background-color:black;color:orange;font-size:2.2em;font-weight:bold;border-radius:30px;margin:0 0 0 15px;padding:10px;}
	

#company{color:pink;margin:20px 0px;text-align:center;font-size:1.6em;}
#company a:visited{color:white;color:inherit;}
	
#booklink{font-size:2em;padding:20px 0 0 100px;}
	#booklink a{color:inherit;color:yellow;}
	
/*申し込みボタンの装飾*/

#topad_top4mess{text-align:center;font-size:4em;}

.topbtn-sticky{
  display: inline-block;
   margin-bottom:-12px;
  padding: 0.5em 1em;
  text-decoration: none;
  background: gold;
  border-left: solid 20px orange;/*左線*/
  color: green;/*文字色*/
  font-weight: bold;
  }

/*footerの装飾*/

footer{text-align:center;border-top:solid 1px green;background-color:black;color:white;border-right:solid 1px green;border-left:solid 1px green;overflow: hidden;}
	
	#privacy{text-align:right;font-size:20px;margin:20px 0px 10px 0px;background-color:black;}
	#privacy a:visited{color:white;color: inherit;}
	
	#celeb{border-top:solid 3px orange;border-bottom:solid 3px orange;font-size:2em}
	#comprof{color:white;}

/*メニューの装飾*/

.navi{width:100%; 
font-size:0;
margin;0;
padding:0;
}

.navi li{display: inline;
text-align: center;
font-size:16px;
margin;0 auto:
padding:0 auto;
}
.menuhome {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: orange;
  width: 80px;
  height: 70px;
  line-height: 30px;
  vertical-align: middle;
  margin-top:-5px;
 padding-top:10px;
  overflow: hidden;
  font-size:1.5em;
  color:orange;
  font-weight: bold;
  background: linear-gradient(gray 0%, black 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.28);
}
	
	.menuhome:active {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(#fed6e3 0%, #ffbcbc 100%);/*グラデーションを明るく*/
}	

.menuhome:hover{
  background: yellow;
  color: ;
}
	
	
.menu {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: orange;
  width: 280px;
  height: 70px;
  line-height: 30px;
  vertical-align: middle;
  margin-top:-5px;
 padding-top:10px;
  overflow: hidden;
  font-size:2em;
  color:dimgray;
  font-weight: bold;
  background: linear-gradient(yellow 0%, orange 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.28);
}
.menu:active {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(#fed6e3 0%, #ffbcbc 100%);/*グラデーションを明るく*/
}	

.menu:hover{
  background: yellow;
  color: ;
}
	

/*sideの装飾*/
#poptitle{color:deeppink;font-size:1.2em;text-align:center;padding-top:15px;}
	#popimage{border-bottom:solid 1px green;padding-bottom:1em;text-align:center;}
.afside{max-width:300px;height:auto;max-height:250px;margin-bottom:20px;border:solid 1px green;}
.afside img{width:300px;height:auto;max-height:250px;}
	
.adside{width:300px;height:300px;border:solid 1px green;margin:0px 15px 20px 0;}
.adside img{width:300px;height:300px;}
	
.prad{margin-left:0px;color:white;font-size:1em;}
.pradtop{margin-left:35px;color:white;font-size:1.3em;}
	
/** メインランのアド枠 */
#ctbtad{height:100px;width:800px;border:solid 1px green;margin:10px auto;}
#ctbtad img{width:800px;height:100px; }


/*カテゴリーページの装飾*/

#ct_top1 h1{margin:-5px 0px 10px 0;padding:0px;background-color:gold; color: green;text-align:center;}

#ct_top1fig{height:100px;width:100px;border-radius:150px;margin:10px 20px 0px 20px;padding:0;float: left;}

#ct_search_top1fig{height:100px;width:100px;border-radius:150px;float: left;margin:0px 20px 10px 20px;}

#ct_top1fig img{border-radius:150px;height:auto;width:auto;max-height:100%;max-width:100%;background-color:white;}

#ct_search_top1fig img{border-radius:150px;height:auto;width:auto;max-height:100%;max-width:100%;}

#ct_top1mess{margin:20px 30px -10px 5px;padding:0;color:gold;font-size:2.3em;}

#searchform{text-align:right;font-size:2.5em;margin:20px 40px 25px 0px;}

.searchfield{width:350px;height:35px;font-size:0.8em;border:solid 3px deeppink;border-radius:20px;cursor: pointer;padding-left:10px;}
#submit{font-size:0.8em;background-color:pink;border:solid 3px deeppink;border-radius:50px;cursor: pointer;}

#ct_search_top1mess{color:white;font-size:2em;padding:25px 0 0 0px;}

#ct_keyword{text-align:left; font-size:2em;color:deeppink;margin:1.2em 0px 0px 20px;}

#keyword{text-align:left; font-size:2em;color:deeppink;margin:1.2em 0px 0px 20px;}

#ct_nokeyword{margin-top:-10px;padding:0;text-align:center;color:black;font-size:1.8em;}

#ct_top2{border:solid 3px orange;margin:0px 35px 10px 35px;;padding:15px 15px 0px 15px;border-radius:30px;font-size:1.2em;background-color:gold;}

#ct_blog{padding-bottom:0;margin-bottom:20px;border-bottom:solid 1px orange;}

#ct_blog #blogexeimg{float:left;}

#ct_blog #blogexeimg figure img{height:230px;width:230px;max-height:100%;max-width:100%;margin:0;padding:0;}

#ct_blog #blogexeimg figure{height:185px;margin:0 10px -4px 0;padding:0;text-align:left;}

#ct_blog #blogexetitle{background-color:black;margin:0 0 -20px 230px;padding-left:0 0 0 10px;color:gold;border-radius:30px;font-size:2em;}

#ct_blog #blogexecontent{color:black;font-size:1.8em; border-bottom:solid 1px orange;}

#clear{clear:both;}

/*カテゴリーページ・Bookページのナビ装飾*/
	
#pagenav{text-align:center;margin:35px 0 35px 0;color:black;}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
 
.page-numbers {
  font-size: 55px;
  border: 2px solid orange;
  padding: 25px;
border-radius:200px;
background-color:gold;
text-decoration:none;}


#blogall{margin:1em auto 40px auto;width:500px;text-align:center;border: solid 3px orange;border-radius:35px;background-color:gold;font-size:3em;}
#blogall a{color:black inherit;text-decoration:none;}	
	
	
/*個別ページの装飾*/

#ar_top1 h1{margin:-5px 0 10px 0;padding:0px;background-color:gold; color: green;text-align:center;}
	
#ar_top1fig{height:100px;width:100px;margin:0px 15px 0px -15px;padding:0;float: left;}

#ar_top1fig img{border-radius:25px;height:auto;width:auto;max-height:100%;max-width:100%;}

#ar_blogtitle{height:69px;width:765px;background-color:black;margin:-1px 0px 0px -15px;padding:15px 0 5px 30px;border-radius:25px;}

#ar_blogtitle a{color:orange;font-size:2.8em;text-decoration:none;}
	
#ar_subtitle{text-align:right;background-color:orange;color:black;font-size:1.8em;padding-right:10px;margin-left:70px;border-radius:30px;width:700px;}

#ar_blogimg{height:300px;width:300px;clear:both;margin:0 10px 10px 0;float:left;padding:0;}
	
#ar_blogimg figure img{height:300px;width:300px;margin:0;padding:0px;}

#ar_blog{border:solid 3px orange;margin:0px 35px 10px 35px;;padding:0px 15px 0px 15px;border-radius:30px;font-size:1.2em;background-color:gold;}

#ar_blogexecontent{color:black;font-size:2em;margin-top:-15px;}

#ctlink{display:block;
  font-size:2.3em;
  background: gold;
  width:480px;
  height:50px;
  margin:10px 0 50px 180px;
  padding:0px 0 0 40px;
  border-left: solid 20px orange;/*左線*/
  color: black;/*文字色*/
  font-weight: bold;
  border-radius:100px;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.29);
}

#ctlink a{width:400px;height:50px;text-decoration: none;display:block;margin:0;padding:8px 0 0 25px;}
  

#ctlink:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
#reletitle{text-align:center;font-size:2.3em;color:green;font-weight:bold;margin-bottom:10px;background-color:orange;width:800px;margin-left:35px;border-radius:20px;}
#releblogs{width:760px;margin-left:53px;}
#releblogs ul{display:flex;
max-width:760px;
list-style: none;
justify-content: center;
padding:0;
margin:0;
}
#releblogs ul li{font-size:2em;height:300px;width:195px;border:solid 2px orange;background-color:gold;margin:2px;border-radius:10px;}
.releblogtitle{height:3em;background-color:black;color:gold;border-radius:10px;padding:5px 20px 0 20px;margin:-1px -1px 0 0;}
.releblogtitle a{text-decoration:none;color:gold;}
.releblogimage figure img{height:195px;width:195px;margin:0;padding:0;}
.releblogimage figure{margin:0;padding:0;text-align:center;}

.releno{text-align:center:font-size:2em;}	

	
/* 分割した記事へのリンク */
#postpage   {font-size:3.5em;
	text-align: center;
    margin:0;
	padding-bottom:25px;
    clear: both}
#postpage a {border: solid 2px deeppink;
    padding: 5px 10px;
    margin: 0 10px;
background-color:pink;
text-decoration:none;
border-radius:20px}
#postpage span  {padding: 5px 7px;
	color: #888888;
    background: lightcyan;
border-radius:20px}
#postpage a span    {padding: 0;
    color: deeppink;
    background: none}	


/*ブックカテゴリーページの装飾*/
	
#bk_top1 h1{margin:-5px 0 10px 0;padding:0;background-color:gold; color: green;text-align:center;}

#bk_top1fig{height:100px;width:100px;border-radius:100px;margin:15px 10px 10px 20px;padding:0;float: left;}

#bk_top1fig img{border-radius:100px;height:auto;width:auto;max-height:100%;max-width:100%;background-color:white;}

#bk_top1mess{margin:22px 30px 10px 5px;;color:gold;font-size:2.4em;}

#bk_search_top1mess{color:deeppink;font-size:2.3em;padding:25px 0 0 5px;}


#bk_blog{height:auto;min-height:400px;border:solid 3px orange;margin:0px 35px 10px 35px;padding:0px 15px 0px 15px;border-radius:30px;font-size:1.2em;background-color:gold;}

#bkimg{float:left;width:250px;height:350px;margin-top:15px;padding:20px 0 0 40px;background-color:white;border-radius:30px;border:solid 2px orange;}

#bktitle{background-color:black;margin:5px 0px 0px 300px;padding:5px 5px 5px 20px;color:gold;border-radius:30px;font-size:2em;font-weight:bold;}

#bktitle a{text-decoration:none;color:gold;}
	
#bkauthor{text-align:right;background-color:yellow;border-radius:30px;padding:0 20px;color:black;font-size:1.2em;margin:0px 10px 10px 350px;}

	#bkcontent{padding-left:320px;}
	
#bkcontent a{text-decoration:none;color:black;font-size:1.5em;}

#bkclear{clear:both;}

#nokeyword{padding:0 0 0 30px;text-align:left;color:green;font-size:2.3em;padding;border:solid 2px pink;border-radius:20px;background-color:yellow;}


/*アドバイスページの装飾*/

#ad_top1 h1{margin:-5px 0 10px 0;padding:0;background-color:gold; color: green;text-align:center;letter-spacing:-2px;}

	#offservice{margin:0 30px;padding:20px;background-color:black;color:orange;font-weight:bold;font-size:1.1em;border-radius:30px;}
	
#ad_top2fig{margin:10px 25px 10px 10px;padding:0;float: right;}
.adimagetop{height:180px; width:180px;padding:20px 20px 0 0 ;}	
	
#ad_top2mess figure figcaption{font-size:0.7em;text-align:center;color:brown;}

#ad_top3{clear:both;}

#ad_top2mess{margin:20px 30px;padding:15px 15px 5px 15px;font-size:2em;color:black;background:gold;border-radius:30px}

#admessage{background-color:black;padding:1em 1.8em;margin:10px;border-radius:50px;color:gold;}
	
#caution{font-size:1em;background-color:black;padding:0.5em 1em 0.5em 1.5em;margin:10px;border-radius:50px;color:gold;margin:-1em 20px 20px 20px;}
	
#caution2{font-size:1em;background-color:black;color:white;padding:5px 25px;margin:30px 0; border:solid 2px gold;border-radius:20px;}

#ad_top3 h2{margin:0 auto;width:340px;font-size:3em;background-color:orange; color: black;margin-top:25px;text-align:center;border-radius:30px;}

.adv{font-size:1.8em;background:gold;border-radius:30px;margin:15px 30px;padding:0px 15px 5px 10px;color:black;border-radius:30px;border:solid 2px orange;}

.adv h3{width:450px;color:orange;background-color:black;border-radius:30px;padding-left:15px;margin:10px;}

.adv h4{width:400px;color:orange;background-color:black;border-radius:30px;padding-left:15px;margin:10px;font-size:1.2em;}

.indent1{text-indent: -1em; padding-left: 1em;margin:10px 0px;}

.icon{width:180px;text-align:center;color:black;background-color:orange;border-radius:100px;padding-left:15px;margin:10px;font-size:1.2em;}

#ad_top3mess2{margin:0 40px 40px 40px;font-size:2em;color:gold;padding:10px 30px 10px 30px;border:solid 2px orange;border-radius:20px;background-color:black;}

#savicus{padding:0 20px 0 30px;}
	
#adlisence{width:650px;background-color:black;color:gold;font-size:2.3em;font-weight:bold;border-radius:30px;margin:0 0 0 100px;padding:10px;border:solid 2px orange;}


/*申し込みボタンの装飾*/

#ad_top4mess{text-align:center;}

.adbtn-sticky {width:705px;
  font-size:2em;
  display: inline-block;
   margin:0 0 -80px 50px;
  padding: 0.5em 1em 2em 1em;
  background: gold;
  border-left: solid 20px orange;/*左線*/
  color: black;/*文字色*/
  font-weight: bold;
  }
	
/*Contact Form 7カスタマイズ*/
.form{max-width:900px;margin:0px 50px 10px 50px;border:solid 3px orange;padding:0px 70px 20px 70px;font-size:1.5em;}
.label{color:green;margin-left:0px;font-size:1.6em;background-color:gold;width:665px;margin:35px 0px 20px 0px;}
.label2{color:gold;margin-left:0px;font-size:1.6em;background-color:}

/*入力フォームの大きさ変更*/

.wpcf7-mail-sent-ok {
display: none !important;
}

.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"]{
font-size:1em;
width: 100%;
height: 75px !important;
}

.wpcf7 input[name="checkbox-1"],
.wpcf7 input[name="checkbox-2"],
.wpcf7 input[name="checkbox-3"],
.wpcf7 input[name="acceptance-442"]{
width:50px;
height: 50px !important;
}

.wpcf7 textarea{
font-size:1em;
width:100%;
height:500px !important
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:30px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:deeppink;
 color:#fff;
}
	

}

#privacytitle{font-size:2em;text-align:center;}