@charset "UTF-8";

/*
Theme Name: JCI尼崎2025年度
Description: JCI尼崎2025年度用テーマ
Version: 1.0
*/

/*-----------------------------------
■ レイアウト
-----------------------------------*/
html,body{ width: 100%; }

/*外側*/
#header,
#global-nav,
#main-image,
#main,
#footer{
	width: 100%;
	min-width: 960px;
}

/*内側*/
#header-in,
#global-nav-in,
#main-in,
#footer-in{
	width: 960px;
	margin: auto;
}


/*-----------------------------------
■ 文字設定、基本設定
-----------------------------------*/
body{
	background: url(./images/common/bg-main.png) #ececec;
	color: #333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
img{ 
	border: none;
}
table{ border-collapse: collapse; }

/*リンク*/
a:link,
a:visited{
	color: #181168;
	text-decoration:none;
}
a:hover,
a:active{
	text-decoration:underline;
}

/*画像リンクに触れたときの不透明度*/
a:hover img{
	filter : alpha(opacity=80);
	opacity : 0.8 ;
}

#global-nav-in img,
#sidebar .side-clip img,
#contact-mo img{
	filter : alpha(opacity=10);
	opacity : 1.0 ;
}

/*パソコン表示*/
.pc{display: inline-block;}
.mobile{display: none;}
#contact-mo{display: none;}




/*-----------------------------------
■ ヘッダー
-----------------------------------*/
#header{
	height: 60px;
	padding: 20px 0;
	background: url(./images/common/bg-header.png) top repeat-x #fff;
}
#header-in{
	padding: 0;
}

/*タイトルロゴ*/
#header-left{
	float: left;
	margin-right: 65px;
}

#header-slogan{
	float: left;
}

/*SNSボタン*/
#header-sns{
	float: left;
	width: 30%;
	margin: auto!important;
}
#header-sns li {
	float: left;
	margin-right: 0.5em;
}

#share ul{overflow: hidden;}

#share li{
	font-size:14px;
	float:left;
	text-align:center;
	width:130px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style: none!important;
}
#share li.share-twitter,
#header-sns li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover,
#header-sns li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook,
#header-sns li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover,
#header-sns li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google,
#header-sns li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover,
#header-sns li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena,
#header-sns li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share li.share-hatena:hover,
#header-sns li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket,
#header-sns li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover,
#header-sns li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line,
#header-sns li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover,
#header-sns li.share-line:hover{
	background:#2bd92b;
}

#main-contents .contents #share a,
#header-sns a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover,
#header-sns a:hover{
	text-decoration:none;
	color:#ffffff;
}



/*ヘッダーの右側*/
#header-right{
	float: right;
	padding-top: 8px;
	font-size: 13px;
	width: 265px;
}
#header-right li{
	float: left;
	background: url(./images/icon/icon-arrow-yellow.png) left center  no-repeat;
	width: 9em;
	padding: 3px 0 4px 12px;
}
#header-right a:link,
#header-right a:visited{
	color: #110693;
	text-decoration: none;
}
#header-right a:hover,
#header-right a:active{
	text-decoration: underline;
}

/*問い合わせボタン*/
#header-contact {
	float: right;
}




/*-----------------------------------
■ パンくずリスト
-----------------------------------*/
.breadcrumbs{
	clear:both;
	padding: 0em 0 1.5em 0;
	/* font-size: 0.9em; */
}

.breadcrumbs a{
	text-decoration: underline;
}

/*-----------------------------------
■ コンテンツ内Hタグの設定
-----------------------------------*/
/*共通設定H2タグ*/
#main-contents h2,
#main-contents-post h2{
	margin-bottom: 1.5em;
	padding: 0.4em 0 0.0em;
	color: #333;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.0em;
}
#main-contents .contents .post h2.entry-title {
	border-left: solid 10px;
	padding:5px 0 0 10px;
}
#main-contents h2 a:link,
#main-contents-post h2 a:link,
#main-contents h2 a:visited,
#main-contents-post h2 a:visited{ text-decoration: none; }
#main-contents h2 a:hover,
#main-contents-post h2 a:hover,
#main-contents h2 a:active,
#main-contents-post h2 a:active{ text-decoration: underline; }

/*共通設定H3タグ*/
#main-contents h3,
#main-contents-post h3{
	background: url(./images/title/bg-h3.png) left center repeat-y;
	margin: 0 0 0.8em 0;
	padding: 10px 0 7px 25px;
	color: #333;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	clear: both;
	border-bottom: 1px solid #ececec;
}
#main-contents h3 a:link,
#main-contents-post h3 a:link,
#main-contents h3 a:visited,
#main-contents-post h3 a:visited{ text-decoration: none; }
#main-contents h3 a:hover,
#main-contents-post h3 a:hover,
#main-contents h3 a:active,
#main-contents-post h3 a:active{ text-decoration: underline; }

/*共通設定H4タグ*/
#main-contents h4,
#main-contents-post h4{
	margin: 0 0 0.5em 0;
	padding: 0.5em 0 0.5em 0;
	color: #333;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2em;
	clear: both;
	border-bottom: 3px solid #181168;
}
#main-contents h4 a:link,
#main-contents-post h4 a:link,
#main-contents h4 a:visited,
#main-contents-post h4 a:visited{ text-decoration: none; }
#main-contents h4 a:hover,
#main-contents-post h4 a:hover,
#main-contents h4 a:active,
#main-contents-post h4 a:active{ text-decoration: underline; }


