@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


.Post-design li {
	padding: 0px!important;
	margin: 0px;
/* 	border: solid 2px #e5e5e5; */
/* 	border-radius: 8px; */
/*	background-color: #fafafa;*/
}

.Post-design.wp-block-latest-posts li a{
	pointer-events: none;
	display: block;
	background-color: #1fb8ab;
/*  background-color: #ff0000;*/
  border-radius: 5px 5px 5px 5px;
	color:white!important;
	margin: 0;
	padding: 8px 0;
	font-size:18px;
	text-align: center;
}

.Post-design.wp-block-latest-posts li img{
	width: 100%;
	margin-top: 15px;
}

.Post-design.wp-block-media-text alignwide is-stacked-on-mobile.wp-block-media-text .wp-block-media-text__content{
	align-self: auto;
}

.wp-block-media-text .wp-block-media-text__content{
	align-self: auto;
	margin-top: 30px;
}
.Post-design .wp-block-media-text{
  display:flex;
  gap: 20px;
}

.Post-design.wp-block-latest-posts li p{
	font-size:18px;
	box-shadow: 0px 0px 0px 7px #ffffe0;
	background-color: #ffffe0;
	padding: 0.7em 1em;
	border-radius: 5px;
	border: 2px dashed rgba(255,255,255, 0.7);
	margin-bottom: 10px;
}

.wp-block-media-text .wp-block-media-text__content a{
	pointer-events: auto!important;
}

/* ヘッダー、追従ヘッダー　タイトルを表示させる為にロゴはbackgroundで設定 */
.c-headLogo {
  padding:16px 16px 16px 48px;
  background:url(https://anny-cl.com/wp/wp-content/uploads/2025/12/cropped-bf188dfea2b31959c80bfb42e5ef6501.jpg) no-repeat left center/auto 40px;
}

/* ヘッダータイトル文字サイズ */
.-txt .c-headLogo__link {
	font-size: 18px;
}

/* メインビジュアル */
.p-mainVisual img{
	max-width:1200px;
	margin:0 auto;
}

.p-mainVisual{
/*  background: linear-gradient(to bottom, rgba(136, 234, 231, 0), rgba(136, 234, 231, 0.6));*/
}

/* メインビジュアル下　メインコンテンツトップ */
.top #content{
  padding-top:4em;
}

/* LINE友達追加アイコン 左右中央 */
.wp-block-column.is-vertically-aligned-center{
	text-align:center;
}

/* インスタグラム　装飾 */
.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_p {
  display: flex;
}

/*.insta_p {
  display:table-cell;
  vertical-align:middle;
}*/

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}





/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

/* ヘッダータイトル文字サイズ */
.-txt .c-headLogo__link {
	font-size: 15px;
	line-height: 1.3;
}

.Post-design .wp-block-media-text{
  display:block;
}

/* メインビジュアル下　メインコンテンツトップ */
.top #content{
  padding-top:3em;
}

	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

/* メインビジュアル下　メインコンテンツトップ */
.top #content{
  padding-top:2em;
}


	/*-- ここまで --*/
}