@charset "UTF-8";

* { margin: 0; padding: 0; list-style:none;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:100%;}
a { color:#ba1937; text-decoration:none;}
a:hover { color:#e60033; text-decoration:underline;}
img { width:100%; height:auto;}

body { position:relative; color:#583822; padding:50px 0 0;}

#backhome { position:fixed; top:0; left:0; z-index:100; display:block; width:100%; height:50px;
	 line-height:50px; text-align:right; font-size:80%; padding-right:1em; color:#de8716;
	 background:#fff url(../img/back03.jpg); border-bottom: ridge 3px #b8860b;
	 box-sizing:border-box;}



/*　ヘッダー　-------------------------------*/
header { position:relative; width:100%; height:0; padding-top:57%; overflow:hidden;
	 background: #fff url(../img/header_index3.png) no-repeat; background-size:100% auto;}
/*
header h1 { padding-top: 1.7em; font-family:serif; font-weight:bold; font-size:120%;}
header h1 a { color:#962d54;}
#header_sub { color:#65318e; font-family:serif; font-size:80%; letter-spacing:0;}
#header_tel { color:#962d54; padding-top:3em; font-family:serif; font-size:80%; letter-spacing:0;}
#header_add { font-family:serif; font-size:50%; letter-spacing:0;}
*/



/*　本体　----------------------------------*/



/*　ひだりパート　----------------------------　*/
#sidebox nav { font-size:90%; letter-spacing:0.1em; background:#fff; border-radius:0 0 8px 0;
	box-shadow: 6px 0 25px rgba(0,0,0,.15);}
#nav_logo { display:none;}
#widget_box { display:none;}
#sidebox ul { padding:1.5em 1em;}
#sidebox li { padding:1.5em 1em; border-top: solid 1px #dbd0e6;}
#sidebox li:first-child { border-top:none;}
#sidebox li:last-child { display:none;}



/*　コンテンツ　--------------------------------*/
#contents { padding:3em 1em; border-top: ridge 3px #b8860b; font-size:90%;}



/*　パンクズ　---------------------------------*/



/*　コンテンツ共通　----------------------------*/
#contents p { padding:0 0.5em 1em; line-height:1.7; letter-spacing:0.1em;}
#contents h2 { display:block; width:100%; height:3em; line-height:3em; margin:0 0 1.5em 0; padding:0 0 0 1em;
	 background:#fff; border:solid 1px #6f4b3e; border-radius:4px; box-shadow:0 5px 5px #efeeee; letter-spacing:0.1em;
	 box-sizing:border-box;}
article { padding-bottom:3em;}
.to-top { font-size:70%; text-align:right; padding-top:2em;}
.to-top a { vertical-align:middle;}
.to-top img { border:none; width:13px; height:13px; vertical-align:middle;}



/*　お問い合わせフォームのバナー　----------------*/
#con_bunner { margin:1em 0 2em;}
#con_bunner a { display:block; width:300px; height:80px; line-height:80px;
 text-align:center; margin:0 auto; color:#fff;
 border-radius:5px; background:#aa4c8f;}
#con_bunner a:hover { text-decoration:none; background:#cc7eb1;}



/*　トップページ　-----------------------*/
#fade { display:none;}
#index article img { padding-bottom:1rem;}
#index .post-list { margin:1em 0 0}
#index .post-list li { padding:0.5em 0 0.5em 0.5em; border-top: solid 1px #eee;}
#index .post-list li:first-child { border-top:none;}
#botai { padding:1.5em 0 2em 0.5em;}
#botai dt { font-weight: bold;}
#botai dd { padding-bottom:0.5em;}
#botai dd span { font-size:50%; letter-spacing:0;}



/*　国際ソロプチミスト倉敷について　-------------------*/
#about #contents ol { margin:1em 0 2em; padding:1.3em 1em 1.3em 3em; background:#f4f1f8; border-radius:8px;}
#about #contents ol li { list-style:decimal; padding:0.5em 0;}
.ap3 { text-align:center;}
.ap3:first-line { font-weight:bold;}
#ap4 { padding-bottom:5em;}
#about .contents-head span { font-size:80%; letter-spacing:0;}
#about table { line-height:2.0; border-collapse:collapse; width:100%;}
#about th { font-weight:normal; text-align:right; padding:0.5em 1em 0.5em 0;}
#about td { padding:0.5em 0;}
#a_t_h01 { letter-spacing:0;}
.dai , .tyuuigaki , .name { border-bottom: solid 1px #f6eee8; letter-spacing:0;}
.tyuuigaki { font-size:70%; text-align:right;}
.aida { width:2em;}
#housi h5 { font-weight:bold; margin:1.5em 0 0 0.5em;}
#housi ul { line-height:1.8; margin:1em 0 0 1.5em;}
#about .section dl { margin:20px 0 0 0.5em; line-height:1.6;}
#about .section dt { float:left;}
#about .section dd { margin:0 0 0 7em; padding:0 0 10px 0;}



/*　表彰支援プロジェクト　----------------------*/
.projects { margin:1em 0 2em; padding:1.3em 1em 1.3em 1em; background:#f4f1f8; border-radius:3px;}
.projects li { padding-left:0; padding-bottom:5px;}
.projects li:before { content:"●";}
.projects li:first-child { padding-left:0; padding-bottom:1em;}
.projects li:first-child:before { content:"";}
.projects li span { padding-left:1em;}
.projects li h5 { display:inline; font-weight:bold;}
#sien_date { margin:1em 0 0 0.5em; line-height:1.8;}
#sien_date li:first-child { font-weight:bold; padding-bottom:0.5em;}



/*　活動報告　-------------------------------*/
#katudou .post-list { margin:1em 0 0}
#katudou .post-list li { padding:0.5em 0 0.5em 0.5em; border-top: solid 1px #eee;}
#katudou .post-list li:first-child { border-top:none;}



/*　入会のご案内　----------------------------*/
#nyuukai .section dl { margin:1em 0 0 1em; line-height:1.6;}
#nyuukai .section dt { float:left;}
#nyuukai .section dd { margin:0 0 0 6em; padding:0 0 1em 0;}
#nyuukai_date { margin:1em 0 0 1em; line-height:1.8;}
#nyuukai_date li:first-child { font-weight:bold; padding-bottom:0.5em;}



/*　リンク　----------------------------------*/
#links #contents ul { margin:2em 0 0 1em;}
#links #contents li { text-indent:-1em; padding:0 0 2em 1em;}
#links #contents li:before { content:"●";}
#links #contents li span { font-size:90%; color:#999;}



/*　お問い合わせ　-----------------------------*/



/*　プライバシー・ポリシー　----------------------*/
#privacy .section ol { margin:1em 0 0 2em;}
#privacy .section ol li { list-style:decimal; padding-bottom:1em;}
#privacy .section ol li:first-line { font-weight:bold; line-height:2.0;}



/*　デートDV　----------------------*/
#datedv iframe { width:100%;}



/*　フッター　---------------------------------*/
footer { padding-top:3em; background:#fff url(../img/back03.jpg); border-top: ridge 3px #b8860b;}
#footer_nav { padding:0 0 7em 1em; line-height:2.4;}
#footer_nav li { float:left; font-size:76%; padding:0 2.4em 0 0 ;}
#footer_date { text-align:center; font-size:76%; letter-spacing:0; padding-bottom:3em; clear:both;}
#footer_date li:first-child { font-weight:bold; padding-bottom:0.5em;}
#copyright { text-align:center; font-size:64%; padding-bottom:5em;}



/*　共通　-----------------------------------*/



/*　画像　-----------------------------------*/



/*　小さいスマホ用　-----------------------------------*/
@media (max-width: 320px) {
	body { font-size:76%;}
}