/*共通設定H5タグ*/
#main-contents h5,
#main-contents-post h5{
	margin: 0 0 0.5em 0;
	padding: 0.2em 0 0em 0.5em;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	border-left: 5px solid #e3c300;
}
/*共通設定H6タグ*/
#main-contents h6,
#main-contents-post h6{
	margin: 0 0 0.5em 0;
	padding: 0.5em 0 0.2em 0;
	color: #333;
	font-size: 1.15em;
	font-weight: bold;
	clear: both;
	border-bottom: 3px solid #EEE;
}



/*-----------------------------------
■ コンテンツ共通
-----------------------------------*/
#main-contents{
	width: 100%;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.6em;
}

#main-contents .contents{
	margin-bottom: 5em;
	padding: 40px;
}

#main-contents .conts{
	margin-bottom: 3.5em;
	padding: 0 10px;
	overflow: hidden;
}

/*段落タグ*/
#main-contents p{margin-bottom: 1em;}


/*■ リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0;
	padding: 0;
	margin-bottom: 2.0em;
}
#main-contents li{
	margin-bottom: 0.7em;
	line-height: 1.5em;
	list-style-position: inside!important;
}
#main-contents ul li{
	list-style: disc;
}
#main-contents ol li{
}
/* サイトマップのリストタグ　マーク不使用 */
#sitemap_list li{
	list-style: none!important;
}

/*■ テーブルタグ*/
#main-contents table{
	margin-bottom: 1.5em;
	padding: 0;
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
}
#main-contents th,
#main-contents td{
	padding: 0.5em;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}
#main-contents th{
	background-color: #f0f0f0;
	font-weight: bold;
	text-align: left;
}

#content,
#content input,
#content textarea {
	color: #000;
	font-size: 14px;
	line-height: 20px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content dt,
#content th {
	color: #000;
}
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #777;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	overflow: hidden;
	margin: 0 0 3.5em 0;
}
.single .hentry {
	margin: 0 0 3em 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #777;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	padding: 0 0.5em 0 0.5em;
	text-align: right;
	color: #333;
	margin-bottom: 1em;
}
.entry-meta span.entry-date{
	/* font-size: 1.1em; */
	/* font-weight: bold; */
	margin-right: 1em;
}
.entry-meta .author,
.entry-meta .meta-sep{display:none;}

/*■ SNSボタン*/
#entry-sns {
	padding-top: 0.5em;
	float: right;
	margin-right: 0.5em;
}
#entry-sns li {
	list-style: none!important;
	float: left;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 0.5em 15px 0;
	margin-bottom: 2em;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 0.2em 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #777;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	line-height: 48px;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	font-size: 12px;
	line-height: 18px;
	padding-top: 1em;
}
.entry-meta a,
.entry-utility a {
	font-size: 1.1em;
}
#content .video-player {
	padding: 0;
}
.singlemeta{
	text-align: right;
	font-size: 1.3em;
	font-weight: bold;
}
.singlemeta span.meta-sep{
	margin-left: 1em;
	padding: 0 0.5em;
	color: #fff;
	background: #2DBEFF;
}
.singlemeta span.small{
	font-size: 0.8em;
	font-weight: normal;
}
.singlemeta a {
	padding-left: 0;
	padding-right: 1em;
	text-decoration: underline;
}



/*-----------------------------------
■ コメント
-----------------------------------*/
#comments {
	clear: both;
	margin: 0 10px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #777;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #777;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #777;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/*■ コンタクトフォーム */
input[type="submit"] {
	color: #333;
	padding: 3px;
}
#respond {
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0!important;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #777;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #777;
	font-size: 12px;
	line-height: 18px;
	display: none;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}



/*-----------------------------------
■ ウィジェットエリア
-----------------------------------*/
.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 18px 0;
}
.widget-container .wp-caption img {
	margin: auto;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}

/*■ カレンダー*/
#wp-calendar {
	width: 92%;
	margin: 0.5em auto 0.8em;
}
#wp-calendar a{
	text-decoration: underline;
	font-weight: bold;
	background:	none!important;
	padding: 0!important;
}
#wp-calendar a:link,
#wp-calendar a:visited{ color: #FAA028; }
#wp-calendar a:hover,
#wp-calendar a:active{
	text-decoration: none;
}

#wp-calendar caption {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
	background: #eee;
}
#wp-calendar tfoot {
	text-align: left;
}
#wp-calendar thead th {
}
#wp-calendar tbody {

}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	text-align: center;
	color: #000;
}
#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}



/*-----------------------------------
■ サイドメニュー
-----------------------------------*/
#sidebar{
	overflow: hidden;
}
.side-conts{
	margin: 0 0 1.5em 0;
	position: relative;
	padding: 3px;
	background: #eee;
}
#sidebar .side-contents-in{
	padding: 100px 1.2em 1em 1.2em;
	background: #fff!important;
}
#sidebar h3{
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	padding: 0.8em;
	background: #fff;
	border-bottom: 1px dotted #ddd;
}

#sidebar .side-conts ul{

}
#sidebar ul li a{
	margin: 5px 0 5px 0;
	padding: 1.2em 1.5em;
	background: url(images/icon/icon-arrow-yellow.png) left center no-repeat;
}

