@charset "UTF-8";
/* CSS Document */
/*
Theme Name: setupjapan2024
Theme URI: https://setup-japan.jp/
Description: 
Author: 
Author URI: 
Version: 1.0
*/

/* ---------------
プリント指定
--------------- */
@media print {
body {
zoom: 50%;
-webkit-print-color-adjust: exact; /*プリントで背景表示*/
}
.sp_only {display: none;}


}

/* ---------------
マージン・余白のリセット
--------------- */
html{
	scroll-behavior: smooth; /* スムーズにスクロール */
	scroll-padding-top: 100px; /* header分アンカーずらす */
}
body, div,
dl, dt, dd, ul, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th ,td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

ul,
li{
    margin: 0px; /* 上下の余白削除 */
    padding: 0px; /* 左の余白（箇条書きの「・」）削除 */
    list-style-type: none;
}

/*横の高さ揃えたいとき
ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
li{
	display: block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}*/

ul::after{ 
content:""; 
display:block; 
clear:both; 
} 


img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  }

/*投稿キャプション付いたときのはみ出し防止*/
.wp-block-image,
.wp-caption,
figure{ max-width: 100%!important; height: auto!important; }

/* ---------------
要素の再定義
--------------- */
/*アンカーリンク対策ヘッダー分*/	
#business_a,
#contact_a {
   margin-top:-100px;
  padding-top:100px;
}
body  {
	font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:100;
    line-height:1.9em;
    font-size: 0.934rem;
	color: #333;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	-webkit-text-size-adjust: none;/*sp文字サイズ制御*/
  -moz-text-size-adjust: none;/*sp文字サイズ制御*/
  text-size-adjust: none;/*sp文字サイズ制御*/
}



/* リンクの設定 */
a {
	outline : 0;
	display: block/*範囲をボタンいっぱいに広げる時*/;
}
a:link,a:visited,a:active,
a:link img,a:visited img,a:active img{
	border: none;
	text-decoration: none;
	color: #333333;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}
a:hover {
	border: none;
	text-decoration: none;
	opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}
a:hover img{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}

/*table*/
table {
    max-width: 800px;
    margin: 0 auto 2%;
    text-align: left;
}
td,th {
	padding: 10px;
	vertical-align: top;
}

/* indexの設定 */
#container {
	width: 100%;
	text-align: left;
    overflow: hidden;
	word-break: break-all !important;/*文章折返しする*/
}
#main {
	text-align: left;
        overflow: hidden;
	margin: 0 auto 7% auto;
	line-height: 1.7em;
}
.wrap,
.blog_wrap {
	width: 90%;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
.blog_wrap {max-width: 960px;}
.info_title {
	margin-bottom: 1%;
	font-size: 2rem;
	font-weight: bold;
}

.txt_b {font-weight: bold;}
.txt_n {font-weight: normal;}
.txt_m {font-family:"リュウミン B-KL", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.txt_l	{text-align: left;}
.clear {clear: both;}
.center {text-align: center;}
.left {float: left;}
.right {float: right;}



/* クリアフィックスハック */
.clearfix:after { 
	content:"";
    display:block;
    clear:both;
} 
.clearfix {display: inline-block; }
/* Mac版IE除外 \*/
.clearfix {display: block; }

/* margin */
.margin_b1p {margin-bottom: 1%;}
.margin_b2p {margin-bottom: 2%;}
.margin_b3p {margin-bottom: 3%;}
.margin_b5p {margin-bottom: 5%;}
.margin_b10p {margin-bottom: 10%;}
.margin_auto {
	margin-left: auto;
	margin-right: auto;
}


/* 次のページへの設定 */
.pagelink{
	font-size: 90%;
	line-height: 1.3em;
	margin: 3% auto 5%;
	width: 90%;
	max-width: 800px;
}
.pageprev{
    float:left;
	text-align: left;
    width:45%;
	border-left: 2px solid #000;
	padding-left: 10px;
}
.pagenext{
    float:right;
	text-align: right;
    width:45%;
	border-right: 2px solid #000;
	padding-right: 10px;
}

/*Pagenation*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
width:100%;
margin: 3% 0;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #CCC;
}
 
.pagination a:hover{
color:#fff;
background: #999;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #999;
color:#fff;
}

/*iframe*/
.movie,
.map,
#top_movie .wrap ul li figure div,
#top_map .wrap ul li {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 5% auto;
}
.movie iframe,
.map iframe,
#top_movie .wrap ul li figure div iframe,
#top_map .wrap ul li iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container{
  max-width:640px;
  margin: 3% auto;
}

/*動画の大きさを調整*/
.video {
  position: relative;
  padding-bottom: 50.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/*===============================================
SP
===============================================*/
@media screen and (max-width: 640px){
.pc_only,
.tab_only,
.pc_only_tab_no {display: none;}
	
html{
	scroll-padding-top: 350px; /* header分アンカーずらす */
}
/*アンカーリンク対策ヘッダー分*/	
#business_a,
#contact_a {
   margin-top:-90px;
  padding-top:120px;
}
	
/*iframe*/
.movie,
.map {
	width: 100%;
	padding-top: 76.25%;
}    
	
/*table*/
#top_contact th,#top_contact td {
	width: 90%;
    display: block;
}
    
.page_txt {
	text-align: left;
	margin-bottom: 5%;
	font-size: 100%;
}



/* footer */
#copy {margin-bottom: 10%;}

	

/* 次のページへの設定 */
.pagelink{
	font-size: 70%;
	line-height: 1.5em;
	margin: 10% auto;
}
.pageprev{
    float:left;
	text-align: left;
    width:100%;
	border-left: 2px solid #000;
	padding-left: 10px;
	margin-bottom: 10px;
}
.pagenext{
    float:right;
	text-align: right;
    width:100%;
	border-right: 2px solid #000;
	padding-right: 10px;
}
.pagination {margin: 0 auto 10%;}


}

/*===============================================
画面の横幅が641px以上769px以下　タブレット
===============================================*/
@media only screen and (min-width:641px) and (max-width:810px){
.sp_only,
.pc_only_tab_no {display: none;}


    
}

/*===============================================
PC
===============================================*/
@media screen and (min-width: 811px){
.sp_only,
.tab_only {display: none;}

/*table*/
th {width: 15%;}	
	



}