/*
Theme Name: Twenty Seventeenの子テーマ
Template:twentyseventeen
*/
/*
body {
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif!important;
    }
*/
/* ここから追加分  */

/*サイトタイトル*/
.site-title {
    text-transform: none;/*大文字小文字を許可*/
    font-family: serif;/* サイトタイトルを明朝にする */
}



.twentyseventeen-front-page .site-content-contain {
/*	background-color: rgb(255, 255, 204);*/  /*全体背景色*/
}
.page-one-column .panel-content .wrap {
	margin-top: 2px;/*記事とアイキャッチとの間隔*/
	margin-bottom: 2px;/*記事とフッターとの間隔*/
	border: 0px solid rgb(204, 204, 204);/*記事の枠線の太さと色*/
	background-color: #fff;/*記事の背景色*/
	padding: 0% 5%;/*記事周り余白[上下][左右]*/
}
/*画面幅30em以上*/
@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 1500px;/*記事幅の最大値（初期740px）*//*2021/10/05 900px→1500pxに拡大*/
		margin-top: 2px;/*記事とアイキャッチとの間隔*/
		margin-bottom: 2px;/*記事とフッターとの間隔*/
	}
}

/* 全固定ページでタイトル非表示 */
.page .entry-title {
   display: none;
}

/* 全体で使う見出しラベルのスタイル（背景薄いグリーン） */
#label-sq {
  margin: 0px 0px 0px 0px; /* 上、右、下、左 */
  padding: 3px 5px 0px 5px; /* 上、右、下、左 */
  border-radius:5px;
  font-size: 100%; /* 文字サイズを120% */
  color: #eee; /* 文字色*/
  vertical-align:middle;
  background-color: darkslateblue; /* 背景色（薄いグリーン） */  
/*  border-left: 10px solid darkgray;*/
  text-shadow: 1px 1px 2px #333;
  width: 100%;
  display: inline-block;
}





/*テーブルのスタイル */
.myTable table {
	border-collapse: collapse;
}
.myTable td.t_top_left {
    border-top: #b3b3b3 4px solid;
	border-bottom: #e3e3e3 1px solid;
	background: #eee;
	text-align: left;
	padding: 10px;
}
.myTable td.t_top_right {
	border-top: #9b5 4px solid;
	border-bottom: #e3e3e3 1px solid;
	padding: 10px;
	text-align: left;
}
.myTable td.td_left {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #eee;
	padding: 10px;
	font-weight: normal;
}
.myTable td.td_right {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}
#myLinkBtn{
  border: 2px solid rgb(204, 204, 204);/*枠線の太さと色*/
  border-radius:5px;
  margin:0px;;
  padding:2px;
  font-size: small; /* 文字サイズ */
  color: DarkGray; /* 文字色*/
  vertical-align:middle;
}


/*トップページの新着一覧の枠線指定
/wp/wp-content/plugins/shortcodes-ultimate/templates/myList-loop.phpの中で参照している。
また、Shortcodes Ultimateが生成するメニューのショートコードでも使用している
*/
.topPageList{
	border: 2px solid rgb(204,204,204);
	padding:10px 20px;
	border-radius:10px;
	margin:10px 10px;
}
.topPageList li{
  list-style:none!important;/* リスト項目の先頭に点を出さないようにする */
}

.topPageList ul{
  list-style:none!important;/* リスト項目の先頭に点を出さないようにする */
	  	line-height:1.5em;
	    width: 100%;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
}
.topPageList a:hover{
    background:transparent;
}

@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
	.topPageList{
		border: 2px solid rgb(204,204,204);
		padding:0;
		border-radius:10px;
		margin:5px 0;
	}
	.topPageList li{
	  	list-style:none!important;/* リスト項目の先頭に点を出さないようにする */
	  	line-height:2em;
	    width: 100%;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;

	}

	.topPageList ul{
	  list-style:none!important;/* リスト項目の先頭に点を出さないようにする */
	}
	.wrap{
		padding-left: 5px;
	    padding-right: 5px;
	    margin-left: 5px;
	    margin-right: 5px;    
	}
}

/* FLOAT解除用 */
.clear {
    clear: both;
}
/*--------------------------------------------------------------
13.2 Front Page
https://mtac.jp/wordpress/sidebar2017front-page/
--------------------------------------------------------------*/
/* フロントページでもサイドバーを表示したい場合は以下を有効にする */

