/*

Theme Name:アラフィフ道中
Theme URI:
Description:アラフィフの人生模索中。北欧、インテリア、雑貨、食べ物、ライフ。
Author：Akiko Nishimura
Author URI:
Version:
Tags:
License:
License URI:
General commentes(optional).

*/


html, body {
	height:100%;

	font-family: 'font-Awesome 5 free','Serif';


	/*background-color:#DDD3C2;*/
	background-color:	rgba(221,	211,	194, 0.5);
}



#container {
	overflow:hidden;
	width:100%;
} 

a {
	color:#72727A;
	font-family:serif;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
a:hover {
	color:#E8E7E6;
}

li:hover {
	color:#E8E7E6;
}

/*widgetSNSアイコン*/
.wp-block-social-links {
	text-align:center;
}

.wp-block-social-links li {
	display:inline-block;
	font-size:2.3em;
}



/*SNSアイコン*/
.follow-me {
	display:flex;
	list-style: none;
	position:absolute;
  margin-left:746px;
	margin-top:425px;
	width:150px;
  overflow: hidden;
  padding: 0;
	height:50px;
}

.follow-me li a::before {
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  height: 42px; /* Button height */
  line-height:42px; /* Button height */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  width: 42px; /* Button width */
}

.follow-me li a[href*="facebook.com"]::before       
{ border-color: #fff; background-color: #eee; content: "\f09a"; }
.follow-me li a[href*="plus.google.com"]::before    { border-color: #fff; background-color: #eee; content: "\f0d5"; }

.follow-me li a[href*="twitter.com"]::before        { border-color: #fff; background-color:#eee; content: "\f099"; }
.follow-me li a[href*="youtube.com"]::before        { border-color: #fff; background-color: #eee; content: "\f16a"; }

.follow-me li a[href*="facebook.com"]:hover::before       { background-color: #3b5998; }

.follow-me li a[href*="youtube.com"]:hover::before        { background-color: #cd201f; }

.follow-me li a[href*="plus.google.com"]:hover::before   
{background-color:#cd201f; }

.follow-me li a[href*="twitter.com"]:hover::before      { background-color: #55acee; }iv

/*タイトルとメニューの横並び*/
.headerbox {

display:flex;
}


/*ナビゲーションアイコン縦*/

.slidemenu {
	margin-left:250px;
}
.slide {
	font-family:serif;
	list-style:none;
	background-color:#D4D4c7;
	opacity:0.7;
	color:#ffffff;
	width:50px;
	height:50px;
	margin-top:10px;
	line-height:50px;
	text-align:center;
	border-radius:100%;
	justify-content: center;
}


/*トップページホワイト部分

#mainheader {
	height:100px;
	position:relative;
}
*/


#nav li:active {
	box-shadow: inset 0 0 2px rgba(128,128,128,0.1);
	transform: translateY(2px);
}


/*　トップフォントと画像
.header_color {
/*秋
	background:#9BA78A;
*/
	background:#69a4db;
	border-bottom:left-radius: 1000px 200px;
	border-bottom-right-radius:1000px 200px;
	height:230px;
	margin-left:-100px;
	margin-right:-100px;
	padding-left:100px;
	padding-right:100px;
}
*/

/*左上のトップ画像
.header_color img {
	margin-top:10px;
	width:400px;
	height:350px;
　background: #f92;
  border-radius: 60% 40% 48% 52% / 58% 44% 56% 42% ;
 opacity:0.7;
}
*/


/*管理画面で設定したナビメニュー*/

.global-nav__list {
	}

.global-nav__list li {
	margin-left:10px;
	list-style:none;
	float:left;

}

/*タイトルとメニューの横並び*/
.headerbox {
	margin-top:50px;
	display:flex;
}

/*タイトル*/
.titlecode {
	position:relative;
 	font-size:28px;
	font-family:serif;
	margin-top:120px;
	margin-left:35%;
  	color:#BBBCBB;
}



/*見出し画面*/
.top_content {
	margin:10px auto;
}

/*　トップ画面　*/
.top_content img {
	width:400px;
	border-radius: 3px;
	box-shadow: #BBBCBB 0 0 3px 0;
}


/*トップの白いページ*/
#container {
	margin-left:auto;
	margin-right:auto;
		max-width:960px;
	min-height:100%;
	display:table;
	background-color: #f8FCFF;
	box-shadow:0px 3px 6px 0px #808080;
}



/*記事部分*/
#maincontent {
	min-width:700px;
	float:left;
	width:70%;
	margin-top:20px;
	
}


/*一覧記事*/

#maincontent_next {
		display:flex;
	flex-wrap:wrap;
}
/*about*/
#about_maincontent {
	width:100%;
	margin-top:170px;
}


/*記事抜粋*/
.cerpt {
	font-size:0.9em;
	min-height:100%;
	margin-left:10px;
	position:relative;
}

/*topタイトル*/
.top_header {
	font-size:13px;
	position:relative;
	top:140px;
	left:5px;
	z-index:4;
font-family:serif;
}

.top_header a {
	color:#ffffff;
}



/*top画像とテキスト*/
.absolute {
	margin-right:30px;
  position: absolute;
  top:200px;
  left: 180px;
  color:#f4f4f4;
	border:solid 1px #fff;
  width: 200px;
	bottom:50px;
  padding: 10px;
  font-size:15px;
  text-align: center;
	z-index:3;
	color:#f4f4f4;
		}

/*横に3分割したいとき
.entryblock {
	position:relative;
	width:calc(100% / 3.1);
		min-height:100%;
	height:250px;
	padding-top:20px;
		border-radius:30px;
	margin-left:5px;
	margin-bottom:130px;
	}
*/

/*3番目の記事*/
.third_content {	
	display:block;
	margin-top:30px;
	margin-left:17px;
		width:30%;
	height:450px;
		/*
	border-radius: 10px 0 0 10px;
	box-shadow: #BBBCBB 0 2 3px 0;
   justify-content: space-between;
	*/
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	}


.third_content:nth-child(1) {
	width:30%;
	margin-top:50px;
	height:430px;
	}

.third_content:nth-child(2) {
	width:30%;
	margin-top:50px;
	height:430px;
	}

.third_content:nth-child(4) {
	width:30%;
	margin-top:140px;
	background-color:#69a4db;
	}



.third_content:nth-child(3) {
	width:30%;
	margin-top:50px;
	margin-bottom:30px;
	height:550px;
		background-color:#69a4db;
box-shadow: #BBBCBB 0 2px 3px 2;
}

.third_content:nth-child(5) {
	width:30%;
	margin-top:-130px;
	margin-bottom:30px;
	height:430px;
		background-color:#69a4db;
	box-shadow: #BBBCBB 0 0 3px 0;
	opacity:0.8;
}

.third_content:nth-child(6) {
	width:30%;
	margin-top:60px;
	margin-bottom:30px;
	height:430px;
	opacity:0.8;
}

.entryblockimg:hover {
	background-color:#f4f4f4;
}



/*
.entryblockimg:nth-child(even) {
  flex-direction:row-reverse;
}
*/

/*
.m_img,
.cerpt {
 flex: 0 1 50%;
}
*/


.m_img {
	margin-top:30px;
	text-align:center;
		}



.m_img img {
	border-radius:50%;
	}



/*項目記事タイトル*/

.entryheader {
	height:50px;
}
h1.titletest {
	font-family:serif;
	font-size:15px;
	margin-top:40px;
	margin-left:140px;
　	height:11px;
	left:-40px;
	width:50px;
}

/*項目タイトルテキスト*/
.entryblock h1 a {
	color: #333333;
	text-decoration:none;
}



.entrycontent {
		height:10px;
}

/*日付下ボーダー*/
.entrymeta {
	position:absolute;
　border:solid;
	z-index:5;
}

/*トップ記事*/
.top_include {
	width:70%;
	text-align:center;
position:relative;
	border-radius:10px;
	border-color:#C9C4C3;
	background:#C2C1BC;
	height:350px;
	padding:20px;
	margin-bottom:30px;
	margin-top:30px;
	margin:0 auto;
}

/*トップ記事日付*/
p.date {
	position:absolute;
	left:60px;
	top:-30px;
	border:none;
	font-size:55px;
	background-color:#E0CEBA;
}

p.m_date {
	position:absolute;
  top:7px;
	font-size:30px;
}
p.y_date {
	margin-top:85px;
 	padding-left:20px;
	font-size:15px;
	border-top:solid;
}


/*項目記事日付*/
p.date_c {
	position:relative;
	top:-40px;
	border:none;
	font-size:30px;
}

/*項目記事日付*/
p.m_date_c {
	position:relative;
 left:38px;
 top:-100px;
}
p.y_date_c {
	position:relative;
	padding-left:15px;
	padding-right:15px;
	font-size:12px;
	top:-120px;
	border-top:solid;
}

/*
.maincontent img {
	padding: 11px 11px 75px;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: #BBBCBB 0 0 3px 0;
}
*/

/*項目記事カテゴリー*/
p.category {
	position:relative;
	width:70px;
	height:15px;
	margin-top:-255px;
	margin-left:140px;
	border-radius:15px 0 0 15px;
  padding: 0.15em;/*文字周りの余白*/
 	line-height: 0.5;/*行高*/
  background: #302E2D;/*背景色*/
  border-radius:25% 0 0 25%;/*左側の角を丸く*/
	z-index:40;
}

p.category a {
	font-size:10px;
	color:#FCFAF0;
	line-height:15px;
}
p.category :before {
  content: '●';
	color:#FCFAF0;
	line-height:15px;
  margin-right: 8px;
}


/*投稿ページ*/
.single_content {
	width:85%;
/*
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
*/
	margin-left:100px;
}

.single_include {
 	margin-left:40px;
	margin-right:40px;
}


.titlesingle:first-letter {
	font-size:1.5em;
	color: #27acd9;
}

.single_content img {
	width:80%;
}
/*投稿記事日付*/
.s_date {
	position:absolute;
	left:-20px;
	top:-90px;
	border:none;
	font-size:55px;
	background-color:#E0CEBA;
}

.s_m_date {
	position:absolute;
	margin-left:-85px;
  top:7px;
	font-size:30px;
}
.s_y_date {
	margin-top:85px;
	margin-left:-80px;
 	font-size:15px;
	border-top:solid;
}


/*aboutページ*/

.page-mode {
	background-color:#D4D4c7;
	opacity:0.7;
	}


/*アーカイブページネーション*/
.archive-pagination li{
float:left;
border:1px solid;
}



/*ページネーションサイトから*/


.pagination {
	clear:both;
	text-align: center;
	background: $base-color;
	width:fit-content;
	justify-content : center;
	align-items: center;
	line-height: 1;
	border-radius; calc(1.6em);
	margin: 0 auto;
	padding : .1em 1em;
		&__li {
	display: none;
	@extend %pagination__btn;
	}
}




.page-numbers {
	display:flex;
	justifiy-content: center;
	place-items:center;
	line-height:51px;
}


.page-numbers li {
	font-family:"alegreya Sans SC" "serif";
  box-sizing: border-box;
	float:left;
	display:grid;
	place-items:center;
	width:51px;
	height:51px;
   background: $base-color;
  border-radius: 50%;
  min-width: 2.4em;
  transition: all .2s;
  margin: 0.7em .5em 0;
	box-shadow:none;
 &:hover {
    color: $base-color;
    background: $active-color;
	display: grid;
  	place-items: center;


  }
}



.pagination .current {
	box-sizing: border-box;
	line-height:28px;
	border-radius:50%;
	box-shadow:0 3px 3px #999;
	background:#69a4db;
	padding: .7em;
	color:#eee;
	align-items:center;
	flex-direction: column;
	position:relative;
		width:55px;
}




// マウスが乗った時の、ボタンの背景の色と文字の色
.page-numbers a:hover {
color: #7090DD;
background-color:#f4f4f4;
border-color: #999;
border-radius: 50%;
box-shadow:0 3px 3px #999;
}




.nav-links{
	justify-content:center;
	display:flex;
	margin-bottom:20px;
}

.pagination .page-numbers{
		line-height:12px;
	display:inline-block;
	margin-right:20px;
	padding:20px 20px;
	color:#333;
	border-radius:50%;
	position:relative;
}


.pagination .page-numbers li a:hover,
.pagination .page-numbers li a.active {
color:#fff;
background: #ccf;
border-radius:50px;
animation: animScale 0.4s ease-out;
transform-origin: 50% 50%;
-webkit-animation: animScale 0.4s ease-out;
-webkit-transform-origin: 50% 50%;
-moz-animation: animScale 0.4s ease-out;
-moz-transform-origin: 50% 50%;
}


.page-numbers.current {
	color:#fff;
}



.pagination .prev,
.pagination .next {
	background:transparent;
	box-shadow:none;
	color:#69a4db;

}

.pagination .dots{
	background:transparent;
	box-shadow:none;
}

/*サイドコンテンツ*/
#sidecontent {
	float:left;
	min-height:100%;
	margin-top:170px;
}


.sidebox {
	margin-top:70px;
	margin-left:10px;
}

/*固定ページ*/

.wp-block-columns {
	text-align:center;
	background-color:#69a4db;
	}

.wp-block-columns a {
	color:#ffffff;
}

.wp-block-media-text__media {
	background-color:#D4D4c7;
	opacity:0.7;
}

.wp-block-media-text__media img{
	border-radius:50%;
	margin-bottom:50px;
	margin-left:-80px;
}
.wp-block-calendar {
	color:#fefefe;
}

table#wp-calendar.wp-calendar-table {
	background-color:#fefefe;
}

.wp-block-categories-list wp-block-categories {
	list-style:none;
}

/* 私について　*/
.wp-block-media-text__content {
	width:50%;	
  background-color:#fff; /* 背景色 */
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */
                    linear-gradient(180deg, #ccc 1px, transparent 1px); /* 点線2の色と太さ */
  background-size: 8px 100%, /* 点線1のサイズ */
                   100% 2.2em; /* 点線2のサイズ */
  line-height: 2.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}
}

/* 名刺 */

.namecard {
    /*名刺の区切れ目がわかるような線*/
    border: 1px dotted #ffffff;
	
    /*名刺の大きさ（縦横比さえ合ってれば良いと思います）*/
    width:15rem;
    height: 4.75rem;

    /*名刺の余白*/
    margin: 2rem;
    padding: 3rem;

    /*装飾*/
    color: #333;
}

.name {
    /*文字の装飾*/
    font-size: 2rem;

    /*微妙にずれてるのを修正*/
    margin-top: -0.5rem;
    margin-left: -0.25rem;
}

.contact {
    /*flexboxにして縦並びにしています
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
*/
    /*余白*/
    margin-top: 3.5rem;

    /*装飾*/
    font-size: 0.8rem;
}

.contact span {
    margin-top: 0.25rem;
}

.contact i {
    /*SNSなどのアイコンの位置調整*/
    width: 1.25rem;
}

.namecard img {
    /*画像のサイズ指定*/
    width: 8rem;

    /*画像の位置指定*/
    position: relative;
    left: 15.25rem;
    bottom: 7rem;
}




/*サイドコンテンツ見出し*/

/*プロフィールコメント*/
#sidecontent h6 {
	margin-left:2px;
	font-weight:400;
}

