@charset "UTF-8";

/*全体の装飾*/
body {
    margin: 0;
    padding: 0;
    color: #9f8a76;
    font-size:15px;
    font-family: serif;
}

/*砂像が親要素からはみ出すのを防ぐ*/
img{
    max-width: 100%;
    height: auto;
}


/*a要素(ナビ)の装飾　リンクの基本色*/
a { color: #9f8a76; }
a :visaide { color: #a8a8a8;}
/*マウスを乗せた時の色*/
a:hover {
    color: #330000;
    font-weight: bold;
    text-decoration: none;
}

a:hover img { opacity: 0.7; }
/*見出し上マージン0*/
hi, h2, h3, h4, h5, h6, { margin-top: 0;}
/*段落の初期マージンと行間*/
p {
    margin-top: 0;
    line-height: 1.6;
}
/*画像の初期の縦位置を調整*/
img {
    vertical-align: bottom; 
}


/*メインｈ1装飾*/
#main h1 {
    background-image: url(../images/header_bg.jpg);
    padding: 30px 10px 20px 20px;
    font-size: 18px;
    border-bottom: soldi 1px #9f8a76;
}
#mainx h1 {
    background-image: url(../images/header_bg.jpg);
    padding: 30px 10px 20px 20px;
    font-size: 16px;
    border-bottom: soldi 1px #9f8a76;
}
#maina h1 {
    background-image: url(../images/header_bg.jpg);
    padding: 30px 10px 20px 20px;
    font-size: 16px;
    border-bottom: soldi 1px #9f8a76;
}
#mainb h1 {
    padding: 30px 10px 20px 20px;
    font-size: 20px;
    border-bottom: 6px double #9f8a76;
    text-align: center;
    margin: 10px 0 30px;
}
#mainb p{
    text-align: left;
}
#mainb ul li{
    text-align: left;
}

/*メインｈ6装飾　枠*/
#main h6 {
    font-size: 16px;
    border: 2px solid #9f8a76;
    padding: 5px 12px;
    border-radius: 5px;
    margin: 10px 0;
}
#mainx h6 {
    font-size: 14px;
    border: 2px solid #9f8a76;
    padding: 5px 12px;
    border-radius: 5px;
    margin: 10px;
    text-align: center;
}
/*メインｈ2装飾　枠*/
#main h2 {
    font-size: 17px;
    border: 3px solid #9f8a76;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 20px 0px;
}
#mainx h2 {
    font-size: 16px;
    border: 3px solid #9f8a76;
    padding: 10px 10px;
    border-radius: 4px;
    margin: 5px 0px;
    text-align: center;
}
#mainb h2 {
    font-size: 18px;
    border: 2px solid #9f8a76;
    padding: 10px 10px;
    border-radius: 4px;
    margin: 50px 0px;
    text-align: center;
}
#maina h2 {
    font-size: 16px;
    border: 2px solid #9f8a76;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 20px 0px;
}
/*メインｈ3装飾*/
#maina h3 {
    font-size: 16px;
    padding: 30px 10px 20px 14px;
}
#mainx h3 {
    font-size: 15px;
    padding: 30px 10px 20px 14px;
    
}
#main h3 {
    font-size: 15px;
    padding: 30px 10px 20px 14px;
}
/*メインh4装飾*/
#main h4 {
    font-size: 16px;
    padding: 4px 9px 20px 14px;
}
/*メインh5装飾*/
#main h5 {
    font-size: 16px;
    padding: 4px 9px 4px 14px;
}
#mainx h5 {
    font-size: 14px;
    padding: 4px 9px 4px 14px;
}


/*振袖案内　枠　装飾*/
.box25{
    position: relative;
    background: #f5edd5;
    box-shadow: 0px 0px 0px 5px #e5e5e5;
    border: dashed 3px white;
    padding: 0.2em 0.5em;
    color: #454545;
    text-align: center;
    margin: 20px 0px;
    font-size: 16px;
}
.box25 ul li{
    text-align: left;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #cccccc;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
    font-size: 16px;
    text-align: left;
}


