/*
Theme Name: tainai
Author: 胎内市観光協会
Description: 胎内観光NAVIオリジナルWordPressテーマ。
Version: 1.1.3
Text Domain: tainai
*/


/**********************************************************************

AUTHOR : 胎内市観光協会
CSS構成書 : 
Last Modified: 2021.05.26

***********************************************************************/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Page Formats
 *   5.2 - Page "homepage(Japanese Top-Page)"
 *   5.3 - Page "conept"
 *   5.4 - Page "event"
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */



/**
 * 1.0 Reset
 *
 * html5doctor.com Reset Stylesheet
 * v1.6.1
 * Last Updated: 2010-09-17
 * Author: Richard Clark - http://richclarkdesign.com 
 * Twitter: @rich_clark
 * https://code.google.com/p/html5resetcss/downloads/list
 * ----------------------------------------------------------------------------
 */

/* HTML5 Doctor CSS Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;

    /* background:transparent; */
	background-color:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}




/* Set Up */
html {
	overflow-y: scroll; /* firefox　スクロールバー対策 */
}

/* ページ基本設定 */
body {
	color: #333;
	background: #fff;

	/*ブラウザ間font-size%統一*/
	font: 13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", arial,helvetica,clean, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", sans-serif;
	*font-size: small;
	*font: x-small;

	font-size-adjust: none;
	-webkit-text-size-adjust: none;
}

/*ブラウザ間font-size%統一*/
table {
    font-size: inherit;
    font: 100%;
}

/* リンク設定 */
a:link {
	color: #1d54a7;
	text-decoration: none; 
}

a:visited {
	color: #1857b5;
	text-decoration: none; 
}

a:hover, 
a:active {
	color: #1d54a7;
	text-decoration: underline; 
}


/**
 * 2.0 Repeatable Patterns (code snippet)
 * ----------------------------------------------------------------------------
 */

/* clearfix */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;

	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* font-size */
/* ブラウザ間font-size%統一 */
.text10 { font-size:  77%; }
.text11 { font-size:  85%; }
.text12 { font-size:  93%; }
.text13 { font-size: 100%; }
.text14 { font-size: 108%; }
.text15 { font-size: 116%; }
.text16 { font-size: 123.1%; }
.text17 { font-size: 131%; }
.text18 { font-size: 138.5%; }
.text19 { font-size: 146.5%; }
.text20 { font-size: 153.9%; }
.text21 { font-size: 161.6%; }
.text22 { font-size: 167%; }
.text23 { font-size: 174%; }
.text24 { font-size: 182%; }
.text25 { font-size: 189%; }
.text26 { font-size: 197%; }


/* text */
.textcenter { text-align: center; }
.textleft   { text-align: left; }
.textright  { text-align: right; }
.fontbold   { font-weight: bold; }
.fontnormal { font-weight: normal; }

.fontSpacingM1px  { letter-spacing:-1px; }
.fontSpacingM2px  { letter-spacing:-2px  !important;}
.fontSpacing0px   { letter-spacing:0px   !important;}
.fontSpacingP1px  { letter-spacing:1px   !important;}
.fontSpacingP01em { letter-spacing:0.1em !important;}
.lh01 { line-height:  1em;}
.lh14 { line-height: 1.4em;}
.lh16 { line-height: 1.6em;}
.lh24 { line-height: 2.4em;}