/* .twentyseventeen-front-page .site-content {
	padding: 2.5em 0 1.5em;
}

@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.page-one-column #primary {
		float: left;
		width: 58%;
	}
	.twentyseventeen-front-page.page-one-column #secondary {
		float: right;
		padding-top: 0;
		width: 36%;
	}
	.twentyseventeen-front-page .site-content {
		padding: 5.5em 0 2.5em;
	}
} */

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: none; /* inset 0 -1px 0 rgba(15, 15, 15, 1); */ /*リンクの下線をなくすsato*/
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: none;/* inset 0 -1px 0 rgba(255, 255, 255, 1);*/  /*リンクの下線をなくすsato*/
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: white;/* マウスが乗ったときのフォント色，背景色sato */
	/*
	background-color:DarkOliveGreen!important;
    */
	background-color:transparent;/* 2020-12-26改変 */
	text-shadow:1px 1px 2px gray;/* 2020-12-26改変 */
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow:none;/* inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);*/  /*リンクの下線をなくすsato*/
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/* リンク用枠
https://saruwakakun.com/html-css/reference/box
 */
.linkImage1{
	float: left;
	margin-right:10px;
}


.linkbox1 {
	clear:both;
    padding: 3px 5px 3px 8px; /* 上、右、下、左 */
    margin: 2em 0;
    color: DarkGray;
    vertical-align:top!important;
    background: lightcyan;
    border-left: solid 10px lightblue;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
	line-height:1.5em!important;
}
.linkbox1 p {
	vertical-align:top!important;
    font-size:small!important;
}

.linkbox2 {
	clear:both;
    padding: 0.5em 1em;
    margin: 2em 0;
    color: DarkGray;
    vertical-align:top!important;
    background: ivory;
    border-left: solid 10px #F4A460;/*SandyBrown*/
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
	line-height:1.5em!important;
}
.linkbox2 p {
	vertical-align:top!important;
    font-size:small!important;
}

.linkbox3 {
	clear:both;
    padding: 1rem 0px 0px 1em;/* 上、右、下、左 */
    margin: 0px 0px 0px 0px;/* 上、右、下、左 */
    border: solid 2px darkslateblue;/*線薄緑*/
	line-height:2px!important;/*改行幅(高さ)*/
	border-radius:3px;
	height:4rem;
/*	position: relative;*/
}
.linkbox3:hover {
    background: #cdc;
}

.linkbox3 a{
	margin:0px 0px 0px 0px;/* 上、右、下、左 */
	padding:0px 0px 0px 0px;/* 上、右、下、左 */
	
}
.linkbox3 a:hover {
    background: #cdc;
}


.linkbox3 span {
	margin:0em 0px 0px 0px;/* 上、右、下、左 */
	padding:0px 0px 0px 0px;/* 上、右、下、左 */
    font-size:large;
    font-weight:bold;
    letter-spacing:0.2em;
    color:#555;/*文字色濃い灰色*/
    vertical-align:top;
    height:90px;
}
.linkbox3 span:hover {
    background: #cdc;
}


.linkbox3 p {
	margin:1em 0px 0px 0px;/* 上、右、下、左 */
	padding:0em 0px 0em 0px;/* 上、右、下、左 */
    vertical-align:middle!important;
    font-size:1rem;
    font-weight:bold;
    line-height:1rem;
    letter-spacing:0.2rem!important;
    color:#555;/*文字色濃い灰色*/
}


.linkbox3 p:hover {
    background: #cdc;
}

.linkbox3 i{
	color:darkslateblue;
}
.linkbox3 i:hover {
    background: #cdc;
}

.linkbox3 img{
    vertical-align:middle;
	margin:0px 0px 0px 2px;/* 上、右、下、左 */
	padding:0px 0px 0px 0px;/* 上、右、下、左 */
}
.linkbox3 img:hover {
    background:red;
}
/* テーブルの表示を、端末の幅が狭いときは列を下にする
https://yellow-goose.com/table%E3%81%AEth%E3%82%84td%E3%82%92%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%92%E5%A4%89%E3%81%88%E3%81%9A%E3%81%ABcss%E3%81%A0%E3%81%91%E3%81%A7%E7%B8%A6%E4%B8%A6%E3%81%B3%E3%81%AB%E3%81%99%E3%82%8B/
　PCなら２列
　スマホなら１列
 */
.topPageTable table{/* これはスマホ用ではない。ブラウザによっては枠が出るので対策 */
 	border:none;

}
@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
	.topPageTable table, .topPageTable tbody, .topPageTable tr, .topPageTable th, .topPageTable td {
	display: block;
	max-width: 98%; /*スマホ画面ほぼ一杯に広がる感じ*/
	border:none;
	}
}
/* 
テーブルを1列表示にした時に左がそろわない現象に対する対処
テーマtwentyseventeenの設定を上書きする
表の最初の列：padding左 0→0.1rem／padding右 設定なし→0.1rem
表の最後の列：padding右 0→0.1rem／padding左 設定なし→0.1rem
 */
th:first-child,
td:first-child {
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}

th:last-child,
td:last-child {
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}

/*■アイキャッチ画像付リスト形式で記事一覧を表示 【ここから】*/


/*--------------------------------------------------------------
0.0 MTA Original
--------------------------------------------------------------*/

/* listing posts page */
.home-box {
	position: relative;
}
.home-box .home-thumbnail {
	width: 33%;/*サムネイルの幅*/
	margin-bottom: 1rem;
}
.home-box .home-thumbnail img {
	box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}