#sidebar li{
	padding: 0.4em;
	margin-bottom: 0.8em;
}
#sidebar li ul li{
	padding-left: 1.0em;
}
#sidebar .side-contents-blog{
	margin: 0 0 1.5em 0;
	position: relative;
	/* padding: 3px; */
	/* background: #eee; */
}
#sidebar .side-contents-blog-in{
	padding: 1em 1.2em 1em 1.2em;
	background: #fff!important;
}

/*■ ブログ用サイドメニュー*/
#blogmenu{
	/* padding-bottom: 13em; */
	overflow: hidden;
}
#blogmenu-head{
	display: none;
}

#blogmenu .side-contents-in ul{
	padding-top: 0.45em;
	padding-bottom:  0.8em;
	width: 91%;
	margin: auto;
}
#blogmenu .side-contents-in ul li{
	padding: 0.4em 0 0;
}
#blogmenu .side-contents-in form{
	padding: 1em 0 1.5em 0.5em;
}


/*-----------------------------------
■回り込み解除（.clearfix）
-----------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}



/*-----------------------------------
■追加した要素など
-----------------------------------*/

/*------- 追加要素（トップページ）-------*/

/*バナー２つ*/
#banner-top{
	overflow:hidden;
	margin-bottom: 2em;
}
#banner-top li{
	float: left;
	text-align: center;
}


/*ブログの最新記事*/
#news-top{
	font-size:1.3em;
	line-height: 1.4em;
	clear: both;
	height: 550px;
	overflow: hidden;
	margin: 0 0 3em;
	background:#fff;
}
#news-top #news-top-midashi{
	height: 60px;
	padding:0 0 5px 0 ;
	background: url(./images/title/h2-news-top.png) center 18px no-repeat #181168;
}
#news-top h3 span{
	display:none;
}
#news-top a.itiran-btn{
	float:right;
	margin-top: 18px;
	margin-right: 18px;
}

#news-top-in{
	clear: both;
	width: 850px;
	height: 440px;
	margin: 0 auto;
	position: relative;
	top: 25px;
	overflow: auto;
}

#news-top .block,
#news-top dt,
#news-top-in dd{
		margin-bottom: 10px;
}
#news-top .block{
	border-bottom: 1px solid #ececec;
	overflow: hidden;
}
#news-top-in dd{
	padding-left: 170px;
	padding-top: 8px;
}
#news-top dt{
	float: left;
	width: 150px;
	height: 100px;
	text-align: center;
}
#news-top dd p.news-cat{
	text-decoration: none;
	width: 5em;
	font-size:0.85em;
	padding: 5px 5px 3px;
	text-align: center;
	background-color: #fff043;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 8px;
	}


/*SNS窓*/
#top-sns{
	width: 840px;
	margin: 0 auto 2em;
	overflow:hidden;
	padding:25px 25px 45px;
	background: url(./images/common/bg-box.png) top repeat-x #fff;
	border: 1px solid #181168;
}
#top-sns h3{
	font-size: 1.8em;
	padding:8px;
	color:#181168;
	font-weight:bold;
	border-bottom: 1px solid #181168;
	margin-bottom:1.0em;
}
#top-sns .fb-box,
#top-sns .instagram-box{


}
#top-sns .fb-box{
	float:left;
	width: 316px;
}

#top-sns .instagram-box{
	float:right;
	width: 490px;
}





/*------- 追加要素（トップページ）-------*/
/*■moreボタン*/
a.more-btn{
	width: 15em;
	float: right;
	text-align: center;
	margin-bottom: 1.0em;
}
a.more-btn{
	font-weight: bold;
	display: block;
	font-size: 1.1em;
	padding: 0.6em 0 0.4em;
	border: 1px solid #ececec;
	border-radius: 5px;
}
a.more-btn:link,
a.more-btn:visited{
	color: #fff;
	text-decoration: none;
	background: url(./images/icon/icon-arrow-yellow.png) 15px center no-repeat #000;
}

a.more-btn:hover,
a.more-btn:active{
	background: url(./images/icon/icon-arrow-white.png) 18px center no-repeat  #9c9c9c;
}


.category-div{
	padding-right: 0.5em;
	float: left;
}
.tag-div{
	padding-right: 0.5em;
	float: left;
}
.category-div-in,
.tag-div-in{
	float: left;
	margin: -0.5em 0 0 0;
	padding: 5px;
	font-weight: bold;
	background: #ffd900;
	border-radius: 10px;
}
.cat-links a{
	text-decoration: underline;
}
.cat-links{
	float: left;
}
.tag-links{
	clear: both;
	float: left;
}
.comments-link{
	float: right;
	text-decoration: underline;
}



/*■（前の記事／次の記事）ページャーボタン*/
#nav-below{
	clear: both;
	width: 100%;
}
#nav-below .nav-next{
	float: right;
}
#nav-below .nav-previous{
	float: left;
}
#nav-below .nav-previous a,
#nav-below .nav-next a{
	display: block;
	padding: 0.5em 0.5em 0.5em 1.5em;
	margin-bottom: 1em;
	border: 1px solid #333;
	font-size: 12px;
	font-weight: bold;
}

#nav-below a:link,
#nav-below a:visited{
	color: #333;
	background: #fff;
	text-decoration: none;
}
#nav-below a:hover,
#nav-below a:active{
	background: #333;
	color: #fff;
}