/*step2*/
.cp_timeline01 {
	position: relative;
	width: 100%;
	margin: 3em auto;
	padding: 1em 0;
	list-style-type: none;
}
.desc {
    text-align: left;
}
.cp_timeline01:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: '';
	display: block;
	width: 6px;
	height: 100%;
	margin-left: -3px;
	background: #b7cdce;
	z-index: 5;
}
.cp_timeline01 li {
	padding: 1em 0;
}
.cp_timeline01 li:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cp_timeline01 li:nth-child(odd) .timeline_item {
	position: relative;
	width: calc(50% - 29px);
	float: left;
	text-align: right;
}
.cp_timeline01 li:nth-child(even) .timeline_item {
	position: relative;
	width: calc(50% - 29px);
	float: right;
}
.cp_timeline01 li .timeline_item .flag_cont {
	position: relative;
	display: inline-block;
	text-align: center;
}
.cp_timeline01 li .timeline_item .flag {
	position: relative;
	display: inline;
	background: #dbc8b7;
	color: #ffffff;
	padding: 6px 10px;
	border-radius: 5px;
	font-weight: bold;
	text-align: left;
}
.cp_timeline01 li:nth-child(odd) .timeline_item .flag {
	-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
	        box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}
.cp_timeline01 li:nth-child(even) .timeline_item .flag {
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
	        box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}
.cp_timeline01 li:nth-child(odd) .timeline_item .flag_cont:before,
.cp_timeline01 li:nth-child(even) .timeline_item .flag_cont:before {
	position: absolute;
	top: 10px;
	right: -41px;
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -10px;
	background: #c3e0e3;
	border-radius: 12px;
	border: 6px solid #98ced3;
	z-index: 10;
}
.cp_timeline01 li:nth-child(even) .timeline_item .flag_cont:before {
	left: -41px;
}
.cp_timeline01 li:nth-child(odd) .timeline_item .flag_cont:after,
.cp_timeline01 li:nth-child(even) .timeline_item .flag_cont:after {
	position: absolute;
	top: 12px;
	right: -39px;
	content: ' ';
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	border-radius: 10px;
	border: 2px solid rgba(255,255,255 ,1);
	z-index: 10;
}
.cp_timeline01 li:nth-child(even) .timeline_item .flag_cont:after {
	left: -39px;
}
.cp_timeline01 li:nth-child(odd) .timeline_item .flag:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -6px;
	border: solid transparent;
	border-left-color: #dfbdb9;
	border-width: 6px;
}
.cp_timeline01 li:nth-child(even) .timeline_item .flag:after {
	content: '';
	position: absolute;
	right: 100%;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -6px;
	border: solid transparent;
	border-right-color: #;
	border-width: 6px;
}
.cp_timeline01 li .timeline_item .time {
	display: block;
	margin-top: 1em;
	padding: 4px 6px;
	font-size: 0.9em;
	line-height: 1em;
	color: #767572;
	text-align: right;
}
.cp_timeline01 li:nth-child(even) .timeline_item .time {
	text-align: left;
}
.cp_timeline01 li .timeline_item .desc {
	margin: 1em 0.75em 0 0;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 1em 1em 0 1em;
	padding: 1em;
	background: #f8efde;
	border-radius: 6px;
}
@media only screen and (max-width:768px) {
	.cp_timeline01 {
		width: 100%;
		padding: 4em 0 1em 0;
	}
	.cp_timeline01 li {
		padding: 2em 0;
	}
	.cp_timeline01 li:nth-child(odd) .timeline_item,
	.cp_timeline01 li:nth-child(even) .timeline_item {
		float: none;
		width: 100%;
		text-align: center;
	}
	.cp_timeline01 li .timeline_item .flag_cont {
		text-align: center;
	}
	.cp_timeline01 li .timeline_item .flag {
		z-index: 15;
	}
	.cp_timeline01 li:nth-child(odd) .timeline_item .flag_cont:before,
	.cp_timeline01 li:nth-child(even) .timeline_item .flag_cont:before {
		top: -30px;
		right: calc(50% - 12px);
		left: calc(50% - 12px);
	}
	.cp_timeline01 li:nth-child(odd) .timeline_item .flag_cont:after,
	.cp_timeline01 li:nth-child(even) .timeline_item .flag_cont:after {
		top: -28px;
		right: calc(50% - 10px);
		left: calc(50% - 10px);
	}
	.cp_timeline01 li:nth-child(odd) .timeline_item .flag:after,
	.cp_timeline01 li:nth-child(even) .timeline_item .flag:after {
		content: '';
		position: absolute;
		left: 50%;
		top: -6px;
		height: 0;
		width: 0;
		margin-left: -6px;
		border: solid transparent;
		border-bottom-color: #e5a9a1;
		border-width: 6px;
		pointer-events: none;
	}
	.cp_timeline01 li .flag_cont {
		display: block;
		position: relative;
		margin: 4px 0 0 0;
		z-index: 14;
	}
	.cp_timeline01 li:nth-child(odd) .timeline_item .time,
	.cp_timeline01 li:nth-child(even) .timeline_item .time {
		float: none;
		text-align: center;
		background: #ffffff;
	}
	.cp_timeline01 li .timeline_item .desc {
		position: relative;
		z-index: 15;
        text-align: left;
	}
}
 