.home-box .home-thumbnail:hover img {
  transform: scale(1.05);
  transition-duration: 0.5s;
    opacity: 0.6;
}


.home-box .home-content {
	position: absolute;
	top: 0;
	margin-left: 35%;/*サムネイルの幅より大きくすること*/
	width:64%;
}
.home-box .home-content .entry-header {
	margin: 0;
	padding: 0;
}
.home-box .home-content .entry-title {

	font-size: 1rem;
}
.home-box .home-excerpt {
	/*display: none;*/
			font-size: 1rem;
			line-height:1rem;
  		padding-left: 0.3rem;
			
}
/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 0.2em; /* 2em */
}
/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 50vh;/* スマホ用トップページの画像の高さを調整する */
	width: 100%;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
.widget {
	padding-bottom: 1em;
}







/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
	.home-box .home-content .entry-title {
		/* 一覧でタイトルを切り詰める設定 */
		font-size: 1rem;
	    width: 320px;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
  		padding-left: 0.3rem;
	}
}

@media screen and (min-width: 30em) {

	/* listing posts page */
	.home-box .home-content .entry-title {
		/* 一覧でタイトルを切り詰める設定 */
		font-size: 1rem;
	    width: 360px;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
  		padding-left: 0.3rem;
	}
	.home-box .home-excerpt {
		display: block;
		font-size: 1rem;
		line-height: 1.2em;
  		padding-left: 0.3rem;
		
	}


}

@media screen and (min-width: 48em) { /* two column start */

	/* Layout */

	.wrap {
		max-width: 1500px;
		padding-left: 3em;
		padding-right: 3em;
	}
	/* listing posts page */
	.home-box .home-content .entry-title {
		/* 一覧でタイトルを切り詰める設定 */
		font-size: 1rem;
	    width: 300px;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
  		padding-left: 0.3rem;
	}
	.home-box .home-excerpt {
	/*	display: none;*/
  		padding-left: 0.3rem;
	}
	
	/* Blog, archive, search */

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 0.4em; /* 4em */
	}
	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 60%;
	}
	/* Front Page */
	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
	/*	height: 600px;*/
		height: 98vh;/* トップページの画像の高さを調整する */
		max-height: 100%;
		overflow: hidden;
	}
    /* トップ画像の意色調補正 */
    .custom-header-media img{
        filter: brightness(70%) hue-rotate(14deg);
    }

	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(98vh - 32px);/* トップページの画像の高さを調整する */
	}
	/* Pages */
	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 2em;
	}
	
	/* Navigation */
	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 22em;/*サブメニューの幅*/
	}

	/* Widgets */

	h2.widget-title {
		font-size: medium;
	    font-weight: bold!important;
	    color: darkslateblue;
		margin-bottom: 0.7em;
	}

}

@media screen and ( min-width: 67em ) {

	/* listing posts page */
	.home-box .home-content .entry-title {
		/* 一覧でタイトルを切り詰める設定 */
		font-size: 1rem;
	    width: 360px;
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
  		padding-left: 0.3rem;
	}
	.home-box .home-excerpt {
		display: block;
		font-size: 1rem;
		line-height: 1.2em;
  		padding-left: 0.3rem;
		
	}
}
@media screen and ( min-width: 79em ) {

}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

}

/*■アイキャッチ画像付リスト形式で記事一覧を表示 【ここまで】*/



/* 枠線 */
.waku{
	border: 2px solid darkslateblue;
	padding:10px 20px;
	border-radius:10px;
	margin:10px 10px;
}
/* Topページで表示しているステッチ枠 */
.sample-box-6 {
	background-color: #d0b9ff;
	border: 2px dashed white;
	border-radius: 8px;
	box-shadow: 0 0 0 4px #d0b9ff;
	color: #225;
	margin: 2em 0;
	padding: 0.5em;
}
.sample-box-6 p{
    color: white;
    font-size: large;
    font-weight: bold;
    line-height: 1.7em;
    letter-spacing: 0.05em!important;
    text-shadow: 1px 1px 2px grey;
    margin: 0;
}


/* 文字間隔を少し広げるために、元のスタイルを上書きする */
/* メニューにも影響するのでやめる */
/* Remove letter-spacing for all non-latin alphabets */
/*
html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

html[lang="ja"] *
{
	letter-spacing: 0.07rem !important;
}
*/

/* 記事文章の文字間隔を広くするためのクラス */
.honbun{
	letter-spacing: 0.06rem !important;
}

/* リンクにマウスが乗ったときの文字色を上書き */
/* .entry-content a:hover{
	color:red!important;
} */

/* Wordpress標準の投稿カレンダーの設定 */
#wp-calendar a {
	color:DarkTurquoise;
	font-weight:bold;
}
#prev a {
	color:black;
	font-weight:normal;
}
#next a {
	color:black;
	font-weight:normal;
}