/*（古い投稿／新しい投稿）old-newボタン*/
.old-new #nav-below .nav-previous a,
.old-new #nav-below .nav-next a{
	border: 1px solid #333;
	padding: 0.5em 2em 0.5em 2em;
	border-radius: 5px;
}

.old-new #nav-below a:link,
.old-new #nav-below a:visited{
	color: #000;
	background: #fff;
	text-decoration: none;
}
.old-new #nav-below a:hover,
.old-new #nav-below a:active{
	background: #000;
	color: #fff;
}

/* ■ 404ページ ■ */
div.img-404 {
	float: left;
	margin: 0em 2.5em 2em 20px;
}
div.img-404 img{
	margin: auto;
	width: 117px;
}
div.text-404{
	float: right;
	width: 450px;
}
div.text-404 img{
	margin-bottom: 0.5em;
}
ul.menu-404{
	clear: both;
	margin-bottom: 1.8em!important;
	overflow: hidden;
}
ul.menu-404 li{
	list-style: none!important;
	margin: 0 1em 0 1em;
	font-size: 1.1em;
	padding: 0.2em 0em 0em 1.3em;
	font-weight: bold;
	background: url(./images/icon/icon-list01.png) left center no-repeat;
}
ul.menu-404 li a{
	text-decoration: underline;
}
p.back-404{
	font-size: 1.2em;
	text-align: right;
	padding-top: 2.2em;
}
p.back-404 a{
	background: url(./images/icon/icon-arrow.png) left center no-repeat;
	padding: 0.2em 0em 0em 1.1em;
	text-decoration: underline;
}

/* ■お問い合わせバナー（コンテンツ下）*/
.contact-b{
	margin-bottom: 2em;
}


/*------- 委員会方針-------*/
ul#iinkai-ul{
	margin-bottom:2em;
	overflow: hidden;
}
ul#iinkai-ul li{
	float: left;
	width: 43%;
	margin: 0 2% 2em;
	list-style: none;
	padding: 5px 0 0 15px;
}
ul#iinkai-ul li h3{
	background: none;
	padding: 0;
	margin: 0 0 13px;
	border: 0;
	font-weight: bold;
	font-size: 1.2em!important;
}
ul#iinkai-ul li dl{
	float: left;
	width: 16em;
	margin: 0;
}
ul#iinkai-ul li dt{
	float: left;
	font-weight: normal;
}
ul#iinkai-ul li dd{
	margin: 2px 0 2px 5.5em;
}
ul#iinkai-ul li hr{
	margin: 0;
	margin: 5px 0;
}
ul#iinkai-ul li .houshin-btn{
	float: right;
}

/*------- 委員会方針の下層（＋理事長）-------*/
#houshin-top{
	margin-bottom: 2em;
	overflow:hidden;
	text-align: center;
}

/*------- 会員紹介ページ-------*/
.intro-box{
	width:100%;

}
.intro-box table{
	clear:both;
	width:100%;
	font-size:0.8em;

	border: none!important;
	border-left: 5px solid #fff!important;
}
.intro-box table th{
	border: none!important;
	border-bottom: 1px solid #e3c300!important;
	background:#fff!important;
	padding: 0.2em!important;
}
.intro-box table td{
	border: 0!important;
	/* padding: 0.3em!important; */
}
.intro-box table tr:nth-child(odd) { background-color:#ececec; }
.intro-box table tr:nth-child(even) { background-color: #fff; }



#new-member .under-text{
	padding: 10px;
}
#new-member .under-text img{
	float: left;
	margin-right: 1em;

}
/*-------入会案内-------*/
.admission-top{
	text-align:center;
	font-size: 1.4em;
	margin-bottom: 1em;
	/* font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; */
	/* color:#4c4948; */
}

.h2-admissoin{
	clear:both;
	text-align:center;
	background:none;
	box-shadow:none;
}

.admision-secont img{
	box-shadow:3px 3px 3px #333;
	margin-bottom:0.5em;
	width: 100%;
	height: auto;
}

.admision-secont .ad-l,
.admision-secont .ad-c,
.admision-secont .ad-r{
	width: 260px;
	float:left;
	/* line-height:1.2em; */
	/* color:#4c4948; */
}

.admision-secont .ad-l,
.admision-secont .ad-c{
	margin-right: 24px;
}

/*新入会員の声*/
.member-voice{
	clear:both;
	overflow:hidden;
	margin-bottom: 3em;
	padding-bottom: 1em;
	border-bottom:1px solid #ddd;
}
.member-voice-face{
	float:left;
	width: 160px;
	text-align: center;
	font-size: 1.6em;
}
.member-voice-text{
	float:right;
	width:660px
}



.ad-event-single{
	clear:both;
	width:100%;
}



