/*
Theme Name: Astra 2025
Template: astra
*/


/************************************************
 追加CSS
************************************************ */

/*-- 基本項目 --*/

a:link{
	 text-decoration-line: none!important;
}
a:hover{
	 text-decoration-line: underline!important;
}
ul{
	 padding-left:0;
}
ul li{
	 list-style:none;
}
.clear { 
   clear: both; 
}

/*-- リストスタイル --*/

ol.kome, ol.maru {
   margin-left: -36px;
}
ol.kome li, ol.maru li{
  list-style: none;
  display: flex;
  align-items: baseline;
}
ol.kome li::before, ol.maru li::before {
  color: #000;
  margin: 0 8px 0 0;
}
ol.kome li::before {
  content: "※";
}
ol.maru li:before{
	content:"●";
}

/*-- Online Store ボタン --*/

.btn{
   position: relative;
   display: inline-block;
   padding: 0 4%;
   border-radius: 50px;
   line-height: 2.5;
   background: #03C;
   color: #fff;
}

/*-- サイトタイトル非表示 --*/

.ast-site-title-wrap {
   display: none;
}

/*-- ページタイトル非表示 --*/

h1.entry-title {
   display: none;
}

/*-- 固定ページ一覧メニュー非表示 --*/

.site-header-primary-section-right {
   display: none;
}

/*-- コピーライト非表示 --*/

.ast-footer-copyright {
   display: none;
}

/*-- トップメニュー --*/

.top_menu li {
   float: left;
   margin: 0;
   padding: 8px 15px;
}
.top_menu li,.top_menu li a{color: #999;}
.top_menu li:link {color:#666;}
.top_menu li:visited {background-color: #eee;}
.top_menu li:hover {background-color: #eee;}
.top_menu li:active {background-color: #eee;}
.top_menu li a {text-decoration: none;
}

/*-- ロゴ画像位置調整 --*/

.ast-builder-grid-row {
   grid-column-gap: 0!important;
}
.ast-logo-title-inline .site-logo-img {
   padding-right: 0!important;
}

/*-- ヘッダー下余白調整 --*/

@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin: 0!important;
    }
}

/*-- 背景色 --*/

#content{
 background-color: #fff;
}

/*-- カラムレコメンド --*/

@media screen and (max-width: 730px) {
.top_l {
   width: 100%;
   padding-top: 20px;
}
.top_m {
   width: 100%;
   padding-top: 20px;
}
.top_r {
   width: 100%;
   padding-top: 20px;
   text-align: center;
}
.top_r .fb-page {
    margin: 0 auto;
    display: block;
}
}
@media screen and (min-width: 731px) and (max-width: 1015px) {
.top_l {
   width: 100%;
   padding-bottom: 20px;
}
.top_m {
   width: 49%;
   padding-right: 1%;
   padding-top: 40px;
   float: left;
}
.top_r {
   width: 49%;
   padding-left: 1%;
   padding-top: 40px;
   float: right;
   text-align: center;
}
.top_r .fb-page {
   margin: 0 auto;
   display: block;
}
}
@media screen and ( min-width: 1016px ) {
.top_l {
   width: 32%;
   padding-right: 1%;
   float: left;
}
.top_m {
   width: 32%;
   padding-left: 1%;
   float: left;
}
.top_r {
   width: 33%;
   float: right;
}
}

/*-- スライドショー位置調整 --*/

.slider{
   clear: both;
   padding-bottom: 20px;
}

/*-- トップページタイトル --*/

h3.top_ti{
	font-size: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	text-align: left;
}
h3.top_ti:before{
	 content:"◆　";
	 color: #ccc;
}
h3.top_ti a:link{
	color: #333;
}
h3.top_ti a:visited{
	color: #333;
}
h3.top_ti a:hover{
	color: #333;
}
h3.top_ti a:active{
	color: #333;
}
h3.top_ti a:forcus{
	color: #333;
}

/*-- ウィジェットタイトル --*/

h2.widget-title{
	 color: #999;
	 font-size: 20px!important;
	 border-bottom: 1px solid #999;
	 padding-bottom: 5px;
}
h2.widget-title:before{
	 content:"◆　";
	 color: #999;
}

/*-- アンダーカラム --*/

.under_clm{
	clear: both;
	margin-top: 20px;
    border-top: 1px solid #ccc;
}
@media screen and ( max-width: 480px ) {
.footer_l{
	width: 90%;
	padding: auto;
	margin: auto;
}
.footer_r{
	width: 90%;
	padding: auto;
	margin: -80px auto 0;
}	
}
@media screen and ( min-width: 481px ) {
.footer_l{
	float: left;
	width: 66%;
}
.footer_r{
	float: right;
	width: 34%;
}
}
.policy{
	 text-align: right;
	 font-size: 12px;
	 padding: 60px 0 0;
}
.policy a{
	 color: #999;
}