.calendar_wrap{
	padding: 3px;
	border: dotted 1px gray;
	background:#eee;
}


.imgBlogTitle{
  cursor: pointer;
  margin-bottom:1rem;
}


/* トップページのボタンの親（グリッド） */
.topPageGrid{

	column-count: 2;
	width: 100%;
}


@media screen and (max-width: 48em) { 
	.topPageGrid{
		column-count: 1;
	}

}
@media screen and (max-width:1150px) { /*1150px以下(ウィンドウサイズを小さくしたときのため)*/
	.topPageGrid{
		column-count: 1;
	}

}

/* 自己紹介ページのグリッド */
.aboutPageGrid{
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr 2fr;
}


@media screen and (max-width: 48em) { 
	.aboutPageGrid{
    	grid-template-columns: 1fr;
	}

}
@media screen and (max-width:600px) { /*600px以下(スマホ対応)*/
	.aboutPageGrid{
    	grid-template-columns: 1fr;
	}
}
/* 自己紹介のテキスト枠 */
#aboutBox{
	position: relative;
    width: 100%;
    margin: 0em auto;
    padding: 2rem 1rem 2rem 0.5rem;
    color: #422d96;
    background-color: #ffffff;
    box-shadow: inset 0 0 30px rgb(173 141 253), 0 2px 2px #ccc;
    /*text-align: center;*/
    font-size: 100%;
    line-height: 1.75;
}
#aboutText{
/*
	position: relative;
    width: 100%;
    margin: 2.5em auto;
    padding: 2rem 0;
    color: #770000;
    background-color: #ffffff;
    box-shadow: inset 0 0 30px rgb(243, 190, 190), 0 2px 2px #ccc;
    text-align: center;
    font-size: 110%;
    line-height: 1.75;
*/
}
#personImg{
	width: 75px;
    float: left;
    margin: 1.5rem 0.7rem 0.7rem 0.7rem;
    filter: drop-shadow(2px 2px 4px #333) invert(15%) sepia(102%) saturate(4000%) hue-rotate(253deg) brightness(134%) contrast(72%);
}

/* -----------CSSによる動きのあるボタン------------- */

.button-3{
	width:20rem;
	height:3rem;
	border:2px solid darkslateblue;
/*	float:left;*/			/* 親のDIVでGrid表示してる時は不要 */
    display: inline-block;	/* 親のDIVでGrid表示してる時は必要 */
	text-align:center;
	cursor:pointer;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	margin:0.5rem 0.5rem 0 0;
}
@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
	.button-3{
		width:100%;
	}
}

.button-3 a{
/*	font-family:arial;*/
	font-size:16px;
	color:darkslateblue;
	text-decoration:none;
	line-height:50px;
	transition:all .5s ease;
	z-index:2;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.button-3 a:hover{
    color:#555!important;
    background-color:transparent;
}
.button-3 a:focus{
    color:darkslateblue;
    background-color:transparent;
}
.eff-3{
  width:20rem;
  height:3rem;
  bottom:-3rem;
  background:darkslateblue;/* 塗りつぶす色 */
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-3:hover .eff-3{
  bottom:0;
}
/*
.button-3:hover a{
  color:#fff;
}
*/


.addtoany_share_save_container a:hover, a:focus{
	background:transparent!important;

}


.addtoany_shortcode a:hover, a:focus{
	background:transparent!important;

}
/* ビオラ・セッションページ */
.sessionPage{
	background: #012f84;
	padding:1rem;
	color:white;
}


.sessionPage breadcrumbs{
    color:black!important;
}

.sessionPage h2 {
    color: white;
    padding: 0 0 0 10px;
    border-left: 8px solid white;
    border-bottom: 1px solid white;
    margin: 0 0 10px 0;
    font-weight: normal!important;
}

.sessionPage a{
    color:yellow;
}
.sessionPage h3 {
    color:white;
    font-weight: normal !important;
    padding: 5px 10px 3px;
    border: 1px dotted white;
    background: transparent;
    margin: 30px 0 10px;
}




.course-detail h2 {
    color: darkslateblue;
    padding: 0 0 0 10px;
    border-left: 8px solid darkslateblue;
    margin: 0 0 10px 0;
    font-weight: normal!important;
}


.course-detail h3 {
    color: darkslateblue;
    font-weight: normal !important;
    padding: 5px 10px 3px;
    border: 1px solid darkslateblue;
    background: transparent;
    margin: 30px 0 10px;
}

h2 {
    color: darkslateblue;
    padding: 0 0 0 10px;
    border-left: 8px solid darkslateblue;
    margin: 0 0 5px 0;
    font-weight: normal!important;
    font-size: 140%;
}
h3 {
    color: darkslateblue;
    font-weight: normal !important;
    padding: 5px 10px!important;
    border: 1px solid darkslateblue;
    background: #fff;
    margin: 8px 0 5px;
}
h4 {
    color: darkslateblue;
    font-weight: normal !important;

    padding: 5px 10px 3px;
    border-left: 8px solid darkslateblue;
    background: transparent;
    margin: 30px 0 10px;
}



.imgCut1{
    box-shadow: 2px 2px 4px;
    float: left;
    margin: 0.7rem 1rem;
}

/* サイドバーのカレンダー設定 */
.SideCalendar{
    padding: 0.3rem 0.3rem;
    background-color:#cbe6ff;
    border-bottom: solid 2px gray;
    border-right: solid 2px gray;
    margin-top:2rem;
    margin-bottom:1rem;
}

.colLeft1{
    display:inline-block;
    width:15rem;
 	background:transparent;   
}

tr {
	border-bottom: none;
}
/*ブログ、お知らせ一覧*/
.myBlogTitle{
	width: 13rem!important;
	white-space: nowrap!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
}

.myTermList ul{
	list-style: none;
}
.myTermList li{
	margin-bottom:1.5rem;
	min-height:120px;
	max-height:200px;
	height:fit-content;
}
@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
	.myTermList .home-excerpt{
		font-size:small;
	}
}


/* トップページのカレンダー設定(Viola) */
.TopCalendarViola{
    padding: 0 0.5rem;
    background-color: #d0b9ff;
    border-bottom: solid 2px gray;
    border-right: solid 2px gray;
    margin-top: 0 !important;
    height:27.5rem;
    margin-bottom: 1rem;
}
/* サイドバーのカレンダー設定(Viola) */
.SideCalendarViola{
    padding: 0.3rem 0.3rem;
    background-color: #d0b9ff;
    border-bottom: solid 2px gray;
    border-right: solid 2px gray;
    margin-top:1rem;
    margin-bottom:1rem;
}



.course-title{
	column-count: 2;
	background:#d0b9ff;
    padding:0.7em;
	border:solid 1px lightgray;
}



.course-title h2 {
    color: darkslateblue;
    padding: 0 0 0 10px;
    border-left: 8px solid darkslateblue;
    margin: 0 0 1em 0;
    font-size:1.2em;
    font-weight: normal!important;
}
.course-title img{
	margin: auto auto;
	vertical-align: middle;
	text-align: center;
}


#rssIcon{
	color: white;
	background: orange;
	padding: 4px;
	width: 26px;
	height: 26px;
}