/*ヘッダーの幅*/
header {
    width: 980px;
    margin: 0 auto; 
}
/*ロゴを左に*/
header h1 {
    float: left;
    margin: 5px 0 5px;
}

/*ナビゲーションの基本枠*/
#global_navi {
    width: 850px;
    clear: both;
    overflow: hidden;
    margin: 15px auto;
}
/*リストの行頭アイコンを外す*/       
#global_navi ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/*リストを横並び*/
#global_navi ul li {
    width: 135px;
    float: left;
    margin-right: 1px;
    text-align: center;  
}
/*ナビのデザインを整える*/
#global_navi ul li a {
    display: block;
    padding: 15px;
    background-color: #fff;
    color: #9f8a76;
    text-decoration: none;
    /*マウスが乗ったら変化する視覚効果*/
    transition: background-color 0.5s linear;
}
/*現在地の色を変える*/
#grobal_navi ul li.curren#9f8a76t a {
    background-color: #726c66;
}
/*マウスを乗せたら色が変わる*/
#global_navi ul li a:hover {
    background-color: #fff;
}



/*全体の基本枠*/
#wrapper {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}



/* 予約流れ1 */
.wrappera{
    width:100%;
    background-color:#fff;
}
.wrappera .container{
    max-width:780px;
    margin:0px auto;
    padding:10px 0px;
    align-items: flex-start;

}
/* content */
@media (max-width: 972px) {
    .wrappera .container .content {
        display: block;
        align-items: center;
        justify-content: center;
    }
}
@media (min-width: 972px) {
    .wrappera .container .content {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.wrappera .content-item {
    width:100%;
    height: auto;
    margin: 10px 0px;
    align-items: flex-start;
}
@media (min-width: 972px) {
    .wrappera .content-item {
        width:100%;
    }
}
.wrappera .image{
    display:block;
    width: 60%;
    height: auto;
    margin:0 auto;
}
.wrappera .text{
    padding:10px;
}
.wrappera .text .heading{
    margin:0px 0px 40px 0px;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}



/* ボタン　お問い合わせなど　*/
.container{
    text-align: center;
}
.btn-gradation {
  display: inline-block;
  text-align: center;
  background-image: linear-gradient(# 0%, #c6c6c6 100%);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.20);
  color: #c1ab96;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  padding: 6px 24px;
  margin: 20px;
  border-radius: 4px;
  font-size: 14px;
}

.btn-gradation:hover {
  opacity: 0.8;
}



/* ボタン　袴お知らせページ　*/
.btn-hakama {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: 1px solid #b77f68;
    border-radius: 25px;
    background-color: #fff;
    color: #b77f68;
    font-size: 1em;
}

.btn-hakama::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #b77f68;
    border-right: 2px solid #b77f68;
    content: '';
}

/* homeテーブルスペース */
table{
    border-spacing: 10px 10px;
    margin: auto;
}
td{
    padding: 10px 10px;
}



/*トップへボタン*/
html{
    scroll-behavior: smooth;
}
.gotop{
    display: block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #726c66;
    padding-top: 15px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 80%;
    text-decoration: none;
    color: #9f8a76;
    opacity: 0.5;
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 10000;
}
.gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #726c66;
    border-right: 2px solid #9f8a76;
    width: 15%;
    height: 15%;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.gotop:hover{
    opacity: 1;
}
@media(max-width:972px){
    .gotop{
        width: 35px;
        height: 35px;
        text-indent: -9999px;
        opacity: 1;
        border: none;
        background: none;
        bottom: 10px;
        right: 1px;
    }
    .gotop::before{
        bottom: 0;
    }
}




/*コンテンツエリアとサイドバーの横幅*/
#main {
    width: 600px;
    float: right;
}
#mainx {
    width: 780px;
    margin: auto;
}
#maina {
    width: 600px;
    margin: auto;
}
#mainb {
    width: 800px;
    margin: auto;
}
#sidebar {
    width: 350px;
    float: left;
}






/*バナーエリアに下マージンを設定*/
#side_banner { margin-bottom: 10px; }

