h3:after {
	border-bottom: none;
}

.siteHeader {
    background-color: #4F3A7D;
}
.gMenu a {
    color: #FFF;
}
.siteFooter {
    background-color: #4F3A7D;
}


.sectionBox {
    color: #FFF;
}

.mainSection {
    background-color: rgba(255, 255, 255, 0.0); 
	padding-bottom: 10px;
	color: #FFF;

	
/*background:background-color: rgba(255, 255, 255, 0.2); url(https://rampole-mie.jp/wp-content/uploads/2020/06/back_c2.png) !important;*/
}

/* パンくずリストの色 */
.breadSection .breadcrumb a {
    color: #fff;
}
.breadSection .breadcrumb {
    color: #fff;
}

/*バックナンバー背景*/
ul.page-numbers li a, ul.page-numbers li span.page-numbers {
    background: #ccc;
}

.widget_archive ul li a, .widget_categories ul li a, .widget_link_list ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_recent_entries ul li a {
    background: url(https://rampole-mie.jp/wp-content/uploads/2020/06/back_c2.png) !important;
}


.subSection-title {
    margin: 0;
    padding: 20px;
    font-size: 18px;
    color: #FFF;
    background-color: #4F3A7D;
}

.page-title {
	padding-top: 1rem;
}

.gMenu_outer {
    background-color: #4F3A7D !important;
}

.nav li a {
    color: #FFF;
}

.media {
    background: url(https://rampole-mie.jp/wp-content/uploads/2020/06/back_c2.png) !important;
}

div.breadcrumbs {
  max-width: 1000px;
  margin:20px auto;
}

.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin の最大幅 */
    margin: 0 auto;
}
 
.facebook-wrapper > .fb-page {
    width: 100%;
}
 
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

.woocommerce ul.product_list_widget li {
    width: 100%;
}

.subSection {
    background: url(https://rampole-mie.jp/wp-content/uploads/2020/06/back_c2.png) !important;
    padding: 0;
}

.widget_shopping_cart_content{
    padding: 10px;
}

/*TOPページ記事一覧ブロック整形*/
.fp-thumbnail img {
    display: block;
    width: 100%;
    height: 270px;
    object-fit: cover;
    overflow: hidden;
}

.fp-col {
    min-width: 200px;
    max-width: 400px;
    flex: 1 1 30%;
    margin-left: 15px;
    margin-right: 15px;
    background: #4F3A7D;
    padding: 5px;
}

/*woocommerce商品一覧ブロック調整*/
.woocommerce ul.products[class*=columns-] li.product .woocommerce-loop-category__title, .woocommerce ul.products[class*=columns-] li.product .woocommerce-loop-product__title, .woocommerce ul.products[class*=columns-] li.product h3{
    color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	color: #4F3A7D;
}

.op_btn{
padding: 8px 20px 5px;
border-radius: 3rem;
}
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 background:rgba(255,255,255,0.6);
	padding:10px;
}
.wt50{
	width: 49%; 	
}
.wt33{
	width: 32%; 	
}
.wt25{
	width: 24%; 	
}
.wt20{
	width: 19%; 	
}
.wt50,.wt33,.wt25,
	.wt20{
		padding: 5px;
		text-align: center;
		vertical-align: middle;
}
.wt50 img,.wt33 img,.wt25 img,
	.wt20 img{
		width: 100%;
		height: auto;
}
.wtt25{ 
		padding: 5px;
		text-align: center;		
}
.spc a{
	width: 24%; 	
}
/*960px以下（タブレット）*/
@media screen and (max-width: 960px) {

/* 960px以下で適用させたいcssを記述していく */
.wt50{
	width: 47%; 	
}
.wt33{
	width: 31%; 	
}
.wt25{
	width: 31%; 	
}
.wt20{
	width: 23%; 	
}
.spc a{
	width: 49%; 	
}
}

/*520px以下（スマホ）*/
@media screen and (max-width: 520px) {
  /* 520px以下で表示させたいcssを記述していく */
.wt50{
	width: 100%; 	
}
.wt33{
	width: 47%; 	
}
.wt25{
	width: 31%; 	
}
.wt20{
	width: 31%; 	
}
.spc a{
	width: 49%; 	
}
}