#accessMemo{
	padding-left:1rem;
}

/*
イベント情報一覧をタイル表示するためのスタイル
*/
.eventInfoGrid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.eventInfoGridItem {
  font-size:small;
  text-align:left;
  margin-right:0.3em;
  margin-bottom:1em;
  background: white;
  border-left:dotted 1px olivedrab;
  border-bottom:dotted 1px olivedrab;
  padding-left:0.3em;
  padding-bottom:0.3em;
  text-align:left;
  width:300px;
}
.eventInfoGridItem p{
    margin-bottom:0!important;
}



.eventInfoImgYoko {/* 4:3 */
  width: 300px;
  height: 225px;
  object-fit: cover;
  margin-top:3px;
  box-shadow:2px 2px 3px gray!important;
}

.eventInfoImgTate {/* 4:3 */
  width: 300px;
  height: 225px;
  object-fit: cover;
  object-position: 50% 0;
  margin-top:3px;
  box-shadow:2px 2px 3px gray!important;
}




/*
  イベント情報で「開催中」のリボン表示をするためのスタイル
*/

.ribbon_box3{
    display: block;
    position: relative;
    margin: 0px auto;
    padding: 0px 0;
    /*width: 300px;*/
    /*height: 150px;*/
    background: #f1f1f1;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
    box-sizing: border-box;
}

.ribbon_area {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 89px;
    height: 91px;
    overflow: hidden;
  }

.ribbon15 {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    left: -23px;
    top: 22px;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    background: linear-gradient(to right, orangered 0%,tomato 100%);
    color: #fff;
    text-shadow: 0 2px 2px #56a1f3;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.ribbon15:before,.ribbon15:after{
    position: absolute;
    content: "";
    border-top: 4px solid #3672b6;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px;
}

.ribbon15:before{
    left: 14px;
}

.ribbon15:after{
   right: 18px;
}

/*スマホ用改行*/
.mobileBr{
    display:none;
}

@media screen and (max-width:600px) { /*600px以下(スマホ用)*/
	.mobileBr{
		display: inline;
	}

}

/*PayPalボタン*/
.paypalBtn{
    height:1.4rem;
}

/*PayPal支払いの見出し枠*/
.paypalWaku{
    text-align:center;
    width:100%;
    margin:5px 0px;
    font-size:120%;
    font-weight:bold;
    color:slateblue;
    border:solid 1px slateblue;
}
.paypalWaku span{
    font-size:medium;
    font-weight:normal;
    color:darkred;
}

/* 黒いPNGに色を付けるためのクラス */
.red {
    filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(95%) contrast(112%);
}

