twelve_seventeen.css

/*サイトタイトル下のキャッチフレーズ文字を大きくする*/
.site-description {
	color: #666;/*色*/
	font-size: 25px;/*大きさ*/
        padding-top:7px;/*上部のスペースの調整*/
}


/*かめらぼを､レスポンシブに*/
@media (max-width: 650px) {
	table td{
		display: block;
		padding: 0.6em;
		text-align: center;
	}
}



/*かめらぼを､レスポンシブに（こちらを利用中）*/
@media (max-width: 650px) {
	.top-page-table{
		width:100%;
		display: block;
		padding: 0.6em;
		text-align: center;
	}
}



/* 記事&サイドバーの横幅*/
@media screen and (min-width: 48em) {

	/* Layout */

	.wrap {
		max-width: 1000px;   /* 全体の横幅 */
		padding-left: 15px;   /* 余白（左） */
		padding-right:10px;  /* 余白（右） */
	}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 66%;          /* 記事の横幅 */
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 29%;          /* サイドバーの横幅 */
	}

}



/*本文のフォントサイズの変更*/
body{
	font-size: 17px
}


/*「好きの働き｡」ロゴの下にマージンを作成する=>マージンを解消*/
.entry-content p a img


/*「好きの働き｡」の文字消す*/
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
}

/*YoastCEOの「パンくずリスト」の調整*/ 
  #breadcrumbs {
  text-align: center;
   color: black;
   font-size: 90%;
}


/*ウィジットのイラストを下げる*/
img.image.wp-image-12480.attachment-full.size-full {
    margin-bottom: -10px;
}

/*iPhoneのタイトルの表示*/

@media (max-width: 650px) {
.site-title{
	font-size: 16px
 }
}

/*iphone本文の文字の大きさ*/
@media (max-width: 650px) {	
	body{
	font-size: 17px
}

/*iPhoneのキャッチフレーズの表示*/

@media (max-width: 650px) {
.site-description {
	font-size: 21px
 }
}

/*テーブルの画像をはみ出さないようにする*/

img {
    max-width: 100%;
}


/*テーブル内の画像のまわりのホワイトスペースをとる*/

.entry-content table a img {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*スマホのヘッダーのタイトルの改行*/

@media screen and (min-width: 30em) {
	.site-title br {
		display: none;
	}
}

/*メニューバーのマウスオーバーの際の文字の色*/
.navigation-top a:hover {
	color: #d36015;
}


/*スマホのメニューの背景色を変更する*/
@media (max-width: 650px){
	.navigation-top {
	background: rgba(118, 118, 118, 100); /*背景色グレー*
	border-bottom: 1px solid rgba(118, 118, 118, 100); /*上線の太さと色*/
	border-top: 1px solid rgba(118, 118, 118, 100) ; /*下線の太さと色*/
 }
}


/*文字間の間隔を広げる*/
html[lang="ja"] p {
	letter-spacing: 0.08em !important;
}

/** 記事内の行間を調整 */
html[lang="ja"] p {
	 margin-top: 0;
  margin-bottom: 1.5em;
  line-height: 170% !important;
}