@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.wrap{
	max-width: 100%;
}
.main {
    padding: 0;
}
.header-container {
    border-top: 2px solid #004AAD;
}
.item-overview a:before{
	content:url(http://machi-kara.com.testrs.jp/hp/wp-content/uploads/2025/03/menu-icon-1.png);
	position: relative;
    top: 13px;
    left: 20px;
}
.item-company a:before{
	content:url(http://machi-kara.com.testrs.jp/hp/wp-content/uploads/2025/03/menu-icon-2.png);
	position: relative;
    top: 13px;
    left: 20px;
}
.item-news a:before{
	content:url(http://machi-kara.com.testrs.jp/hp/wp-content/uploads/2025/03/menu-icon-3.png);
	position: relative;
    top: 13px;
    left: 20px;
}

.item-contact a:before{
	content:url(http://machi-kara.com.testrs.jp/hp/wp-content/uploads/2025/03/menu-icon-4.png);
	position: relative;
    top: 13px;
    left: 20px;
}

.item-shop a:before{
	content:url(http://machi-kara.com.testrs.jp/hp/wp-content/uploads/2025/03/menu-icon-5.png);
	position: relative;
    top: 13px;
    right: 10px;
}
.entry-title,.archive-title {
    text-align: center;
    color: #004AAD;
}

.page-id-11 .entry-title {
  display: none;
}
.l-container {
  display: flex;
}

.l-main {
  width: 75%; /* コンテンツ部分の幅 */
}

.l-sidebar {
  display: block !important;
  width: 25%;
  order: 1; /* メニューの配置位置調整 */
}
.btn:hover {
    background: #004AAD;
    color: white;
}

.front-content {
    max-width: 1200px;
    margin: auto !important;
}

.front-content img {
    margin: auto;
}
.front-head-2 h2 {
    background: white;
    font-size: 1.8rem;
    color: #004AAD;
    margin: 0 auto;
    padding:0;
}
.bg-mizutama {
    background: url(http://machi-kara.com/wp-content/uploads/2025/04/bg-mizutama.png);
    background-repeat: no-repeat;
    background-position: unset;
}

.front-head-2 {
    margin: 3rem auto 2rem !important;
	text-align:center;
}
.front-head-2 figure img {
    margin: auto;
}
.front-head-2 h2 span {
    display: block;
    font-size: 60%;
    padding-top: 0.25rem;
    color: #B0D5FE;
}
.front-head-2 figure {
    margin: 0.5rem auto !important;
}
.front-topics {
    padding-left: 0 !important;
}
.front-topics li {
    border-top: 2px dotted #ccc;
    padding: 1rem;
}
.cat-hamoto-item {
    background: #DE2E6E;
    color: white;
    padding: 0.5rem;
    text-decoration: none;
    margin-right: 0.5rem;
	width: 100px;
    display: inline-block;
    text-align: center;
}
.cat-news {
    background: #F5A74F;
    color: white;
    padding: 0.5rem;
    text-decoration: none;
    margin-right: 0.5rem;
	width: 100px;
    display: inline-block;
    text-align: center;
}
.cat-youtube {
    background: #FF0000;
    color: white;
    padding: 0.5rem;
    text-decoration: none;
    margin-right: 0.5rem;
	width: 100px;
    display: inline-block;
    text-align: center;
}
.cat-regional-trading{
    background: #48B9DC;
    color: white;
    padding: 0.5rem;
    text-decoration: none;
    margin-right: 0.5rem;
	width: 100px;
    display: inline-block;
    text-align: center;
}

.front-topics li time{
	margin-right:1rem;
}
.front-topics li:last-child{
	border-bottom: 2px dotted #ccc;
}

.btn {
    background: white;
    color: #004AAD;
    font-weight: 400;
    font-size: 100%;
    border: 1px solid;
    padding: 1rem 2rem;
    border-radius: 30px;
    width: 300px;
    /* height: 50px; */
    margin: auto;
    display: block;
}
.company-other {
    border: 1px solid #004AAD;
    padding: 2rem;
}
.company-other .ttl {
    margin-bottom: 0.5rem !important;
}
.company-other .ttl-sub {
    margin-bottom: 0.25rem;
}
table tr:first-child {
    border-top: 2px dotted #ccc;
}
.wp-block-table td, .wp-block-table th{
	border: initial;
}
table tr:nth-of-type(2n+1){
background-color: initial;
}

table tr {
    border-bottom: 2px dotted #ccc;
}
.overview-table table{
	max-width:1000px;
	margin:auto;
}

.item-link li {
    text-align: center;
}
.item-link .wp-block-latest-posts__post-title {
    margin: 0.5rem auto;
    display: inline-block;
}

.company-sub-ttl {
    margin-bottom: 0.25rem !important;
}
.company-copy span {
    font-size: 22px !important;
}

.snow-monkey-form {
    max-width: 1000px;
    margin: auto;
}
.smf-radio-buttons-control__control {
    display: flex
;
    justify-content: space-around;
}
.front-topics li {
    display: flex;
    align-items: center;
	flex-direction: row-reverse;
    justify-content: flex-end;
}

.entry-content {
    padding: 0 1rem;
}

.front_sns span {
    display: block;
    text-align: center;
    margin: 0.5rem auto;
}

.front_sns img {
    width: 80px;
    margin: 1rem auto;
    display: block;
}
.front_sns {
    text-decoration: none;
    line-height: 1.3;
}
a:hover {
    color: #48B9DC;
}

.content{
	margin-top:0;
	background: white;
}

.overview-bg {
    background: url(/wp-content/uploads/2025/08/mizutama-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 2rem 0;
}
.entry-content{
	padding:0;
}
.article h2{
	background-color:initial !important;
}
.grecaptcha-badge { visibility: hidden; }
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1024px) {
    .mobile-slider { display: none !important; }
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
    .pc-slider { display: none !important; }

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.content {
	margin-top: 10px;
	position: relative;
	bottom: 29px;
}
main.main, div.sidebar{
	padding:0;
	}
.front-head-2 h2 {
	font-size: 1.2rem;
}
.front-head-2 {
	margin: 2.5rem auto !important;
}
.front-topics li {
    flex-direction: column-reverse;
	align-items: flex-start;
}
.item-overview a:before{
	content:none;
	top: 10px;
    left: 0;
    margin-right: 0.5rem;
}
.item-company a:before{
	content:none;
	top: 10px;
    left: 0;
    margin-right: 0.5rem;
}	
.item-news a:before{
	content:none;
	top: 10px;
    left: 0;
    margin-right: 0.5rem;
}	
.item-contact a:before{
	content:none;
	top: 10px;
    left: 0;
    margin-right: 0.5rem;
}	
	.item-shop a:before{
	content:none;
	top: 10px;
    left: 0;
    margin-right: 0.5rem;
}	

.content-wrap {
	padding: 1rem !important;
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}