.green {
    filter: invert(17%) sepia(91%) saturate(7085%) hue-rotate(128deg) brightness(100%) contrast(106%);
}

.blue {
    filter: invert(8%) sepia(99%) saturate(7044%) hue-rotate(247deg) brightness(100%) contrast(145%);
}
/*白*/
.white {
    filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}

/*灰色*/
.grey {
    filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(101%) contrast(93%);
}

/*黄色*/
.yellow {
    filter: invert(81%) sepia(81%) saturate(633%) hue-rotate(359deg) brightness(106%) contrast(105%);
}

/*オレンジ*/
.orange {
    filter: invert(72%) sepia(26%) saturate(6428%) hue-rotate(1deg) brightness(105%) contrast(102%);
}

/*水色*/
.aqua {
    filter: invert(88%) sepia(100%) saturate(2929%) hue-rotate(104deg) brightness(99%) contrast(104%);
}

/*紫*/
.purple {
    filter: invert(11%) sepia(71%) saturate(5170%) hue-rotate(293deg) brightness(87%) contrast(111%);
}


/* ショートコードUltimate用 */
.mySpoiler .su-spoiler-icon{
    font-size: 25px;
    color: darkslateblue;
}



/* ■■■WooCommerce用追加■■■ */

/* 商品一覧表示 */
.woocommerce-page img {
    height: 200px;
}
.woocommerce-loop-product__title{
    height:3rem;
    white-space: normal!important;/*重要。これがないと横スクロール設定の時改行しなくなる*/
}

ul.products li.product .added_to_cart, 
ul.products li.product .button{
  margin: 0px 0px 0px 0px; /* 上、右、下、左 */
  padding: 3px 5px 0px 5px; /* 上、右、下、左 */
  border-radius:5px;
  font-size: 100%; /* 文字サイズを120% */
  color: #eee; /* 文字色*/
  text-align: center;
  vertical-align:middle;
  background-color: darkslateblue; /* 背景色（薄いグリーン） */  
/*  border-left: 10px solid darkgray;*/
  text-shadow: 1px 1px 2px #333;
  width: 100%;
  display: inline-block;
}
/*商品の代表サムネイル*/
.woocommerce img, .woocommerce-page img {
    /* height: auto; */
    /* max-width: 100%; */
    width: 210px;
    height: 210px;
    object-fit: cover;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 5px 1rem 0;
    width: 24%;

}
/* メニューに表示させるアイコン */
.su-spoiler-title .menuIcon1,
.menu .menuIcon1,
.menuIcon1{
    height:1rem!important;
    width: auto;
}

/*お支払いへ進むなどのボタン*/
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong 
{
    border-radius: 9px;
    /*padding: 0.5rem;*/
}

/* 「お買い物カゴを更新」などのボタン */
.woocommerce-cart-form .button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit
 {
    padding: 1.2em 2em;
    padding: 0.5rem 2rem;
    border-radius: 9px;
}

/* クーポンコード入力枠 */
#coupon_code{
    width: 10rem!important;
    padding: 0.5rem 0.5rem;
}
@media screen and (max-width:768px) { /*768px以下(スマホ用)*/
    #coupon_code{
        width: 130px!important;
    }
}


/* 銀行、郵振、PayPalなどのアイコン */
.wc_payment_method>label:first-of-type img {
    /*max-height: 24px!important;*/
    /*max-width: 200px!important;*/
    width: auto;
    height: auto;
    /*float: right!important;*/
}


/* マイアカウントページのナビゲーション */
.woocommerce-MyAccount-navigation-link a {
    color: white;
    padding: 0 1rem;
    background: slategrey;
    width: 13rem;
    display: inline-block;    
}
/* マイアカウントページのナビゲーション */
.woocommerce-MyAccount-navigation-link a:hover {
    color: grey;

}
.woocommerce-account .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid gray;
}

.woocommerce-account .woocommerce-MyAccount-navigation li::before {
    display:none;

    /* 以下を有効にすると四角の箱が表示されるが画面サイズが小さいと
    折り返してしまうため表示しないことにした */
/*    
    content: "　";
    box-shadow: 2px -2px 4px inset grey;
    color: darkslateblue;
    font-size: 20px;
    padding: 0 0.2rem;
    border: solid 1px gray;
*/
}

/*商品の並び順変更ドロップダウン*/
.orderby {
    margin-right: 1rem;
    padding: 0.1rem 0.5rem;
    border-radius: 10px;
    border: solid 2px gray;
    height: 2rem;
    font-weight: bold;
}


/*マイアカウントページの本文部分*/
@media screen and (max-width:768px) { /*768px以下(スマホ用)*/
    .woocommerce-account .woocommerce-MyAccount-content{
        width:55%;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width:43%;
    }
}
/* XOイベントカレンダー部分 */
.widget_xo_event_calendar h2{
    border:none;
    padding: 0;
    margin: 0;
    text-align: center;
}
/*メニュー下のログイン状態表示*/
#navLoginStat{
    display: block;
    /* float: left; */
    width: max-content;
    padding: 0.2rem 0.5rem;
    margin-right: 0;
    margin-left: auto;
    background: #eee;
    text-align: center;
    border: solid 1px#ccc;
    /* box-shadow: 0 2px 2px grey; */
}