.profile {
	border:double #69a4db;
	
}
.profile_img {
	display:block;
	border-radius:50%;
	margin:0 auto;
	margin-top:10px;
}

#sidecontent h2 {
	font-size:25px;
	font-family:serif;
}

#sidecontent ul {
	list-style-type:none;
	font-size:13px;
}



#mainfooter {
	height:100px;
	background-color:#302E2D;
	color:#fff;
	font-size:0.5em;
	text-align:center;
	clear:both;
}

#mainfooter img {
	margin-top:14px;
	width:30px;
}


/*　Aboutphp　*/

.about_thumb {
	padding:50px;
	display:flex;
	margin-bottom:100px;
	background:#68a9cf;
	color:#fff;
}

.about_thumb img {
	border-radius:100%;
	margin:auto 0;
	}
.myname {
	font-family:serif;
}

.explain {
	margin-left:50px;
}

/* お問い合わせ */

.wpcf7-form {
	width:300px;
	margin:0 auto;
	}
.wpcf7-form label {
	color:#69a4db;
}

h1 {
	color:#69a4db;
	margin-left:100px;
}

/* 当サイトの～　*/

.forms {
	color:#69a4db;
	margin-left:100px;
}

input[type="submit"] {
	margin-top:40px;
	margin-bottom:20px;
	border:solid #5c87a6;
	color:#fff;
	width:100px;
	background-color:#69a4db;
	cursor:pointer;
	transition: background-color 1s;
}