/*関連リンクの見出しを整える*/
#side_banner h2 {
    background-color: #c1ab96;
    color: #fff;
    padding: 7px;
    font-size: 14px;
    text-align: center;
}
/*バナー画像のリスト記号を外す*/
#side_banner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/*時間*/
#side_contact p{
    font-size: 14px;
    border-left: solid 3px #c1ab96;
    padding: 4px 9px 4px 14px;
}
/*バナー下の余白*/
#side_banner ul li { margin-bottom: 10px; }

/*お問い合わせエリアに下マージンを設定*/
#side_contact { margin-bottom: 10px; }

/*お問い合わせエリアに囲みを*/
#side_contact {
    border: 1px solid #c1ab96;
    color: #7f7259;
    text-align: center;
}
/*お知らせエリアの見出しを装飾*/
#side_contact h2 {
    background-color: #c1ab96;
    color: #fff;
    padding: 8px;
    font-size: 15px;
    margin: 0;
}
/*電話番号を目立たせる*/
#side_contact address {
    font-weight: bold;
    font-size: 18px;
    font-style: normal;
    margin-top: 20px;
} 


/*フッターの基本枠*/
footer {
    background-color: #aa9588;
    text-align: center;
}
/*フッターナビの背景色と余白*/
footer #footer_nav {
    background-color: #efefef;
    padding: 10px 0;
}
/*リストの行頭アイコンを外す*/
footer #footer_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/*リストを横並びに*/
footer #footer_nav li {
    display: inline;
    border-left: solid 1px #aaa;
    margin-left: 8px;
    padding-left: 8px;
    font-size: smaller;
}
/*最後の項目に右のボーダーを設定*/
footer #footer_nav li:last-child {
    border-right: solid 1px #aaa;
    padding: 0 8px;
}
/*コピーライトを整える*/
footer small {
    display: block;
    padding: 8px 0;
    color: #fff;
}



/*パンくずリスト内の文字を小さく*/
#breadcrumb { font-size: smallre; }

/*パンくずリスト行頭の数字を消す*/
#breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
/*パンくずリスト項目を横並びに*/
#breadcrumb ol li { display: inline; }

/*パンくずリストの右側に＞を付ける*/
#breadcrumb ol li::after {
    content: ">";
    padding-left: 7px;
}
/*パンくずリスト最後の＞を消す*/
#breadcrumb ol li:last-child::after { content: none; }




/*メインビジュアルの表示位置を整える*/
#main_visual {
    width: 970px;
    height: 450px;
    margin: 180px auto 48px;
}

/*メインビジュアルレイアウトスペースの表示位置を整える*/
#main_visual_a {
    width: 970px;
    height: 50px;
    margin: 50px auto 48px;
}

/*美容のこだわり下マージン設定*/
#point { margin-bottom: 30px; }
#point section {
    margin-bottom: 10px;
    overflow: hidden;
}

/*写真とキャプションをフローとしてテキストを回り込ませる*/
#point figure {
    float: right;
    margin: 0 0 0 16px;
}

/*キャプションの書式を整える*/
#point figcaption {
    font-size: 12px;
    color: #9c9689;
    text-align: center;
}



/*お知らせセクションを整える*/
/*dl要素dt要素を設定*/
#news dl { overflow: hidden; }
#news dt {
    width: 8em;
    float: left;
    margin-bottom: 10px;
    clear: both;
}

/*dd要素を設定*/
#news dd {
    margin-left: 8em;
    margin-bottom: 10px;
}




/*gallerya*/
.contents {
  background: #fff;
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width:780px;
  height:100%;
}

.item{
background:#fff;
}

/*リストのアイコンを消す*/
.item {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*リスト項目aを装飾*/
.item {
    width: 200px;
    height: 100%;
    margin: 5px 5px 5px 5px;
    padding: 10px 0;
    border: solid 1px #fff;
    text-align: center;
    color: darkgrey;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);/*枠にぼかし*/
}






/*バーガーメニューここから */
	/* input非表示 */
.input-hidden{
	display: none;
}
	/* label */