/*■商品一覧を横スクロールにする*/
.myHScroll .woocommerce ul.products li.product, .myHScroll .woocommerce-page ul.products li.product {
    float: none;
    display: inline-block;
}

.myHScroll .woocommerce ul.products, .myHScroll .woocommerce-page ul.products {
    clear: both;
    overflow-x: auto;
    white-space: nowrap;

    height: auto;
    -webkit-overflow-scrolling: touch;
}
.myHScroll .woocommerce ul.products li.product, .myHScroll .woocommerce-page ul.products li.product {
    margin: 0 5px 1rem 0;
    width: 22%;/*各アイテムの幅をわずかに狭くし、横に続きがあることが判るようにする*/

}

/* スマホの場合。chromeのシミュレーションでは問題ないが、実機では問題があることがあるので実機で確認するのが良い */
@media screen and (max-width:768px) { /*768px以下(スマホ用)*/
    .myHScroll .woocommerce ul.products, .myHScroll .woocommerce-page ul.products {
        display: flex;/*【重要】これがないとスマホでは各アイテムが重なって表示されてしまう。大きい画面の時にあると表示がおかしい*/
        /*overflow-x: scroll;*/
    }
    .myHScroll .woocommerce ul.products li.product, .myHScroll .woocommerce-page ul.products li.product {
        margin: 0 5px 1rem 0;
        width: 44%;/*各アイテムの幅をわずかに狭くし、横に続きがあることが判るようにする*/
        flex: none;/*【重要】ULdisplay: flex;としているため、これがないと実機のスマホでは各アイテムの幅が狭くなってしまう*/
    }
    .myHScroll .woocommerce-loop-product__title{
        height: 3.5rem;
        border-left: solid 3px darkslateblue;
        white-space: normal!important;
        font-size: 80%;    
    }

}


/* 未ログイン時の注意書き */
#unLoginNotice{
    background: #eee;
    display: inline-block;
    color: red;
    padding: 0.3rem;
    text-shadow: 1px 1px 2px grey;
    border: solid 1px red;
    box-shadow: 2px 2px 4px grey;
}

/* 商品ページの価格表示 */
.single-product .summary p.price {
    margin-bottom:1rem;
}

.summary .woocommerce-Price-amount::before{
    content: "価格：";
}
.summary .woocommerce-Price-amount{
    color: red;
    font-size: 120%;
    font-weight: bold;
    border-bottom: double 4px red;
/*    margin: 0 0 0 auto;*/
    width: 14rem;
    display: block;
    text-align: left;
}
/* 商品ページの在庫数 */
.summary .in-stock{
    font-weight: bold;
    margin-bottom:1rem;

}


/* 商品ページの商品コードとカテゴリー */
.summary .product_meta{
    display: block;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
    margin-bottom: 1rem;    
}
.summary .posted_in{
    display: block;
}

.summary .posted_in a{
    font-weight: bold;
    color:darkblue;
}


/* ボタン */
ul.products li.product .added_to_cart, ul.products li.product .button,/*一覧のカートに入れるボタン*/
.summary .single_add_to_cart_button /*商品ページの「カートに入れる」ボタン*/
{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 4px;
  color: #ffffff;
  background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #5e7fca;
  margin-bottom:1rem;
}

ul.products li.product .added_to_cart:hover, ul.products li.product .button:hover,/*一覧のカートに入れるボタン*/
.summary .single_add_to_cart_button:hover, /*商品ページの「カートに入れる」ボタン*/
.summary .single_add_to_cart_button:active /*商品ページの「カートに入れる」ボタン*/
{
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

/*「あと○○○円のお買い上げで配送料無料になります」*/
.notice_amount_free_shipping_cart{
    border: solid 1px gray;
    margin: auto 0px;
    padding: 0.3rem;
    background: #eee;
    color: darkslateblue;

}

/*「ここをクリックしてコードを入力」
  「ショップへ戻る」
  「取り消しますか？」
  の各ボタン
*/
.woocommerce .showcoupon,/*「ここをクリックしてコードを入力」*/
.woocommerce .wc-forward,/*「ショップへ戻る」*/
.woocommerce .return-to-shop a,/*「ショップへ戻る」*/
.woocommerce .woocommerce-message a/*「取り消しますか？」*/
{
    background: lightgray;
    color: black;
    padding: 0.3rem 0.5rem!important;
}

/*カートの合計のテーブル*/
.cart_totals .shop_table th{
    width:3rem;
}
.cart_totals tr,
.cart_totals td,
.cart_totals th
{
    border: solid 1px gray;
}
.cart_totals th{
    text-align: center;
}
.cart_totals td{
    padding-left:0.3rem;
}
.woocommerce-shipping-calculator a{/*「住所を変更」ボタン*/
    border: solid 1px gray;
    border-radius:5px;
    background: #fee;
    padding: 0.3rem;
}

/* 2025追加 */
a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 20rem;
	margin: 5px 0;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	color: #27acd9;
	transition: 0.2s;
}
a.btn_01:hover {
	color: #fff;
	background: #27acd9;
}