/*------- 尼崎JCの歴史-------*/
ul#history-top{
	margin: auto;
	width: 485px;
}
ul#history-top li{
	margin-right: 20px;
	margin-bottom: 2em;
	float:left;
	list-style: none;
}
ul#history-top li a{
	color:#004196;
}
table.history{
	width: 100%;
	border:none;
	font-size:0.8em;
}
table.history th{
	background: linear-gradient(#000000, #afafaf);
	color:#fff;
}
table.history th,
table.history td{
	border:none;
	padding:0.3em;
	margin:0;
}
table.history th.th-year{text-align:center;}
table.history th.th-age{text-align:right;}
table.history th.th-rijicho{text-align:center;}

table.history tr:nth-child(odd) {background-color: #ececec;}
table.history td.td-year{width:3em;}
table.history td.td-age{
	width:4em;
	text-align:right;
}
table.history td.td-rijicho{width:6em;}
table.history td.td-slogan{
	text-align:center;
	width:25em;
}
table.history td.td-activity{
	font-size:0.9em;
}
table.history td.td-activity li.ind{
	margin-left: 0.7em;
	text-indent: -0.7em;
}


/*------- 青年会議所について、青年会議所の概要-------*/
table#jc-kouryo,
table#jc-kouryo td{
	border: 0;
}
table#jc-kouryo td.vl-t{
	vertical-align: top;
}
#gaiyo-left,
#gaiyo-center,
#gaiyo-right{
	float:left;
	width: 230px;
	margin-bottom: 1.5em;
}
#gaiyo-left{margin-left: 48px;}
#gaiyo-center{margin-left: 35px;}
#gaiyo-right{margin-left: 35px;}


/*------- 会員ページ-------*/
.member-table{
	width: 100%;
	margin-bottom:40px;
	border: 1px solid #181168 !important;
}
.member-table th{
	background-color: #181168!important;
	width: 150px;
}
.member-table th,
.member-table td{
	padding: 15px!important;
	border: 0!important;
}
#jc-docu #doc-l{
	float:left;
	margin-right: 30px;
}
#jc-docu  img{margin: 9px 0;}

/*------- JC NEWS バックナンバー-------*/
.jcnews-box{
	margin-bottom: 100px;
	margin-left: 80px;
	padding-left: 170px;
	height: 315px;
}
#jcnews-2014{background:url(./images/contents/bg-2014-jcnews.jpg) top left no-repeat;}
#jcnews-2015{background:url(./images/contents/bg-2015-jcnews.jpg) top left no-repeat;}
#jcnews-2016{background:url(./images/contents/bg-2016-jcnews.jpg) top left no-repeat;}
#jcnews-2017{background:url(./images/contents/bg-2017-jcnews.jpg) top left no-repeat;}
#jcnews-2018{background:url(./images/contents/bg-2018-jcnews.jpg) top left no-repeat;}

.jcnews-l{
	float: left;
	margin-right: 75px;
	box-shadow:2px 2px 3px #666;
}
.jcnews-r{
	float: left;
	box-shadow:2px 2px 3px #666;
}


/*------- お問い合わせフォーム-------*/
table#event-form{
	border: 0;
}
table#event-form th,
table#event-form td{
	border: 0;
	background: none;
}
table .al-c input.wpcf7-form-control{
	font-size: 1.5em;
	padding: 10px 52px;
}

/*------- 活動実績-------*/
#katudo-link{
	font-size: 24px;
	width: 515px;
	overflow: hidden;
	margin: 0 auto 2em;
}
#katudo-link ul{}
#katudo-link li{
	list-style:none!important;
	float: left;
	margin-right: 1em;
}
#katudo-link{
	text-align:center;
	font-size:1.5em;
	margin-bottom:0.5em;
}
#katudo-list{
	list-style:none;
	margin:0;
}
#katudo-list li{
	display:inline;
}
#katudo-list a{
	color:#999;
	text-decoration:none;
}
#katudo-list a:hover{
	text-decoration:underline;
}
.katudo-box{
	width:100%;
	padding:0;
	display:block;
}
table.katudou-jisseki{
	clear:both;
	width:100%;
	font-size:0.8em;
	margin-bottom: 4em!important;
	border: none!important;
	border-left: 5px solid #fff!important;
}
table.katudou-jisseki th{
	border: none!important;
	border-bottom: 3px solid #181168!important;
	background:#fff!important;
	/* color:#0096d7; */
	font-size:2em;
	padding: 0.2em!important;
}
table.katudou-jisseki td{
	border: 0!important;
	padding: 10px!important;
}
table.katudou-jisseki tr:nth-child(odd) {background-color: #fff;}
table.katudou-jisseki tr:nth-child(even) { background-color:#ececec; }
td.jisseki-date{
	width:180px!important;
}
table.katudou-jisseki td.jisseki-c{width:350px;}

/*------- 理事メンバー紹介-------*/
.director-single{
	width:100%;
	float:left;
	/*font-size:0.8em;*/
	margin-bottom:2em;
}
.director-single img{
	float:left;
}
.director-single .d-history td{
	margin: 0;
	vertical-align:top;
	line-height: 1.35em;
}

.director-single .d-name-roman{
	color: #9e9e9e;
	padding:0;
}

.director-single .d-history,
.director-single .d-history td{
	border:0!important;
	padding: 0 0 0.5em 0!important;
}
.director-single .d-name{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 2.0em;
	padding:0 0 0 0!important;
	margin: 0!important;
}
.director-single .d-history{
	width: 580px;
	float:right;
	font-size: 0.9em;
}
.director-single .d-history td.td-year{	width:5em;}
.director-single .d-history td.d-comment{
	padding: 2em 1em 1em 1em!important;
	/* font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; */
}

/*------- 出身者-------*/
dl.jc-shussin{
	margin-bottom: 3.5em;
}
dl.jc-shussin dt{
	font-size: 1.5em;
	margin-bottom: 0.7em;
}
dl.jc-shussin dd{
	margin-bottom: 0.3em;
}



/*-----------------------------------
■2.0記事一覧TOP用追加項目
-----------------------------------*/
ul.new-posts{
	/* width: 100%; */
	/* max-width: 972px; */
	overflow: hidden;
	float: left;
	border-bottom: 0!important;
	margin-bottom: 2em!important;
	margin-right: -1.9%;/*記事の数に合わせる*/
}
#main-contents-post h2{clear: both;}

#news-top ul.new-posts h3,
#news-top ul.category-posts h3{
	padding: 0.5em;
}

ul.new-posts li img,
#news-top ul.new-posts h3 img,
#news-top ul.category-posts h3 img{
	vertical-align: middle!important;
}

