@charset "UTF-8";
/*
	Theme Name: asanoha
	Description: 
	Theme URI: http://wavy-inc.com/
	Version:2.12
*/

.grecaptcha-badge {
  visibility: hidden;
}

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

.houshin_img img{
	width: 100%;
height:auto;
border-radius:10px;

}


.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
justify-content: center;
margin-bottom:30px;
padding-bottom:30px;

}

.col_2 .box_col1{
	width: calc((100% / 3) *2 );
	padding: 0;
}

.col_2 .box_col2{
	width: calc(100% / 3);
	padding: 0;
}
.box_col2 img {
	width: 100%;
	height:auto;
aspect-ratio: 1 / 0.653;
 object-fit: cover; 
}

.col_2r{
margin:0 0 0 10px;
}


@media (max-width:767px) {
.col_2 .box_col1{
	width: 100%;
}
.col_2 .box_col2{
	width: 100%;
}
.col_2r{
margin:0 ;
}

.box_col2 img {
margin-bottom:-20px;

}
}


/*
header.phpでのcssリンクについて

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css">
テーマ設定用css（ThemeName　を変えてください。　その下3行は削除してください。）

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/common/css/common.css">
基本css（改変不可！）

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/common/css/layout03.css">
レイアウト用css
必ず下記の3つのうちどれか一つだけを指定してください。
各ボックスのwidthのみ、改変可。

layout01---1カラム
layout02---2カラム　サイド左
layout03---2カラム　サイド右

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/common/css/base.css">
ここでページ全体の装飾を行ってください。
全部削除して、新たに記入することができます。

*/