/* 支払画面で姓名の横のアスタリスクを非表示にする */
.woocommerce form #billing_first_name_field .required,
.woocommerce form #billing_last_name_field .required
 {
    display: none;
}
/* 「あと ¥1,000 のお買い上げで配送料無料になります。 」の部分を消す */
/* .woocommerce-info:contains("あと") {
  display: none;
} */


/* マイアカウントページの「姓」「名」の必須を示す*を非表示にする */
.form-row-first .required,
.form-row-last .required {
    display: none;
}

/* サイドバーのローザアカデミアのリンク画像 */
.sideLinkRosa{
    position: relative;/*親要素にrelative*/
}

.sideLinkRosa span{
  position: absolute;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: pink;
  text-shadow: 4px 4px 5px rgb(189, 59, 59);
  left: 0;
}
.sideLinkRosa #rosa-title{
  top: 0.5rem;
  font-size: 2rem;
  font-weight: bolder;
}
.sideLinkRosa #rosa-sub-title{
  top: 4rem;
  font-size: 1.5rem;
  font-weight: bold;
}

/* Ajax通信で使用する蓋 */
#ajax-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(128, 128, 128, 0.5); /* グレーの半透明背景 */
  justify-content: center;
  align-items: center;
}

#ajax-loader img {
  width: 64px;
  height: 64px;
}


/* ローディングアニメーション */
.animoSpinner{ 
  border:4px solid #E5EDFF;
  border-left-color:#f39c12;
  border-radius:50%;
  width:50px;
  height:50px;
  animation:spinner1 1.2s linear infinite
}

@keyframes spinner1{
  0%{
    transform:rotate(0)
  }
  100%{
    transform:rotate(360deg)
  }
}

/* トップページのお知らせ、ブログの一覧 */
.topListBoxesCont{
/*	width:50%;*/
/*	display:inline-flex!important;*/
	break-inside: avoid !important;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
}
.topListBox{
	width:100%;
	display:inline-block;


}

@media screen and (max-width: 48em) { 
	.topListBoxesCont{
		width:100%;
/*		display:block!important;*/
	}
	.topListBox{
		width:100%;
	}

}
/* 一覧の文字色など。長すぎたら省略表示 */
.su-post span{
  /* display: inline-block; */
  color: #2f4f4f;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
  overflow: hidden;
  /* align-items: center;
  display: flex; */
}
.su-post a{
  align-items: center;
  display: flex;    
}

/* サイトのタイトル文字 */
.site-title{
  color: #fff;
  text-shadow: 4px 4px 6px black;

}

/* 利用規約ページで使用するスタイル */
.rules-ol-parent{
    margin-left: 3rem;
}
.rules-ol-child{
    list-style-type: katakana;/* リストの先頭がア、イ、ウ */
    margin-left: 2rem;
}
.rules-div{
    margin-left: 3rem;
}

/* サイドバーの画像 */
.widget-area img{
    width:100%;
    height:auto;
}

/* マイアカウントページの ボタン */
.btn-flat-simple {
	border:solid 1px slategrey;
border-radius:10px;

  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  background: #ECECEC;
  /* transition: .4s; */
}

.btn-flat-simple a{
  color: slategrey;
  background: transparent;
}

.btn-flat-simple:hover {
  background: slategrey;
  color: white;
}
.btn-flat-simple a:hover{
  color: white;
}

/* マイアカウントページの注意書き */
.myAccountNote{
    /* line-height: 0; */
    margin: 0;
    display: inline-block;    
}

.has-sidebar #secondary {
    padding-top:10px;
}

/* レスポンシブでメニューが展開しない対策 */
@media screen and (max-width: 768px) {
  #top-menu {
    display: none;
  }

  .toggled-on #top-menu {
    display: block;
  }
}

/* カウンセラー情報で「ご予約はこちら」が折り返してしまう対策 */
.counselorInfoGridItem br{
    display: none;
}
@media screen and (max-width: 1275px) {
    .counselorInfoGridItem br{
        display:block;
    }
}
/*利用方法のご案内*/
.usageMain p{
    margin-bottom: 0;
    font-weight: bold;
}
.usageDiv{
    margin-left: 1rem;
    margin-bottom: 1rem;
}
/* アカウント詳細ページをレスポンシブ対応にする */
@media screen and (max-width: 768px) {
    .woocommerce-MyAccount-content,
    .woocommerce-MyAccount-navigation{
        float:none!important;
        width:100%!important;
    }
}