.colorred   { color: #ff0000; }
.colorblack { color: #333333; }
.colorgreen { color: #159249; }
.colorblue  { color: #0e82c5; }


/* float & box */
.floatleft   { float: left; }
.floatright  { float: right; }
.clearboth   { clear: both; }
.floatleftimg   { float: left; margin: 0 1.6em 0 0; display: inline; }
.floatrightimg  { float: right; margin: 0 0 0 1.6em; display: inline; }
.displayblock { display: block; }
.displaynone { display: none; }
.displayinline { display: inline; }
.boxcenter  { display: block; margin-left: auto; margin-right: auto; }

.box90  { width: 90%; margin-left: auto; margin-right:auto; }
.box95  { width: 95%; margin-left: auto; margin-right:auto; }
.box98  { width: 98%; margin-left: auto; margin-right:auto; }

.wd_30  { width: 30%; }
.wd_40  { width: 40%; }
.wd_48  { width: 48%; }
.wd_50  { width: 50%; }
.wd_60  { width: 60%; }
.wd_66  { width: 66%; }
.wd_70  { width: 70%; }
.wd_80  { width: 80%; }
.wd_90  { width: 90%; }
.wd_100 { width: 100%; }

.hg_4em { height: 4em; }
.hg_5em { height: 5em; }
.hg_6em { height: 6em; }
.hg_7em { height: 7em; }
.hg_8em { height: 8em; }
.hg_9em { height: 9em; }


/* Padding and Margin Settings */
.marginauto        { margin-left: auto; margin-right: auto; }

/* margin-top */
.mt05 { margin-top :  5px; }
.mt10 {	margin-top : 10px; }
.mt15 {	margin-top : 15px; }
.mt20 {	margin-top : 20px; }
.mt25 {	margin-top : 25px; }
.mt30 {	margin-top : 30px; }
.mt35 {	margin-top : 35px; }
.mt40 { margin-top : 40px; }
.mt60 { margin-top : 60px; }

/* margin-left */
.ml00 { margin-left :  0px; }
.ml05 { margin-left :  5px; }
.ml10 {	margin-left : 10px; }
.ml15 {	margin-left : 15px; }
.ml20 {	margin-left : 20px; }
.ml25 {	margin-left : 25px; }
.ml30 { margin-left : 30px; }
.ml35 {	margin-left : 35px; }
.ml40 {	margin-left : 40px; }
.ml60 {	margin-left : 60px; }

/* margin-right */
.mr00 { margin-right :  0px; }
.mr05 { margin-right :  5px; }
.mr10 {	margin-right : 10px; }
.mr15 {	margin-right : 15px; }
.mr20 {	margin-right : 20px; }
.mr25 {	margin-right : 25px; }
.mr30 {	margin-right : 30px; }
.mr35 {	margin-right : 35px; }
.mr40 {	margin-right : 40px; }
.mr60 {	margin-right : 60px; }

/* margin-bottom */
.mb00 { margin-bottom :  0px; }
.mb05 { margin-bottom :  5px; }
.mb10 { margin-bottom : 10px; }
.mb15 {	margin-bottom : 15px; }
.mb20 {	margin-bottom : 20px; }
.mb25 {	margin-bottom : 25px; }
.mb30 { margin-bottom : 30px; }
.mb35 { margin-bottom : 35px; }
.mb40 {	margin-bottom : 40px; }
.mb60 {	margin-bottom : 60px; }

/* padding-top */
.pt00 { padding-top :  0px; }
.pt05 { padding-top :  5px; }
.pt10 {	padding-top : 10px; }
.pt15 {	padding-top : 15px; }
.pt20 { padding-top : 20px; }
.pt25 { padding-top : 25px; }
.pt30 { padding-top : 30px; }
.pt35 { padding-top : 35px; }
.pt40 { padding-top : 40px; }
.pt60 { padding-top : 60px; }

/* paddign-left */
.pl00 {	padding-left :  0px; }
.pl05 {	padding-left :  5px; }
.pl10 {	padding-left : 10px; }
.pl15 {	padding-left : 15px; }
.pl20 { padding-left : 20px; }
.pl25 { padding-left : 25px; }
.pl30 { padding-left : 30px; }
.pl35 { padding-left : 35px; }
.pl40 { padding-left : 40px; }
.pl50 { padding-left : 50px; }
.pl60 { padding-left : 60px; }

/* padding-right */
.pr00 {	padding-right :  0px; }
.pr05 {	padding-right :  5px; }
.pr10 { padding-right : 10px; }
.pr15 { padding-right : 15px; }
.pr20 {	padding-right : 20px; }
.pr25 { padding-right : 25px; }
.pr30 { padding-right : 30px; }
.pr35 { padding-right : 35px; }
.pr40 { padding-right : 40px; }
.pr60 { padding-right : 60px; }

/* padding-bottom */
.pb00 { padding-bottom :  0px; }
.pb05 { padding-bottom :  5px; }
.pb10 {	padding-bottom : 10px; }
.pb15 {	padding-bottom : 15px; }
.pb20 { padding-bottom : 20px; }
.pb25 { padding-bottom : 25px; }
.pb30 { padding-bottom : 30px; }
.pb35 { padding-bottom : 35px; }
.pb40 {	padding-bottom : 40px; }
.pb60 {	padding-bottom : 60px; }


/* リンク設定:コンテンツ内 */
.section a:link    { color: #3B5998; text-decoration: underline; }
.section a:visited { color: #3B5998; text-decoration: underline; }
.section a:hover   { color: #3B5998; text-decoration: underline; }
.section a:active  { color: #3B5998; text-decoration: underline; } 

#pankuzu-list li a:link    { color: #333333; text-decoration: none; }
#pankuzu-list li a:visited { color: #a0a0a0; text-decoration: none; }
#pankuzu-list li a:hover   { color: #3B5998; text-decoration: underline; }
#pankuzu-list li a:active  { color: #3B5998; text-decoration: underline; } 

.ft-navi dd a:link    { color: #353535; text-decoration: none; }
.ft-navi dd a:visited { color: #353535; text-decoration: none; }
.ft-navi dd a:hover   { color: #3B5998; text-decoration: underline; }
.ft-navi dd a:active  { color: #3B5998; text-decoration: underline; } 


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

#wrapper { width: 100%; margin: 0 auto; letter-spacing: 0.02em; }
#contents { width: 1020px; margin: 0 auto; }
.contents { width: 1020px; margin: 0 auto; }
#main-column { width: 760px; float: left; }
#side-column { width: 220px; float: right; margin-bottom: 40px; }




/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

#header-wrapper { margin: 0 auto; border-bottom: 1px solid #cccccc; }
#header-inner-wrapper { background: url(images/bg_gray.gif) repeat left top scroll; }
#header-inner-top { width:1020px; margin: 0 auto; }

#header-inner-top p { width: 430px; float: left; display: inline; text-align: left; letter-spacing: 0em; padding: 8px 0 6px 5px; font-size: 93%; /* 12pt */ }

#hit-cntact       { background-color: #b3b3b3; width: 230px; float: right; display: inline; text-align: center; letter-spacing:-.40em; font-size: 93%; /* 12pt */ }
#hit-cntact:hover { background-color: #858585; }
#hit-cntact li { letter-spacing: normal; text-align: center; font-weight: bold; vertical-align: top;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */	
}
#hit-cntact li a { display: block; width: 100%; height: auto; padding: 8px 0 7px 0; color: #fff; text-decoration: none; }
#hit-cntact li span { background: url(images/header_icon_form.png) no-repeat left center scroll; padding-left: 26px; letter-spacing: 0em; }

#hit-navi { width: 180px; float: right; display: inline; text-align: right; letter-spacing:-.40em; font-size: 85%; /* 11pt */ }
#hit-navi li { letter-spacing: normal; text-align: right; padding-right: 0.7em;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */	
}
#hit-navi li a { display: block; width: 100%; height: auto; padding: 8px 0 6px 0; color: #363636; }
#hit-navi li a:hover { color: #858585; }
#hit-navi span { letter-spacing: 0em; }




#hit-language           { width: auto; float: right; display: inline-block; position: relative; }
#hit-language div       { background-color: #11a180; width: auto; padding: 7px 10px 8px 10px; display: inline-block; text-align: center; color: #fff; font-size: 93%; /* 12pt */ cursor: pointer; position: relative; z-index: 150; }
#hit-language div:hover { background-color: #3b8c7a; }
#hit-language div span {  padding: 0 10px; letter-spacing: 0em; }

#hit-language ul{ background-color: #fff; display: none; width: 100%; padding: 16px 0 0 0; position: absolute; top: 13px; z-index: 100; -webkit-box-sizing:border-box; box-sizing:border-box; }
#hit-language ul li { display: block; border-bottom: 1px solid #ccc; }
#hit-language li a { display: block; width: 100%; padding: 10px 10px 10px 15px; color: #333333; text-decoration: none; -webkit-box-sizing:border-box; box-sizing:border-box; }
#hit-language li a:hover { background-color: #addede; color: #fff; }
#hit-language li a span { background-repeat: no-repeat; background-position: left center; background-size: 18px auto; padding-left: 28px; letter-spacing: 0em; }
#hit-language li:nth-child(1) a span { background-image: url(images/icon_language_japan.png); }
#hit-language li:nth-child(2) a span { background-image: url(images/icon_language_english.png); }
#hit-language li:nth-child(3) a span { background-image: url(images/icon_language_sc.png); }
#hit-language li:nth-child(4) a span { background-image: url(images/icon_language_korean.png); }






#header-inner-bottom { width:1020px; margin: 0 auto; }
#header-inner-bottom h1 { width: 400px; height: 89px; float: left; overflow: hidden; }

#header-inner-bottom ul{ width: 571px; float: right; border-right: 1px solid #cccccc; letter-spacing:-.40em; }
#header-inner-bottom li { background-color: #fff; display: block; width: 94px; min-height: 89px; height: auto; font-size: 116%; /* 15pt */ float: left; letter-spacing: normal; border-left: 1px solid #cccccc; }
#header-inner-bottom li:nth-child(1) { letter-spacing: 0.8em;  text-indent: 0.8em; }
#header-inner-bottom li:nth-child(2) { letter-spacing: 0.15em; text-indent: 0.15em; }
#header-inner-bottom li:nth-child(3) { letter-spacing: 0.8em;  text-indent: 0.8em; }

#header-inner-bottom li a { display: block; overflow: hidden; text-align:center; font-weight: bold; color: #333333; text-decoration: none; background-repeat: no-repeat; background-position: center 15px; padding: 58px 0 10px 0; }
#header-inner-bottom li a:hover { color: #fff; }

#header-inner-bottom li#hib-navi-001 a{	background-image:url(images/navi_icon_see.png); }
#header-inner-bottom li#hib-navi-002 a{	background-image:url(images/navi_icon_eat.png); }
#header-inner-bottom li#hib-navi-003 a{	background-image:url(images/navi_icon_museum.png); }
#header-inner-bottom li#hib-navi-004 a{	background-image:url(images/navi_icon_recommend.png); }
#header-inner-bottom li#hib-navi-005 a{	background-image:url(images/navi_icon_event.png); }
#header-inner-bottom li#hib-navi-006 a{	background-image:url(images/navi_icon_stay.png); }

#header-inner-bottom li#hib-navi-001:hover { background-color: #fcced5; }
#header-inner-bottom li#hib-navi-002:hover { background-color: #fde8c5; }
#header-inner-bottom li#hib-navi-003:hover { background-color: #d4d4f7; }
#header-inner-bottom li#hib-navi-004:hover { background-color: #e1e6b4; }
#header-inner-bottom li#hib-navi-005:hover { background-color: #addede; }
#header-inner-bottom li#hib-navi-006:hover { background-color: #f8d4c3; }









/**
 * 4.2 Navigation → sidebar
 * ----------------------------------------------------------------------------
 */







/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */


/**
 * 5.1 Page Formats
 * ----------------------------------------------------------------------------
 */

/*--------------------------
parts
--------------------------*/


/*--------------------------
layout
--------------------------*/

.page-contents { padding: 20px 0 80px 0; }
	body.single .page-contents { padding: 23px 0 80px 0; }
	.page-contents.archive-list { padding: 30px 0 80px 0; }
.page-contents p { font-size: 108%; /* 14pt */ line-height: 2.1; margin-bottom: 1.8em; }
.page-contents p.nomb { margin-bottom: 0; }



/* 見出し（1） */
#page-category { background: #f4fafa; width: auto; min-height: 84px; margin: 0 auto; border: 3px solid #a5d8c9; }
#page-category div { width: auto; min-height: 84px; border: 2px solid #fff; position: relative; }
#page-category div > span { display: block; width: 90%; height: 84px; padding: 6px 0 0 24px; font-size: 285%; font-weight: bold; letter-spacing: 0.05em; color: #0a9e7a; }

	/* 固定ページ：楽しむ */
	body.page.enjoy #page-category { background: #fff6f7; border: 3px solid #f7bbc5; }
	body.page.enjoy #page-category div > span { background: url(images/page/title_icon_see.png) no-repeat 20px center scroll; padding: 6px 0 0 84px; color: #e9536c; }

	/* 固定ページ：食べる */
	body.page.eat #page-category { background: #fdf5e8; border: 3px solid #ffd081; }
	body.page.eat #page-category div > span { background: url(images/page/title_icon_eat.png) no-repeat 20px center scroll; padding: 6px 0 0 84px; color: #f59a01; }

	/* 固定ページ：学ぶ */
	body.page.learn #page-category { background: #f3f3ff; border: 3px solid #9c9cd3; }
	body.page.learn #page-category div > span { background: url(images/page/title_icon_museum.png) no-repeat 20px center scroll; padding: 6px 0 0 84px; color: #61619d; }

	/* 固定ページ：体験 */
	body.page.experience #page-category { background: #e2f3ff; border: 3px solid #7bb5df; }
	body.page.experience #page-category div > span { background: url(images/page/title_icon_experience.png) no-repeat 20px center scroll; padding: 6px 0 0 84px; color: #167dc9; }

	/* 固定ページ：おすすめ */
	/* 投稿ページ：おすすめ（詳細） */
	body.page.recommend #page-category, 
	body.single.single-recommend #page-category { background: #e9edc8; border: 3px solid #bcc756; }
	body.page.recommend #page-category div > span, 
	body.single.single-recommend #page-category div > span { background: url(images/page/title_icon_recommend.png) no-repeat 20px center scroll; padding: 6px 0 0 84px; color: #a4b319; }






	/* 固定・詳細ページ：イベント */
	body.page.event #page-category, 
	body.single-ai1ec_event #page-category { background: #f4fafa; border: 3px solid #a5d8c9; }
	body.page.event #page-category div > span, 
	body.single-ai1ec_event #page-category div > span { background: url(images/page/title_icon_event.png) no-repeat 20px center scroll; padding: 6px 0 0 84px; color: #0a9e7a; }
	body.page.event #purpose-tab { margin-top: 40px; }
	body.page.event .ai1ec-calendar-toolbar { display: none; }
	body.page.event .ai1ec-title-buttons .ai1ec-btn-group { margin-left: 0; }
	body.page.event .ai1ec-event-container .ai1ec-event-title { font-size: 90%; }

	/* 固定ページ：温泉･宿泊 */
	body.page.hot_springs #page-category { background: #ffeadf; border: 3px solid #e09670; }
	body.page.hot_springs #page-category div > span { background: url(images/page/title_icon_stay.png) no-repeat 20px center scroll; padding: 6px 0 0 84px; color: #d1622a; }

	/* 固定ページ：季節のおすすめツアー */
	body.page.tour #page-category, 
	body.single-tour #page-category { background: #f4fafa; border: 3px solid #a5d8c9; }
	body.page.tour #page-category div > span, 
	body.single-tour #page-category div > span { color: #0a9e7a; }


#page-category div > span span { padding-left: 1em; font-size: 50%; font-weight: normal; letter-spacing: 0.05em; color: #666; vertical-align: middle; }
#page-category div > span{ display: table-cell; vertical-align: middle; }
* html #page-category div > span {/* for IE 6 */
	/* heightの指定されているdisplay: inlineにvertical-alignが効かないため(IE 6)
	display: inline;
	zoom:1; */
	padding-top: 22px;
	height: 68px;
}
*:first-child+html #page-category div > span {/* for IE 7 */
	/* heightの指定されているdisplay: inlineにvertical-alignが効かないため(IE 7)
	display: inline;
	zoom:1; */
	padding-top: 22px;
	height: 68px;
}


/* 見出し（2） */
#page-title, 
.heading-h2 { padding: 5px 0; margin-bottom: 20px; font-size: 197%; /* 26pt */ font-weight: normal; color: #363636; border-bottom: 5px solid #e5e5e5; }


/* 見出し（3） */
.heading-h3 { background-color: #fff; width: auto; min-height: 44px; margin: 13px 0 15px; position: relative; border: 1px solid #cccccc; font-size: 153.9%; /* 20pt */ }
.heading-h3 span {  display: block; height: 28px; padding: 8px 12px 8px 28px; font-weight: normal; letter-spacing: 0.05em; color: #313131; }
.heading-h3 :after { display: block; position: absolute; left: -1px; top: 50%; content: ""; background-color: #13a080; width: 10px; height: 26px; margin-top: -13px; }
.heading-h3 span{ display: table-cell; vertical-align: middle; }


/* 見出し（4） */
.heading-h4 { padding: 8px 0; margin-bottom: 16px; font-size: 153.9%; /* 20pt */ font-weight: normal; color: #1ba47a; border-bottom: 1px dotted #ccc; }



/* パンくず */
#pankuzu-list ul { width: auto;	padding: 11px 0 0 2px; margin-bottom: 24px; text-align: left; letter-spacing:-.40em; }
#pankuzu-list li { display: inline; letter-spacing:normal; }
#pankuzu-list li a { background: url(images/pankuzu_arrow.gif) no-repeat right center scroll; padding-right: 20px; margin-right: 10px; }


/***************
 ul 
***************/
/* 基本 */
.ul-de { margin-left: 30px; font-size: 108%; /* 14pt */ }
.ul-de > li { position: relative; margin: 8px 0; list-style: outside none none; line-height: 1.4; }
.ul-de > li:before { content: '・'; color: #28a4d6; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 4px; }

	/* リンク先アイコン */
	.ul-de > li.lipdf:before  { content: url("images/icon_pdf.gif"); position: absolute; left: -25px; top: 2px; }
	.ul-de > li.lilink:before { content: url("images/icon_link.gif"); position: absolute; left: -25px; top: 2px; }
	.ul-de > li.lidoc:before { content: url("images/icon_word.gif"); position: absolute; left: -25px; top: 2px; }
	.ul-de > li.liex:before  { content: url("images/icon_excel.gif"); position: absolute; left: -25px; top: 2px; }

/* 縮小版 */
.ul-la { margin-left: 20px; }
.ul-la > li { position: relative; margin: 4px 0; list-style: outside none none; line-height: 1.2; }
.ul-la > li:before { content: '・'; color: #5f5f5f; font-size: 24px; line-height: 10px; position: absolute; left: -21px; top: 4px; }

	/* リンク先アイコン */
	.ul-la > li.lipdf:before  { content: url("images/icon_pdf.gif"); position: absolute; left: -25px; top: 0px; }
	.ul-la > li.lilink:before { content: url("images/icon_link.gif"); position: absolute; left: -25px; top: 0px; }
	.ul-la > li.lidoc:before { content: url("images/icon_word.gif"); position: absolute; left: -25px; top: 0px; }
	.ul-la > li.liex:before  { content: url("images/icon_excel.gif"); position: absolute; left: -25px; top: 0px; }

/* リスト化せず */
.ul-nl { margin-left: 0; font-size: 108%; /* 14pt */ }
.ul-nl > li { position: relative; margin: 4px 0; list-style: outside none none; line-height: 1.4; }

/* テキストリストマーク */
.ul-tl { margin-left: 0; }
.ul-tl > li { position: relative; margin: 4px 0; list-style: outside none none; line-height: 1.4; text-indent: -1em; margin-left: 1em; }
.ul-tl.nm > li { margin: 0 0 0 1em; }

	.ul-tl > li.ultl-02 { position: relative; margin: 4px 0; list-style: outside none none; line-height: 1.4; text-indent: -2em; margin-left: 2em; }
	.ul-tl > li.ultl-03 { position: relative; margin: 4px 0; list-style: outside none none; line-height: 1.4; text-indent: -3em; margin-left: 3em; }


/***************
 ol
***************/
/* 基本 */
.ol-de { margin-left: 30px; font-size: 108%; /* 14pt */ }
.ol-de > li { position: relative; margin: 8px 0; list-style: outside decimal none; line-height: 1.4; }

	.ol-de .ol-de { font-size: 100%; }


/* 縮小版 */
.ol-la { margin-left: 20px; }
.ol-la > li { position: relative; margin: 4px 0; list-style: outside decimal none; line-height: 1.2; }



/***************
 dl 
***************/
/* dl */
.dl-de { font-size: 108%; /* 14pt */ line-height: 1.4; }
.dl-de dt { font-weight: bold; }




blockquote { font-size: 108%; /* 14pt */ line-height: 1.6; color: #555; border-left: solid 4px #ddd; padding: .8em 1.2em; margin: 1em 0 1em .8em; }



/***************
 table 
***************/
/* 基本 */
.page-contents table { vertical-align: middle;	font-size: 108%; /* 14pt */ }
.page-contents table th { background: #f4f4f4; font-weight: bold; text-align: center; padding: 0.5em 0.8em; border: 1px solid #c2c2c2; vertical-align: middle; white-space: nowrap; }
.page-contents table td { background: #fff; padding: 0.8em 0.8em;	border: 1px solid #c2c2c2; line-height: 1.4; vertical-align: top; }

/* コンパクト */
.page-contents table.tb-small { vertical-align: middle; font-size: 100%; /* 13pt */  /* font-size: 85%; 11pt */　}
.page-contents table.tb-small th { background: #f4f4f4; font-weight: bold; text-align: center; padding: 0.6em 0.8em; border: 1px solid #c2c2c2; vertical-align: middle; white-space: nowrap; }
.page-contents table.tb-small th.textleft { text-align: left; }
.page-contents table.tb-small td { background: #fff; padding: 0.6em 0.8em; border: 1px solid #c2c2c2; line-height: 1.4; vertical-align: middle; }

/* 文字サイズ */
.page-contents table.fs-11 { font-size: 85%; /* 11pt */ }
.page-contents table.text14 { font-size: 108%;   /* 14pt */ }
.page-contents table.text16 { font-size: 123.1%; /* 16pt */ }
.page-contents table.text18 { font-size: 138.5%; /* 18pt */ }



/* padding小 */
.page-contents table.tpd-s th { padding: 0.6em 0.8em; }
.page-contents table.tpd-s td { padding: 0.6em 0.8em; }















































#contents hr {
	border: 0;
    height: 1px;
	/* red
    background-image: -webkit-linear-gradient(left, rgba(243,111,129,0), rgba(243,111,129,0.75), rgba(243,111,129,0));
    background-image:    -moz-linear-gradient(left, rgba(243,111,129,0), rgba(243,111,129,0.75), rgba(243,111,129,0));
    background-image:     -ms-linear-gradient(left, rgba(243,111,129,0), rgba(243,111,129,0.75), rgba(243,111,129,0));
    background-image:      -o-linear-gradient(left, rgba(243,111,129,0), rgba(243,111,129,0.75), rgba(243,111,129,0)); */

	/* blue */
    background-image: -webkit-linear-gradient(left, rgba(108,188,245,0), rgba(108,188,245,0.75), rgba(108,188,245,0));
    background-image:    -moz-linear-gradient(left, rgba(108,188,245,0), rgba(108,188,245,0.75), rgba(108,188,245,0));
    background-image:     -ms-linear-gradient(left, rgba(108,188,245,0), rgba(108,188,245,0.75), rgba(108,188,245,0));
    background-image:      -o-linear-gradient(left, rgba(108,188,245,0), rgba(108,188,245,0.75), rgba(108,188,245,0));
}




#maxwidth_image, .maxwidth_image {
	display: block;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}
















/**
 * 5.2 Page "homepage(Japanese Top-Page)"
 * ----------------------------------------------------------------------------
 */

.index-mesh { background: url(images/bg_gray.gif) repeat left top scroll; }

/*-----------------------
bxslider custom
-----------------------*/
#bxslider-wrapper { background: #ccc; }
#bxslider-wrapper .bx-wrapper .bx-viewport { background: none; border: none; box-shadow: none; left: inherit; }
#bxslider-wrapper .bx-wrapper .bx-controls { text-align: center; }
#bxslider-wrapper .bx-wrapper .bx-pager { color: #666; text-align: left; }
#bxslider-wrapper .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 10px; position: absolute; width: auto;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
}
#bxslider-wrapper .bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0 0 #cccccc; border-radius: 6px; border: 1px solid #FFF; width: 11px; height: 11px; margin: 0 3px; text-indent: -9999px; }
#bxslider-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover, #bxslider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0 0 #e481ad; }
.bx-wrapper { margin: 0 auto 40px auto; }
.bx-wrapper img { display: block; max-width: 100%; width: 100%; }

.bx-wrapper .bx-controls-direction a { margin-top: -40px; width: 80px; height: 80px; }
.bx-wrapper .bx-prev { background: url("images/page/index/icon_image_main_left.png") no-repeat scroll; }
.bx-wrapper .bx-next { background: url("images/page/index/icon_image_main_right.png") no-repeat scroll; }
.bx-wrapper .bx-next:hover { background-position: 0 0; }



/*-----------------------
information(topics)
-----------------------*/
#index-topics { margin: 40px 0; }
#index-topics h1.finding-h1 { background: url(images/page/index/icon_information.png) no-repeat left top scroll; color: #666666; font-size: 182%; /* 24pt */ padding: 5px 0 6px 42px; margin-bottom: 10px; position: relative; }
#index-topics h1.finding-h1 a { background-color: #999999; padding: 0 10px; color: #fff; position: absolute; top: 10px; right: 0;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */

	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
#index-topics h1.finding-h1 a:hover { background-color: #858585; }
#index-topics h1 a span { background: url(images/icon_arrow_white_small.png) no-repeat right center scroll; letter-spacing: 0em; padding: 0 45px; font-size: 55%; font-weight: normal; vertical-align: middle;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
}

#index-topics-box { letter-spacing:-.40em; }
#index-topics-box article { background-color: #fff; width: 238px; min-height: 228px; border: 1px solid #cdcec9; margin-right: 20px; letter-spacing:normal; vertical-align: top;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
}
#index-topics-box article.last { margin-right: 0; }
#index-topics-box article a { display: block; text-decoration: none; }
#index-topics-box article a:hover { opacity:.8; }
#index-topics-box article div { width: 238px; height: 159px; overflow: hidden; }
#index-topics-box article img { display: block; }
#index-topics-box article a:hover img{ opacity:.7; -webkit-transform:scale(1.04) ;-ms-transform:scale(1.04); transform:scale(1.04) }

#index-topics-box header { padding: 8px 10px; line-height: 1.4; color: #343432; }
#index-topics-box header h1 { font-weight: bold; font-size: 108%; /* 14pt */ margin-bottom: 0.4em; }
#index-topics-box header h1 span { color: #fe0002; }
#index-topics-box header p { font-size: 93%; /* 12pt */ word-break: break-word; }
.itb-time  { padding-left: 0.5em; font-size: 108%; /* 14pt */ }


.tag { margin: 0 5px 5px 0; font-size: 93%; /* 12pt */ padding: 1px 8px; color: #fff; text-align: center; font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */

	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.tag.icon-news   { background-color: #fd8b19; }
.tag.icon-season { background-color: #e9536c; }
.tag.icon-media  { background-color: #008AFF; }
.tag.icon-event  { background-color: #399b9c; }


/*-----------------------
information(list)
-----------------------*/
#index-topics-list { width: 660px; height: 300px; overflow: auto; margin: 30px auto; }
#index-topics-list article { line-height: 1.4; }
#index-topics-list article a { display: block; width: auto; text-decoration: none; padding: 10px 5px; border-bottom: 1px dotted #cfcfcf; }
#index-topics-list article a:active, 
#index-topics-list article a:hover {
	background-color: #7dcff0;
	background-color: rgba(125, 207, 240, 0.25);
	background-color: #7dcff0(); }
#index-topics-list header .tag { display: inline; margin: 0 5px 0 0; float: left; }
#index-topics-list header .iib-time { display: inline; color: #333; font-size: 93%; /* 12pt */ padding-right: 5px; float: left; }
#index-topics-list header h1 { display: block; font-weight: bold; color: #333; font-size: 93%; /* 12pt */ margin-left: 210px; }
#index-topics-list header h1 span { color: #fe0002; }


/*-----------------------
category
-----------------------*/
#index-category { width: 1020px; margin: 0 auto; padding-top: 30px; }
#index-category h1.finding-h1 { background: url(images/page/index/icon_purpose.png) no-repeat left top scroll; color: #666666; font-size: 182%; /* 24pt */ padding: 5px 0 6px 42px; margin-bottom: 10px; }
#index-category ul { letter-spacing:-.40em; }
#index-category ul li { width: 320px; height: 240px; letter-spacing:normal; position: relative; margin: 0 30px 30px 0;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
}
#index-category ul li.last { margin-right: 0; }
#index-category ul a { display: block; width: 100%; height: 100%; }
#index-category ul a img { display: block; width: 100%; height: 100%; }


/*-----------------------
index-pick-up
-----------------------*/
#index-pick-up { width: 1020px; margin: 0 auto; padding: 30px 0 15px 0; }
#index-pick-up h1.finding-h1 { background: url(images/page/index/icon_pickup.png) no-repeat left top scroll; color: #666666; font-size: 182%; /* 24pt */ padding: 5px 0 6px 42px; margin-bottom: 10px; }
#index-pick-up ul { letter-spacing:-.40em; }
#index-pick-up ul li { width: 320px; letter-spacing:normal; position: relative; margin: 0 30px 0 0;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
}
#index-pick-up ul li.last { margin-right: 0; }
#index-pick-up ul a { display: block; width: 100%; height: 100%; color: #343434; text-decoration: none; }
#index-pick-up ul a:hover { color: #858585; }
#index-pick-up ul a img { display: block; width: 100%; height: 100%; margin-bottom: 5px; }
#index-pick-up ul a p { padding-bottom: 25px; }


/*-----------------------
sns
-----------------------*/
#index-sns { width: 1020px; margin: 0 auto; padding: 30px 0; }
#index-sns h1.finding-h1 { background: url(images/page/index/icon_purpose.png) no-repeat left top scroll; color: #666666; font-size: 182%; /* 24pt */ padding: 5px 0 6px 42px; margin-bottom: 10px; }

#index-sns .is-facebook { width: 320px; float: left; margin-right: 30px; }
#index-sns .is-facebook img { display: block; width: 320px; height: 40px; }
/*#index-sns .is-rss { width: 320px; float: right; }*/
#index-sns .is-rss img { display: block; width: 320px; height: 40px; }
#kanko_blog  { background-color: #4bb7b7; height: 175px; overflow: auto; margin-bottom: 20px; padding: 10px 10px 0 10px; }
#komeko_blog { background-color: #b38c65; height: 380px; overflow: auto; margin-bottom: 20px; padding: 10px 10px 0 10px; }

.blog_rss article { line-height: 1.4; }
.blog_rss article a { display: block; width: auto; text-decoration: none; padding: 7px 5px; border-bottom: 1px dotted #fff; color: #fff; }
.blog_rss article a:active, 
.blog_rss article a:hover {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.25);
	background-color: #ffffff();
}
.blog_rss header .iib-time { display: inline; font-size: 93%; /* 12pt */ padding-right: 5px; }
.blog_rss header .rss-new { padding-left: 1em; font-size: 93%; /* 12pt */ color: #fe0002; }
.blog_rss header h1 { display: block; font-weight: bold; font-size: 93%; /* 12pt */ }

#index-sns .is-rss ul { display: flex; flex-wrap: wrap; letter-spacing:-.40em; }
/* #index-sns .is-rss ul li { width: 70px; letter-spacing:normal; position: relative; margin-right: 0;
	display: inline-block;
	/display: inline; //inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) 
	/zoom: 1; //inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7)
}*/

#index-sns .is-rss ul li { width: 320px; letter-spacing:normal; position: relative; margin: 0 30px 20px 0; display: block; }
#index-sns .is-rss ul li:nth-of-type(3n) { margin-right: 0; }

/*#index-sns .is-rss ul li.first { margin-right: 10px; width: 240px; }
#index-sns .is-rss ul li.last  { margin-right: 0; } */
#index-sns .is-rss ul a { display: block; width: 100%; height: 100%; }
#index-sns .is-rss ul a img { display: block; width: 100%; height: 100%; }


/*-----------------------
recommend
-----------------------*/
#index-recommend { width: 1020px; margin: 0 auto; padding: 30px 0 15px 0; }
#index-recommend h1.finding-h1 { background: url(images/page/index/icon_osusume.png) no-repeat left top scroll; color: #666666; font-size: 182%; /* 24pt */ padding: 5px 0 6px 42px; margin-bottom: 10px; }
#index-recommend ul { letter-spacing:-.40em; }
#index-recommend ul li { width: 240px; letter-spacing:normal; position: relative; margin: 0 20px 0 0; vertical-align: top;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
}
#index-recommend ul li.last { margin-right: 0; }
#index-recommend ul a { display: block; width: 100%; height: 100%; color: #343434; text-decoration: none; }
#index-recommend ul a:hover { color: #858585; }
#index-recommend ul a img { display: block; width: 100%; height: 100%; margin-bottom: 5px; }
#index-recommend ul a p { padding-bottom: 15px; }













/**
 * 5.3 Page 
 * ----------------------------------------------------------------------------
 */

/*-----------------------
purpose-tab
-----------------------*/
#purpose-tab { border-bottom: 5px solid #e9536c; letter-spacing:-.40em; margin-bottom: 35px; }
#purpose-tab li { background-color: #e5e5e5; color: #434343; min-width: 164px; padding: 15px 10px 10px 10px; margin-right: 8px; font-size: 123.1%; /* 16pt */ text-align: center; letter-spacing: 0; cursor: pointer;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */

	-webkit-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-ms-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
#purpose-tab li.selected { background-color: #e9536c; color: #fff; }

	/* 固定ページ：楽しむ */
	body.page.enjoy #purpose-tab { border-bottom: 5px solid #e9536b; }
	body.page.enjoy #purpose-tab li.selected { background-color: #e9536b; }

	/* 固定ページ：食べる */
	body.page.eat #purpose-tab { border-bottom: 5px solid #f59a01; }
	body.page.eat #purpose-tab li.selected { background-color: #f59a01; }

	/* 固定ページ：学ぶ */
	body.page.learn #purpose-tab { border-bottom: 5px solid #61619d; }
	body.page.learn #purpose-tab li.selected { background-color: #61619d; }

	/* 固定ページ：体験 */
	body.page.experience #purpose-tab { border-bottom: 5px solid #167dc9; }
	body.page.experience #purpose-tab li.selected { background-color: #167dc9; }

	/* 固定・詳細ページ：イベント */
	body.page.event #purpose-tab { border-bottom: 5px solid #0a9e7a; }
	body.page.event #purpose-tab li.selected { background-color: #0a9e7a; }

	/* 固定ページ：温泉･宿泊 */
	body.page.hot_springs #purpose-tab { border-bottom: 5px solid #d1622a; }
	body.page.hot_springs #purpose-tab li.selected { background-color: #d1622a; }

	/* 固定・詳細ページ：季節のおすすめツアー */
	body.page.tour #purpose-tab { border-bottom: 5px solid #0a9e7a; }
	body.page.tour #purpose-tab li.selected { background-color: #0a9e7a; }

	/* 固定・詳細ページ：おすすめのお店 */
	body.page.recommend #purpose-tab { border-bottom: 5px solid #a4b319; }
	body.page.recommend #purpose-tab li.selected { background-color: #a4b319; }

	/* 固定・詳細ページ：胎内市観光ボランティアガイド */
	body.page.volunteer #purpose-tab { border-bottom: 5px solid #0a9e7a; }
	body.page.volunteer #purpose-tab li.selected { background-color: #0a9e7a; }


#purpose-tab li.last { margin-right: 0; }

#purpose-postlist {  }
#purpose-postlist li { list-style: outside none none; }
#purpose-postlist li.hide { display: none; }



/*-----------------------
purpose list
-----------------------*/
#purpose-postlist h1 { padding: 5px 0; margin-bottom: 20px; font-size: 197%; /* 26pt */ font-weight: normal; color: #363636; border-bottom: 5px solid #e5e5e5; }

.purpose-image { display: block; width: 370px; float: left; }
.purpose-text { width: 370px; float: right; color: #363636; }
.purpose-text .purpose-title { margin-bottom: 0.5em; font-size: 167%; /* 22pt */ font-weight: normal; color: #0a9e7a; }
.purpose-text .purpose-content { margin-bottom: 1.8em; }
.purpose-text .purpose-schedule { margin-bottom: 1.2em; font-size: 123.1%; /* 16pt */ border: 1px solid #cccccc; }
.purpose-text .purpose-schedule span { background-color: #e5e5e5; display: inline-block; border-right: 1px solid #cccccc; padding: 10px; margin-right: 10px; }

.purpose-text p { font-size: 108%; /* 14pt */ line-height: 1.6; margin-bottom: 0.2em; }
.pt-list { margin-bottom: 1.8em; }
.pt-list li { font-size: 108%; /* 14pt */ line-height: 1.6; }

.pt-link li { display: block; width: 180px; }
.pt-link li a { background: #f2f2f2; width: 158px; padding: 8px 10px; color: #363636; text-align: center; border: 1px solid #999; text-decoration: none; 
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */

	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.pt-link li a:hover { background-color: #858585; color: #fff; }














/**
 * 5.4 Single
 * ----------------------------------------------------------------------------
 */

.page-contents .release-date { text-align: right; margin-bottom: 20px; }


/* 各要素 */
body.single .page-contents p { line-height: 1.8; margin-bottom: 0em; }

body.single .page-contents ul{ margin-left: 20px; font-size: 108%; /* 14pt */ }
body.single .page-contents ul > li { position: relative; margin: 8px 0; list-style: outside none none; line-height: 1.4; }
body.single .page-contents ul > li:before { content: '・'; color: #13a080; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 4px; }

body.single .page-contents ol { margin-left: 30px; font-size: 108%; /* 14pt */ }
body.single .page-contents ol > li { position: relative; margin: 8px 0; list-style: outside decimal none; line-height: 1.4; }


body.single .page-contents table.photo_box_three { margin: 0 auto; }
body.single .page-contents table.photo_box_three td { background: none; padding: 0.4em 0.4em; border: none; }
body.single .page-contents table.photo_box_three td img { display: block; max-width: 100%; height: auto; }

body.single .page-contents table.photo_box_two { margin: 0 auto; }
body.single .page-contents table.photo_box_two td { background: none; padding: 0.4em 0.4em; border: none; }
body.single .page-contents table.photo_box_two td img { display: block; max-width: 100%; height: auto; }






/**
 * 5.5 archive
 * ----------------------------------------------------------------------------
 */

.page-contents.archive-list article { line-height: 1.4; margin-bottom: 0; }
.page-contents.archive-list article a { display: block; width: auto; text-decoration: none; padding: 0.8em 5px; border-bottom: 1px dotted #999999; }
.page-contents.archive-list article a:active, 
.page-contents.archive-list article a:hover {
	background-color: #7dcff0;
	background-color: rgba(125, 207, 240, 0.25);
	background-color: #7dcff0(); }
.page-contents.archive-list header { font-size: 108%; /* 14pt */ }
.page-contents.archive-list header .tag { margin: 0 5px 0 0; }
.page-contents.archive-list header h1 { display: block; font-weight: bold; color: #333; padding-top: 5px; }
.page-contents.archive-list header h1 span { padding-left: 1em; color: #F00; }
.page-contents.archive-list header .iib-time { color: #333; padding-right: 5px; }

.wp-pagenavi { padding-top: 20px; }
.wp-pagenavi a:hover      { border-color: #73bae8; background-color: #73bae8; color: #fff; }
.wp-pagenavi span.current { border-color: #399bda; background-color: #399bda; color: #fff; }






/**
 * 5.5 archive "recommend"
 * ----------------------------------------------------------------------------
 */

.recommend-list-set li { width: 230px; float: left; margin-right: 35px; }
.recommend-list-set li.last { margin-right: 0; }
.recommend-list-set li img { display: block; width: 230px; height: auto; margin-bottom: 10px; }
#purpose-postlist .recommend-list-set li h1 { margin-bottom: 5px; padding: 0; border: none; font-size: 123.1%; /* 16pt */ font-weight: bold; }
.recommend-list-set li p { font-size: 100%; /* 13pt */ line-height: 1.6; }
.recommend-list-set li a { color: #333; text-decoration: none; }
.recommend-list-set li:nth-of-type(3n+1) { clear: both; float: left; }









/**
 * 5.4 Page "contact"
 * ----------------------------------------------------------------------------
 */

.page-contents form#mailformpro dl dt { width: 185px; padding: 14px 0px 11px 0px; font-size: 108%; /* 14pt */ font-weight: bold; }
.page-contents form#mailformpro dl dd { padding: 10px 5px 10px 205px;font-size: 108%; /* 14pt */  }

.page-contents form#mailformpro dl dt.mfp-nf { width: auto; padding: 14px 0px 10px 0px; float: none; text-align: left; border-top: solid 1px #CCC; font-weight: bold; }
.page-contents form#mailformpro dl dd.mfp-nf { padding: 0 0px 14px 10px; float: none; border-top: none; }

.page-contents form#mailformpro dl dd ul.mfp-di li,
.page-contents form#mailformpro dl dd ol.mfp-di li { display: inline; }

.page-contents form#mailformpro dl dd ul li.mb10,
.page-contents form#mailformpro dl dd ol li.mb10 { margin-bottom: 10px; }

body.contact .page-contents p { line-height: 1.6em }

.page-contents form#mailformpro div.mfp_buttons { padding: 20px 0 10px 0; }
.mfp-button { font-size: 138.5%; /* 18pt */ padding: 0.6em 1.2em 0.5em 1.2em; }




/**
 * 5.4 Page "pamphlet"
 * ----------------------------------------------------------------------------
 */

.pamphlet-list { letter-spacing:-.40em; }
.pamphlet-list > li { width: 240px; letter-spacing:normal; margin-right: 20px; margin-bottom: 40px; vertical-align: top;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */ }
.pamphlet-list > li.last { margin-right: 0; }
.pamphlet-list img { display: block; width: 200px; margin: 0 auto 20px auto; }
.pamphlet-list img:hover { border: 3px solid #09C; width: 196px; }
.pamphlet-list dt { font-weight: normal; font-size: 123.1%; /* 16pt */ text-align: center; }
.pamphlet-list a { color: #333; }
.pamphlet-list a:hover { color: #858585; }






/**
 * 5.3 Page "link"
 * ----------------------------------------------------------------------------
 */

#link-list > li { list-style: outside none none; margin-bottom: 20px; }
#link-list dt { font-weight: normal; font-size: 138.5%; /* 18pt */ margin-bottom: 0.2em; }
#link-list dd { font-size: 108%; /* 14pt */ margin-bottom: 1.4em; line-height: 1.6em; }
#link-list dt a { color: #1ba47a; text-decoration: underline; }
#link-list a:hover { color: #858585; }






/**
 * 5.5 Page "yaranyan"
 * ----------------------------------------------------------------------------
 */

.yaranyan-profile img { display: inline; float: left; }
.yaranyan-profile div { width: 560px; float: right; font-size: 116%; /* 15pt */}
.yaranyan-profile div dl { line-height: 1.5em; }
.yaranyan-profile div dt { font-weight: bold; padding-bottom: 0.6em; float: left; clear: both; }
.yaranyan-profile div dd { margin: 0 0 0 6.5em; padding-bottom: 0.6em; }

.yaranyan-info > li { position: relative; list-style: outside none none; margin: 0 0 20px 30px; }
.yaranyan-info > li:before { content: '・'; color: #28a4d6; font-size: 30px; line-height: 10px; position: absolute; left: -25px; top: 4px; }
.yaranyan-info dt { font-weight: normal; font-size: 138.5%; /* 18pt */ margin-bottom: 0.2em; }
.yaranyan-info dd { font-size: 108%; /* 14pt */ margin-bottom: 1.4em; line-height: 1.6em; }
.yaranyan-info dt a { color: #1ba47a; text-decoration: underline; }
.yaranyan-info a:hover { color: #858585; }

	/* リンク先アイコン */
	.yaranyan-info > li.lipdf:before  { content: url("images/icon_pdf.gif"); position: absolute; left: -25px; top: 2px; }
	.yaranyan-info > li.lilink:before { content: url("images/icon_link.gif"); position: absolute; left: -25px; top: 2px; }
	.yaranyan-info > li.lidoc:before { content: url("images/icon_word.gif"); position: absolute; left: -25px; top: 2px; }
	.yaranyan-info > li.liex:before  { content: url("images/icon_excel.gif"); position: absolute; left: -25px; top: 2px; }

.calendar iframe { display: block; width: 760px; margin: 0 auto; }
.twitter iframe { display: block!important; margin: 0 auto; }







/**
 * 5.3 Page "recommend"
 * ----------------------------------------------------------------------------
 */

/* コメント */
#rec-image { margin-bottom: 20px; }
.heading-rec { margin-bottom: 10px; font-size: 153.9%; /* 20pt */ font-weight: normal; color: #1ba47a; }
.rec-comment { padding-bottom: 30px; }


/* フリースペース */
#rec-free { margin-bottom: 50px; }

/* アクセス */
#rec-access-box #rec-access { width: 370px; float: left; }
#rec-access-box #map-canvas { width: 370px; height: 370px; float: right; }
#rec-access-box #map-canvas iframe { display: block; width: 370px; height: 370px; }
#rec-access table th { background-color: #e7f5f2; }
#rec-access ul { margin-left: 0; }
#rec-access ul li { display: block; width: 370px; margin: 20px 0 0 0; }
#rec-access ul li::before { display: none; }
#rec-access ul li a { background: #f2f2f2; width: 348px; padding: 8px 10px; color: #363636; text-align: center; border: 1px solid #999; text-decoration: none; 
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */

	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
#rec-access ul li a:hover { background-color: #858585; color: #fff; }





/**
 * 5.4 Page "volunteer"
 * ----------------------------------------------------------------------------
 */

#volunteer-postlist li { list-style: outside none none; }
#volunteer-postlist li.hide { display: none; }

#volunteer-postlist li section { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dotted #d2d2d2; }
#volunteer-postlist h1 { margin-bottom: 10px; font-size: 138.5%; /* 18pt */ font-weight: bold; color: #363636; }

.volunteer-image { display: block; width: 160px; height: auto; float: left; }
.volunteer-text { width: 580px; float: right; color: #363636; }
.volunteer-text p { font-size: 108%; /* 14pt */ line-height: 1.6; margin-bottom: 1.6em; }
.pt-list li { font-size: 108%; /* 14pt */ line-height: 1.6; }

.volunteer-link li { display: block; width: 282px; margin-bottom: 10px; }
.volunteer-link li a { background: #e6f5f2; width: 260px; padding: 8px 10px; color: #139e74; text-align: center; border: 1px solid #139e74; text-decoration: none; 
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */

	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.volunteer-link li a:hover { background-color: #139e74; color: #fff; }


.banner-link { padding-top: 30px; }
.banner-link li { display: block; width: 330px; /* 560px */ margin: 0 auto 20px auto; font-size: 123.1%; /* 16pt */ }
.banner-link li a { background: #f2f2f2; width: 308px; /* 538px */ padding: 14px 10px 12px 10px; color: #363636; text-align: center; border: 1px solid #999; text-decoration: none; 
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */

	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.banner-link li a:hover { background-color: #858585; color: #fff; }

.volunteer-heading {
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #008000;
	border-bottom: 2px dotted #008000;
	font-size: 123.1%; /* 16pt */
}



/**
 * 5.5 Page "hasegawarena"
 * ----------------------------------------------------------------------------
 */

.hasegawarena-profile img { display: inline; float: left; }
.hasegawarena-profile div { width: 500px; float: right; font-size: 116%; /* 15pt */}
.hasegawarena-profile div dl { line-height: 1.5em; }
.hasegawarena-profile div dt { font-weight: bold; padding-bottom: 0.6em; float: left; clear: both; }
.hasegawarena-profile div dd { margin: 0 0 0 6.5em; padding-bottom: 0.6em; }


.hasegawarena-schedule { width: 100%; text-align: center; }
.hasegawarena-schedule a { display: inline-block; width: 500px; }
.hasegawarena-schedule a img { display: block; width: 100%; height: auto; }

.fix-iframe {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.fix-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}






/**
 * 6.0 Sidebar(Navigation)
 * ----------------------------------------------------------------------------
 */


#side-column h1 { color: #666666; font-size: 108%; /* 14pt */ text-align: center; padding: 5px 10px 5px 10px; margin-bottom: 10px; border: 1px solid #cccccc; }

.side-longbanner { letter-spacing:-.40em; padding-bottom: 10px; }
.side-longbanner li { width: 220px; height: 70px; letter-spacing:normal; margin-bottom: 10px; list-style: outside none none; }
.side-longbanner a { display: block; width: 100%; height: 100%; }
.side-longbanner a img { display: block; width: 100%; height: 100%; }

.side-blockbanner { letter-spacing:-.40em; padding-bottom: 15px; line-height: 1em; }
.side-blockbanner li { width: 70px; height: 70px; letter-spacing:normal; margin: 0 5px 2px 0;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
}
.side-blockbanner li.last { margin-right: 0; }
.side-blockbanner a { display: block; width: 100%; height: 100%; }
.side-blockbanner a img { display: block; width: 100%; height: 100%; }


.side-txtlink { padding-bottom: 10px; }
.side-txtlink li { background-color: #f8f8f8; margin-bottom: 5px; padding: 8px 5px 8px 9px; list-style: outside none none; }
.side-txtlink li:hover { background-color: #ececec; }
.side-txtlink li a { display: block; background: url(images/icon_arrow_gray_small.png) no-repeat left center scroll; padding-left: 15px; color: #363636; text-decoration: none; }








/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */




/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */


#footer-wrapper { width: 100%; margin: 0 auto; position: relative; border-top: 1px solid #cccccc; }


/*-----------------------
adress
-----------------------*/
#footer-info { width: 1020px; margin: 0 auto; }
#footer-info dl dt { width: 400px; height: 89px; float: left; margin-right: 14px; overflow: hidden; }
#footer-info dl dd { width: 550px; float: left; padding: 25px 0 0 0; line-height: 1.6; }
#footer-info dl dd span { font-weight: bold; }


/*-----------------------
copyright, etc
-----------------------*/
#footer-inner-wrapper { background: url(images/bg_gray.gif) repeat left top scroll; }
#footer-inner-top { color: #fff; width: 1020px; margin: 0 auto; }
#footer-inner-top a { color: #fff; }

#fit-cntact { background-color: #b3b3b3; width: 230px; float: left; display: inline; text-align: center; letter-spacing:-.40em; font-size: 93%; /* 12pt */ }
#fit-cntact:hover { background-color: #858585; }
#fit-cntact li { letter-spacing: normal; text-align: center; font-weight: bold; vertical-align: top;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */	
}
#fit-cntact li a { display: block; width: 100%; height: auto; padding: 8px 0 7px 0; color: #fff; text-decoration: none; }
#fit-cntact li span { background: url(images/header_icon_form.png) no-repeat left center scroll; padding-left: 26px; letter-spacing: 0em; }

#fit-navi { width: 400px; float: left; display: inline; text-align: left; letter-spacing:-.40em; font-size: 85%; /* 11pt */ }
#fit-navi li { letter-spacing: normal; text-align: right; padding-left: 0.7em;
	display: inline-block;
	/display: inline; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */
	/zoom: 1; /* inline-block for IE 5, 5.5, 6, 7(/ is  for IE 6, 7) */	
}
#fit-navi li a { display: block; width: 100%; height: auto; padding: 8px 0 6px 0; color: #383838; }
#fit-navi li a:hover { color: #858585; }
#fit-navi span { letter-spacing: 0em; }


#copyright { width: 360px; float: right; display: inline; text-align: right; letter-spacing: 0em; padding: 8px 0 6px 0; font-size: 93%; /* 12pt */ color: #383838; }


.to_top {
	width: 70px;
	height: 66px;
	display: block;
	background: #6a6a6a;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	/* transition: all 0.2s ease-out; */
	position: fixed;
	bottom: 30px;
	right: 50px;
	cursor: pointer;
	text-align: center;
	padding-top: 4px;
	display: none;
	opacity: 0.7;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	font-size: 370%;
	z-index: 100;
}
.to_top:hover,
.to_top:active { color: #fff; background-color: #ababab; }




/**
 * 10.0 Edit
 * ----------------------------------------------------------------------------
 */


































button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery-caption {
	display: block;
}