/*
Template:twentyfourteen
Theme Name:twentyfourteen_child
*/

/* 英字大文字にしているところの指定をなしにする */
/* 以下の行を削除 */
/*    .paging-navigation .page-numbers , */

button,
.button,
input[type=”button”],
input[type=”reset”],
input[type=”submit”] ,
.site-navigation a ,
.entry-title ,
.entry-meta ,
.cat-links ,
.entry-meta .tag-links a ,
.entry-content th,
.comment-content th ,
.entry-content .edit-link ,
.page-links ,
.post-navigation .meta-nav ,
.comment-reply-title,
.comments-title ,
.comment-list .reply,
.comment-metadata ,
.no-comments ,
.comment-navigation ,
.widget .widget-title ,
.widget_calendar caption ,
.widget_twentyfourteen_ephemera .post-format-archive-link ,
.content-sidebar .widget .widget-title ,
.featured-content .entry-title {
	text-transform: none; /* 英字大文字化なし */
}

@media screen and (min-width: 783px) {
	.primary-navigation {
		text-transform: none; /* 英字大文字化なし */
	}
}


/* iframeをレスポンシブ対応 */
.kumikomi {
  max-width: 100%; /* 親要素の幅以下に */
  border: none;
}



/* Alignコンテンツの飛び出し量（コンテンツサイドバーなし） */
@media screen and (min-width: 810px) {
	.full-width .site-content blockquote.alignleft,
	.full-width .site-content img.size-full.alignleft,
	.full-width .site-content img.size-large.alignleft,
	.full-width .site-content img.size-medium.alignleft,
	.full-width .site-content .wp-caption.alignleft {
		margin-left: 0px; /* -168px ⇒ 0を設定 */
	}
	.full-width .site-content blockquote.alignright,
	.full-width .site-content img.size-full.alignright,
	.full-width .site-content img.size-large.alignright,
	.full-width .site-content img.size-medium.alignright,
	.full-width .site-content .wp-caption.alignright {
		margin-right: 0px; /* -168px ⇒ 0を設定 */
	}
}


/* 記事エリア幅を拡大 */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content ,
.post-navigation,
.image-navigation,
.archive-header,
.page-header,
.contributor-info,
.comments-area,
.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	max-width: 70%; /* 要素幅の70%以下に */
	/* max-width: 474px;  */
}


/* fullwideの記事エリア幅を拡大 */
.site-content .entry-fullwide-header,
.site-content .entry-fullwide-content  {
	max-width: 90%; /* 要素幅の90%以下に */
	margin-left: 30px; /* -168px ⇒ 0を設定 */
	/* max-width: 474px; */
}


/* CC Child Pages 2列設定を画面縮小時に1列設定に変更 */
@media screen and (max-width: 822px) {
   .twocol .ccchildpage,
   .threecol .ccchildpage,
   .fourcol .ccchildpage {
       margin-left: auto;
       margin-right: auto;
       width: 98%;
       float: none;
   }
}


/* 問い合わせフォームの「必須」マーク */
.required-srt {
	font-size: 8pt;
	padding: 3px 6px;
	background: #ce0000;
	color: #fff;
	border-radius: 5px;
	margin-left: 20px;
	vertical-align: middle;
}


/* WooCommerce の「必須」マーク */
.required {
	font-size:0;
}
.required:before {
	content:"必須";
	font-size: 8pt;
	padding: 3px 6px;
	background: #ce0000;
	color: #fff;
	border-radius: 5px;
	margin-left: 10px;
	vertical-align: baseline;
}



/* アイコンの色を黒に変える */
.my-black {color: black}


/* リンクカラー（通常時）を変更 */
a,
.content-sidebar .widget a {
	color: #000000;    /* 黒色 */
}


/* Buttonsの色を変更する */
button,
.contributor-posts-link,
.input,
.input.full-inquiry,
input[type="button"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #000000;    /* 黒色 */
}


/* ファイルブロックのButtonsの色を変更する */
.wp-block-file__button {
	background-color: black !important;
	color: white !important;
}



/* paginate_linksで出力されたタグの装飾 */
.page-numbers{
    font-size: 8pt; 
    background-color: #ccccff;
    color:#3333ff;
    padding: 8px 16px;
    border:1px solid #eeeeff;
    border-radius:2px;
    box-shadow:2px 2px 4px 0 #999999;
    margin: 0 3px;
}
.current{
    color:#eeeeee;
    background-color:#5555ff;
    margin: 0 3px;
}
.next,.prev{
    color:#3333ff;
    background-color:#eeeeff;
    margin: 0 3px;
}



/* 紫躒会 メンバー一覧 の「paginate_links」で出力されたタグの装飾 */
.member-list-current{
    font-size: 8pt; 
    color:#eeeeee;
    background-color:#5555ff;
    padding: 8px 16px;
    border:1px solid #eeeeff;
    border-radius:2px;
    box-shadow:2px 2px 4px 0 #999999;
    margin: 0 3px;
    text-decoration: none;
}
/* リンクが長い場合に重ならないように */
.member-list-next,.member-list-prev{
    max-width: 45%;
    white-space: pre-wrap;
    color:#3333ff;
    background-color:#eeeeff;
    padding: 8px 16px;
    border:1px solid #eeeeff;
    border-radius:2px;
    box-shadow:2px 2px 4px 0 #999999;
    margin: 0 3px;
    text-decoration: none;
}




/* WooCommerce の「必須」マーク */
.required {
	font-size:0;
}
.required:before {
	content:"必須";
	font-size: 8pt;
	padding: 3px 6px;
	background: #ce0000;
	color: #fff;
	border-radius: 5px;
	margin-left: 10px;
	vertical-align: baseline;
}







/* Woocommerce */
/* 商品の色等のバリエーション表示を改行して見やすくする */
table.variations th.label, table.variations td.value {
	width: 100%;
	display: block;
	text-align: left;
}


/* Woocommerce */
/* カート内のアイテム数を赤色の〇で囲んで表示 */
.quantity_badge {
	display: inline-block;
	font-size: 1.0em;
	width:1.3em;
	height:1.3em;
	background-color: #ff0000;   /* 赤色 */
	border-radius:50%;
	text-align: center;
	line-height: 1.3em;
	color: #ffffff;   /* 文字は白色 */
}


/* Woocommerce */
/* 商品一覧ページ タイトル文字 */
h1.woocommerce-products-header__title.page-title {
	font-size: 30px;
}


/* 文章内にアイコン画像を挿入 */
.text_img{
    width: 5%;
    vertical-align: middle;
}