#news-top ul.new-posts h3 a,
#news-top ul.category-posts h3 a{
	font-weight: bold;
	line-height: 1.5em;
}

ul.new-posts li{
	position: relative;
	min-height: 480px;
	border: solid 2px #333;
	border-radius: 10px;
	width: 30%;/*記事の数に合わせる*/
	margin-right: 1.9%;/*記事の数に合わせる*/
	margin-bottom: 1em;
	padding: 5px;
	float: left;
	overflow: hidden;
}

li.new-entry h3{
	clear: none!important;
	padding: 0.5em!important;
}

li.new-entry ul{padding: 0 1em;}

.new-entry-in li{
	background: url(images/icon/icon-arrow.png) left top 0.8em no-repeat;
	min-height: inherit!important;
	padding-left: 1em!important;
	border: 0!important;
	width: 95%!important;
	float: none!important;}

ul.new-posts dl,
ul.category-posts dl{
	padding: 0 0.8em;
	margin: 0;
}

ul.new-posts .thumbnail,
ul.category-posts .thumbnail{
	overflow: hidden;
	padding-right: 0!important;
	margin-bottom: 1em;
	text-align: center;
	float: none!important;
}
ul.new-posts .thumbnail img,
ul.category-posts .thumbnail img{
	max-height: 90px;
	max-width: 100%!important;
}


ul.new-posts .blogdata,
ul.category-posts .blogdata{
	margin-bottom: 2em;}

.blogmeta{
	position: absolute;
	bottom: 0.5em;}

.blogmeta dd{margin: 0;}

.category-posts{
	margin-right: -1.9%;/*記事の数に合わせる*/
	overflow: hidden;
	border-bottom: 0!important;
}

ul.category-posts li{
	position: relative;
	min-height: 430px;
	margin-bottom: 2em!important;
	border: solid 2px #68870F;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 25px;
	padding: 5px;
	width: 30%;/*記事の数に合わせる*/
	margin-right: 1.9%;/*記事の数に合わせる*/
	float: left;
}

.category-list{
	overflow: hidden;
	margin-bottom: 1em;}