input[type="submit"]:hover {
	color:#5c87a6;
	background-color:#ffffff;
	border:1px solid #5c87a6;
	corsor:pointer;
	transition: background-color 1s;


}

input, textarea {
	border:dotted 2px #69a4db;
	width:295px;
	border-radius:10px;
}
.namecss {
	border:dotted 2px #69a4db;
	height:20px;
	border-radius:30px;
}


.submit_buttom {
	width:120px;
	border:dotted;
	background:#69a4db;
	color:#fff;
}


/*aboutMe=2*/

.p-wrapper {
	border:1px dotted;
	height:620px;
	width:27em;
	margin-left:20px;
	 box-shadow: 0 2px 4px #555;
  transform: rotate(-5deg);
  z-index: 1000;
}
.product-info {
	
	height:320px;
	width:150px;
	background-image: url(http://bukatest.local/wp-content/uploads/2023/03/default.png);
	opacity:0.6;
}

.product-info2 {
	margin:70px;
	background:#fff;
	width:70%;
	border-radius:0 80px;
}
.product-info h1 {
padding-top:20px;
	font-size:34px;
	
 color: #474747;
}

/*
.product-img {
	float:left;
 height:220px;
 width:227px;
	 -webkit-box-shadow:0px 14px 32px 0px rgba(0,0,0,0.15);
 -moz-box-shadow:0px 14px 32px 0px rgba(0,0..0,0.15);
 box-shadow:0px 14px 32px 0px rgba(0,0,0,0.15);
}
*/

.product-text {
	  height:320px;
 width:327px;
  background-color:#3D3B37;
	opacity:0.7;
	 -webkit-box-shadow:0px 14px 32px 0px rgba(0,0,0,0.15);
 -moz-box-shadow:0px 14px 32px 0px rgba(0,0..0,0.15);
 box-shadow:0px 14px 32px 0px rgba(0,0,0,0.15);
}

.product-info h1,
.product-price-btn p {
 font-family:serif;
}


.product-info h2 {
margin-left:150px;
	font-size:13px;
 font-family:sans-serif;
font-weight:400;
text-transform: uppercase;
color:#d2d2d2;
letter-spacing:0.2em;
}


.product-text p {
padding-top:20px;
	padding-left:30px;
font-family:serif;
color: #d2d2d2;
line-height:1.7em;
font-size:15px;
font-weight:lighter;
overflow:hidden;

}


.product-price-btn {
 height:103px;
 width:327px;
 margin-top: 7px;
 position:relative;
}

.product-price-btn p {
display:inline-block;
 position:absolute;
 top:-13px;
height:50px;
font-family:serif;
margin: 0 0 0 38px;
font-size: 28px;
font-weight: lighter;
 color:#474747;
}


.product-price-btn button {
display:inline-block;
height: 50px;
width:176px;
margin: 0 40px  0 16px;
box-sizing:border-box;
border:transparent;
border-radius: 60px;
font-family:serif;
font-size:14px;
font-weight:500;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #ffffff;
background-color: #9cebd5;
cursor:pointer;
outline:none;

}





/*問い合わせフォーム*/

.Mail_wrap {
margin-left:20px;
}

table.contact-form {
width:480px;
border-radius:10px;
background:#f5f5f5;
box-shadow: 0px 4px 14px #ddd;

}

table.contact-form th {
	padding:10px;
	width:100px;
	
}


.label-btn{
  display: inline-block;
  padding: 10px 15px;
  background-color: #7fbfff;
  cursor: pointer;
  border-radius: 3px;
  border: 0;
  color: #fff;
  font-weight: bold;
  transition: 0.3s;
}

.label-btn:hover{
  opacity: 0.7;
}

.Container_form {
display:flex;
margin-top:40px;
}

.leftshift {
	width:450px;
	border-right:2px double;
}

.rightshift ul {
list-style-type:none;
}


/*アーカイブ
hr.icon {
margin: 25px auto 30px;
padding-top:30px;
border: 0;
border-top: double 3px;
text-align: center;
}

hr.icon:after {
content: "\f0e7";
display: inline-block;
position: relative;
top: 1.7rem;
padding: 0 1rem;
font-family: FontAwesome;
font-size: 1rem;
background-color: #fff; // Must Match Page Background
}
*/

/*アーカイブ2*/



ul.accordion ul{ /* アコーディオン部 */
  margin: 5px 0 30px 15px;
}
ul.accordion ul.hide{ /* アコーディオン非表示 */
  display: none;
}
ul.accordion li{ /* リセット */
  list-style: none;
  background: none;
  padding: 0;
}
ul.accordion li p{ /* リセット */
  margin: 0;
}
ul.accordion li p span{ /* アイコン背景 */
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  background: #09c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 5px;
  vertical-align: -2px;
}
ul.accordion li p span:before{ /* アイコン横棒 */
  content:'';
  height: 1px;
  width: 9px;
  display: block;
  background: #fff;
  position: absolute;
  top: 7px;
  left: 3px;
}
ul.accordion li p span:after{ /* アイコン縦棒（閉じてるとき） */
  content: '';
  height: 9px;
  width: 1px;
  display: block;
  background: #fff;
  position: absolute;
  top: 3px;
  left: 7px;
}
ul.accordion li p span.acv_open:after{ /* アイコン縦棒なし（開いてるとき） */
  height: 0;
  width: 0;
}
ul.accordion ul li{ /* アーカイブリスト */
  margin-left: 15px;
  position: relative;
}
ul.accordion ul li::after{ /* アーカイブリストマーク */
  display: block;
  content: '';
  position: absolute;
  top: .2em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/*投稿ナビゲーションを消す*/

h2.screen-reader-text {
display:none;
}