.hamburger-demo-switch{
	cursor: pointer;
	position: absolute;
	right: 7%;
	top:5%; /* アイコン位置調整（上から） */
	z-index: 9999;
	width: 2em; /* アイコン（クリック可能領域）の幅 */
	height: 1em; /* アイコン（クリック可能領域）の高さ */
}
/* メニュー展開時にハンバーガーアイコンを固定 */
#hamburger-demo2:checked ~ .hamburger-demo-switch{
	position: fixed;
}
/* iOS風ハンバーガーアイコン */
.hamburger-switch-ios:before{
	content: "";
	position: absolute;
	width: 2em;
	height: 1em;
	background: #9f8a76;
	border-radius: 1em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -70%);
}
.hamburger-switch-ios:after{
	content: "";
	position: absolute;
	width: 2em;
	height: 1em;
	background: #fff;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-100%, -70%);
	transition: .3s;
}
.hamburger-demo-switch2:before{
	content: "MENU";
	position: absolute;
	bottom: 0;
	font-size: 6px;
    top: 80%;
	left: 50%;
	transform: translate(-50%, 10%);
	font-weight: 600;
}
#hamburger-demo2:checked ~ .hamburger-demo-switch2 .hamburger-switch-ios:before{
	background: #ddd;
}
#hamburger-demo2:checked ~ .hamburger-demo-switch2 .hamburger-switch-ios:after{
	transform: translate(0, -70%);
}
#hamburger-demo2:checked ~ .hamburger-demo-switch2:before{
	content: "CLOSE";
}
/* メニューエリア */
.hamburger-demo-menuwrap{
	position: fixed;
	height: 100%;
	background: #fafafa;
	padding: 5em 3% 2em;
	z-index: 9998;
	transition: .3s;
	overflow-y: scroll; /*リスト内容が多い場合に縦スクロール */
	top: 3%;
	left: 100%;
	width: 70%;
}
/* メニューリスト */
.hamburger-demo-menulist{
	margin-right: 3%;
	padding-left: 5% !important; /* !important不要な場合もあり */
	list-style: none;
}
.hamburger-demo-menulist li a{
	text-decoration: none;
	color: #9f8a76;
	display: block;
	padding: .5em 0;
}
/* iOS風ボーダーメニューリスト化 */
.hamburger-menulist-border li{
	border-bottom: 1px solid #ddd;
	position: relative;
}
.hamburger-menulist-border li a:before{
	content: "";
	width: .7em;
	height: .7em;
	border: 2px solid;
	border-color: #9f8a76 transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate( -100%, -50%) rotate(45deg);
}
/* メニューエリア･アニメーション */
	/* 右から */
#hamburger-demo2:checked ~ .hamburger-demo-menuwrap{
	left: 30%;
}
	/* コンテンツカバー */
#hamburger-demo2:checked ~ .hamburger-demo-cover{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9997;
	background: rgba(3,3,3,.5);
	display: block;
}

/*スマホではナビバーは表示しない*/
@media (max-width: 971px){
	.navi{
		display: none;
	}
}

/* PCではハンバーガーメニューを表示しない */
@media (min-width: 972px){
	.hamburger-demo-menubox{
		display: none;
	}
}




/*スマホ対応*/
@media screen and (max-width : 972px){
    img {
        max-width: 100%;/*画像の幅を調整*/
    }
/*各要素の幅を100％にする*/
  header,
  #global_navi,
  #main_visual,
  #sidebar,
  #wrapper{
    width: 100%;
}
  header h1 {
      float: none;
      text-align: cnter;
}
  header h1 img {
      width: 50%;
}
  header #header_contact {
      display: none;
}
   
    
    
/*メインコンテンツを整える*/
    #main {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
     #mainx {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
     #maina {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    #mainb {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    #main figure {
        text-align: center;
    }
 
    
    
    
/*メインビジュアルを幅100％にする*/
    #main_visual {
        width: 100%;
        height: auto;
    }
/*メインビジュアルaレイアウトスペースを幅100％にする*/
    #main_visual_a {
        width: 100%;
        height: auto;
    }    
    
/*お問い合わせ枠を幅*100％にする*/ 
    #entry #detail {
        width: 100%;
        height: auto;
    }  
    
/*こだわりセクションの回り込みを解除*/
    #point figure {
        float: none;
        margin: 0 0 11px 0;
    }
/*サイドバーを整える*/
    #side_banner ul li {
        text-align: center;
        margin: 11px auto;
    }
    #side_contact address img {
        width: 14px;
        height: 20px;
    }
}


/*スマホ対応*/
@media screen and (max-width : 972px){
    .contents {
        max-width: 100%;/*画像の幅を調整*/
    }

    
  
       
 /* 会社概要　table01 */
#table01 tr {
  border-bottom: 1px solid #b5b1b1;
  text-align: center;
}

#table01 th,
#table01 td {
  padding: 24px 0;
  border: none;
}

#table01 th {
  width: 30%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
  }

  #table01 td {
    padding-top: 0;
  }
}   


    

/*スライドショー*/
.slider {
  margin: 30px auto 0;
  max-width: 800px;
  height: 80%;
  width: 90%;
}
.slider-img {
  margin: 0 5px;
}
.slider-img img {
  height: 80%;
  width: 90%;
}