.category-list a{
	font-size: 18px;
	text-decoration: none!important;
	line-height: 2em;
	padding: 0.2em 0.5em;
}
.category-list a:link,
.category-list a:visited{
	background: #68870F;
	color: #fff;
}
.category-list a:hover,
.category-list a:active{
	background: #333;
	color: #fff;
}
/*-----------------------------------
■汎用タグ
-----------------------------------*/
/*フォントカラー*/
.aka{ color: #FF0000!important; }/*赤*/
.koi-aka{ color: #C00000!important; }/*濃い赤*/
.sumire{ color: #9471DE!important; }/*すみれ*/
.murasaki{ color: #840084!important; }/*紫*/
.aomidori{ color: #007F7F!important; }/*青緑*/
.kuro{ color: #111111!important; }/*黒*/
.pink{ color: #FF6699; }/*ピンク*/
.koi-pink{ color: #FF1493!important; }/*濃いピンク*/
.ao{ color: #0000FF!important; }/*青*/
.midori{ color: #007017!important; }/*緑*/
.orange{ color: #FF7F00!important; }/*オレンジ*/
.siro{ color: #FFF!important; }/*白*/

/*フロート・アライン*/
.fl-l,
.fl-l_l{ float: left!important; }
.fl-r,
.fl-r_l{ float: right!important; }
.fl-c{ clear: both!important; }
.al-l{ text-align: left!important; }
.al-r{ text-align: right!important; }
.al-c{ text-align: center!important; }

/*パディング*/
.p1em{ padding: 1em!important; }
.p1_0em{ padding: 1em 0!important; }
.p0_1em{ padding: 0 1em!important; }
.p2em{ padding: 2em!important; }
.p2_0em{ padding: 2em 0!important; }
.p0_2em{ padding: 0 2em!important; }
.p3em{ padding: 3em!important; }
.p3_0em{ padding: 3em 0!important; }
.p0_3em{ padding: 0 3em!important; }
.p1em-l{ padding-left: 1em!important; }
.p2em-l{ padding-left: 2em!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

/*マージン*/
.m1em{ margin: 1em!important; }
.m1_0em{ margin: 1em 0!important; }
.m0_1em{ margin: 0 1em!important; }
.m2em{ margin: 2em!important; }
.m2_0em{ margin: 2em 0!important; }
.m0_2em{ margin: 0 2em!important; }
.m3em{ margin: 3em!important; }
.m3_0em{ margin: 3em 0!important; }
.m0_3em{ margin: 0 3em!important; }
.m4em-b{ margin-bottom: 4em!important; }
.m5em-b{ margin-bottom: 5em!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m50-b{ margin-bottom: 50px!important; }

/*フォント装飾*/
.b{ font-weight: bold!important; }
.u{ text-decoration: underline!important; }
.utikeshi{ text-decoration:line-through!important; }

/*フォントサイズ*/
.f08em{ font-size: 0.8em!important; }
.f09em{ font-size: 0.9em!important; }
.f11em{ font-size: 1.1em!important; }
.f12em{ font-size: 1.2em!important; }
.f13em{ font-size: 1.3em!important; }
.f14em{ font-size: 1.4em!important; }
.f15em{ font-size: 1.5em!important; }
.f16em{ font-size: 1.6em!important; }
.f17em{ font-size: 1.7em!important; }
.f18em{ font-size: 1.8em!important; }
.f19em{ font-size: 1.9em!important; }
.f20em{ font-size: 2.0em!important; }

/*下向き矢印(flow用)*/
p.arrow-down{
	min-height: 25px;
	padding-top: 0;
	background: url(images/common/img-arrow-down.png) center top no-repeat;}
.arrow-down{
	padding-top: 40px;
	background: url(images/common/img-arrow-down.png) center top no-repeat;
	}

/*リストアイコン*/
ul.list_01 li,
ul.list_02 li,
ul.list_03 li{
	list-style: none!important;
}
ul.list_01 li a{
	padding: 0.1em 0 0 1.0em;
	background: url(images/icon/icon-arrow.png) left center no-repeat;
}
ul.list_01-l li{
	/* padding: 0.5em 0 0.5em 1.0em!important; */
	/* background: url(images/icon/icon-arrow.png) left top 0.8em no-repeat; */
	list-style: none!important;
}
ul.list_02 li a{}
ul.list_02-l li{
	padding: 0.2em 0 0.5em 1.5em!important;
	background: url(images/icon/icon-orange.gif) left top 0.4em no-repeat;
	list-style: none!important;
}
ul.list_03 li a{}
ul.list_03-l li{
	padding: 0.2em 0 0.5em 1.5em!important;
	background: url(images/icon/icon-yellow.gif) left top 0.4em no-repeat;
	list-style: none!important;
}

/*囲み枠*/
.solid_01{
	border: solid 1px #ccc;
	padding: 1em;
	margin-bottom: 1em;
}
.solid_02{
	border: solid 2px #ccc;
	padding: 1em;
	margin-bottom: 1em;
}
.solid_03{
	border: solid 2px #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 1em;
	margin-bottom: 1em;
}
.dotted_01{
	border: dotted 1px #ccc;
	padding: 1em;
	margin-bottom: 1em;
}
.dotted_02{
	border: dotted 2px #ccc;
	padding: 1em;
	margin-bottom: 1em;
}
.dotted_03{
	border: dotted 2px #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 1em;
	margin-bottom: 1em;
}
.dashed_01{
	border: dashed 1px #ccc;
	padding: 1em;
	margin-bottom: 1em;
}
.dashed_02{
	border: dashed 1px #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 1em;
	margin-bottom: 1em;
}
.dashed_03{
	border: dashed 2px #ddd;
	padding: 1em;
	margin-bottom: 1em;
}
.double_01{
	border: double 4px #ccc;
	padding: 1em;
	margin-bottom: 1em;
}
.double_02{
	border: double 5px #ddd;
	padding: 1em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 1em;
}

/*テキストボタン*/
a.text-btn_01{
	clear: both;
	display: block;
	width: 50%;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em 0.5em 0.4em;
	margin: 1em auto;
	background: url(./images/icon/icon-arrow.png) 95% center no-repeat #fff;
	border: 1px solid #68870F;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
a.text-btn_01:hover{
	color: #fff;
	background: url(./images/icon/icon-arrow.png) 95% center no-repeat #68870F;
}
a.text-btn_02{
	clear: both;
	text-align: center;
	color: #68870F;
	font-weight: bold;
	text-decoration: none;
	padding: 0.2em 2em;
	margin: 0 auto 1em;
	background: #fff;
	border: 1px solid #68870F;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
a.text-btn_02:hover{
	color: #fff;
	background: #68870F;
}
a.text-btn_03{
	clear: both;
	text-align: center;
	color: #68870F;
	font-weight: bold;
	text-decoration: none;
	padding: 0.2em 2em;
	margin: 0 auto 1em;
	background: url(./images/icon/icon-arrow.png) 95% center no-repeat #fff;
	border: 2px solid #68870F;
}
a.text-btn_03:hover{
	color: #fff;
	background: url(./images/icon/icon-arrow.png) 95% center no-repeat #68870F;
}

/*Q&A*/
.q_01{
	background: url(images/icon/icon-q_01.png) left 8px top 0.2em no-repeat #ccc;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding: 0.3em;
	padding-left: 55px!important;
	font-size: 20px;
	color: #fff;
	min-height: 30px;
	line-height: 1.5em;
}
.a_01{
	background: url(images/icon/icon-a_01.png) left 8px top no-repeat;
	padding-left: 55px!important;
	min-height: 30px;
	padding-top: 0.5em;
}

.q_02{
	background: url(images/icon/icon-q_02.png) no-repeat;
	padding-left: 50px!important;
}
.a_02{
	background: url(images/icon/icon-a_02.png) no-repeat;
	padding-left: 50px!important;
}

/*-----------------------------------
■ブログの追加要素等
-----------------------------------*/
.posts{
	clear: both;
	margin-bottom: 2em;
	background: #fff;
	overflow: hidden;
}
/*記事内にmoreタグが入っている場合*/
.moretxt{
	display: block;
	padding-top: 2em;
	font-size: 1.4em;
	text-decoration: underline;
	text-align: right;
}


/*-----------------------------------
■グローバルエレメンツ（基本設定）
-----------------------------------*/
body,
input,
textarea {
	font-size: 12px;
	line-height: 20px;
}
hr {
	background-color: #ececec;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
ul {list-style: none;}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol { list-style: upper-alpha; }
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {margin: 0 0 24px 0;}
dt { font-weight: bold; }
dd { margin-bottom: 18px; }
strong { font-weight: bold; }
cite,
em,
i {
	font-style: italic;
}
big { font-size: 131.25%; }
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	background: #eee;
	padding: 1em;
	margin-bottom: 1em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
small { font-size: smaller; }

/*検索フォーム前の文字を非表示*/
.screen-reader-text{display: none;}

/*-----------------------------------
■ブラウザのCSSをリセット
-----------------------------------*/
*{
	margin: 0;
	padding: 0;
	}
address,caption,cite,code,dfn,h1,h2,h3,h4,var{
	font-style: normal;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6,small{
	font-size: 100%;
	font-weight: normal;
}
input,
textarea,
select{	font-size: 1em;	}
fieldset,img,abbr{ border: 0; }
caption{ text-align: left; }
q:before,q:after{ content: ''; }
img{
	border: none;
	vertical-align: bottom;
}
/*■WordPress対策*/
span textarea,span input{ vertical-align: bottom!important; }
/*■Firefox対策*/
html{
	overflow-y: auto;
	overflow-x: auto;
	overflow: -moz-scrollbars-vertical;
}
body,x:-moz-broken { margin-left:-1px; }
/*壊れた画像をわかりやすくするコード*/
img:-moz-broken{
	display:block;
	border: 1px solid #ff0000;
	background: #333;
	color:#DDD;
}


/*検索フォームとコメントフォームのIE対策*/
.searchform input{
	/*max-width: 125px;*/
}

.searchform input,
.comment-form input{
		line-height: 0!important;
		font-size: 1.3em;
		padding: 0.4em!important;
}
.searchform input#searchsubmit,
.form-submit input{
		line-height: 22px!important;
}
.comment-form textarea{
	padding: 0.3em;
}


img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


/*-----------------------------------
■印刷設定
-----------------------------------*/
@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		padding-bottom: 18pt;
	}
	#footer-in {
		border-top: 2pt solid #000;
	}
	#header-left,
	#header-contact {
		/*float: none;*/
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#header-left {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#global-nav,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area,
	.page-top {
		display: none !important;
	}
	#wrapper-in,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#footer-in {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
}

/*-----------------------------------
■YouTube Player
-----------------------------------*/
.overlay, #yt_player {
    position: relative;
    width: 100%;
    height: 100vh;
}
.overlay{
    z-index: -1;
}
 
#yt_player{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
    z-index: -2;
}

#hero_main_slider {
 	display: none;
}

@media screen and (max-width:600px) {
	.overlay, #yt_player {
 		height: 50vh !important;
 		top: 165px !important;
 	}
 	/*#hero_main_slider {
 		display: block;
 	}*/
}

/*-----------------------------------
■Theme Color変更
-----------------------------------*/
.header,
.footer {
	background-color: #181168 !important;
}
.contents-card.e--fill {
    background-color: #181168 !important;
}
.tag.sub {
    background-color: #181168 !important;
}

/*-----------------------------------
■トップページ原点回帰
-----------------------------------*/
.top-welcome__text .newline-unit {
	display: block;
	line-height: 1.8;
}

/******************************************************
2023年度カスタマイズ
******************************************************/
@media screen and (min-width:1025px) {
  #top_sns .sns_cover {
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
  }
  #top_sns .sns_instagram {
    margin-bottom: 70px;
  }
  #top_sns .sns_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  #top_sns .sns_list .list {
    width: 800px; 
  }
  #top_movie{
    position: relative;
    margin-bottom: 70px;
    height: calc(100vh - 77px);
    background: #fff;
  } 
  #video-area{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background: #000;
  }
  #video {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
    opacity: 1;
  }
  #houshin_top {
    margin-bottom: 25px;
  }
}
@media screen and (max-width:1024px) {
  #top_sns .sns_cover {
    margin: 0 auto;
    box-sizing: border-box;
  }
  #top_sns .sns_instagram {
    margin-bottom: 70px;
  }
  #top_sns .sns_list {
    margin-bottom: 40px;
  }
  #top_sns .sns_list .list:nth-child(n+2) {
    margin-top: 15px;
  }  
  #top_movie{
    position: relative;
    height: 56.25vw;
    margin-bottom: 30px;
    background: #fff;
  } 
  #video-area{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background: #000;
  }
  #video {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
    opacity: 1;
  }
  #houshin_top {
    margin-bottom: 25px;
  }
}
}