@charset "utf-8";
/*
Theme Name: とまこまい福祉ふれあいセンター
Theme URI:
Description:
Version: 1.0
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}


audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}



audio:not([controls]) {
    display: none;
    height: 0;
}


[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 16px; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color:#5a5b95;
    margin:0;
    padding:0;
    background:url(images/fureai_bg.png);
    overflow-x: hidden;
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    /* font-family: sans-serif; */
    margin:0;
    padding:0;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

div {
	margin:0;
	padding:0;
}

body {
    margin: 0;
    background:url(images/header_top.png) repeat-x;
    padding:0;
    position: relative;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a {
   color:#775a95;
   font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
    color:#999;
}


/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0 5px 0;
    overflow: hidden;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

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

small {
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    /* margin: 1em 0; */
    margin:0;
    padding:0;
}

dd {
     margin:0;
    padding:0;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
     margin:0;
    padding:0;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

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

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

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

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/*
 * Removes inner padding and border in Firefox 3+.
 */

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

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

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

a img:hover {
	color:#333 !important;
	text-decoration:none !important;
	opacity:0.7;
}
a:hover {
   text-decoration: none;
}

li {
	list-style:none;
}

.container {
	margin:0 auto;
}

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

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

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

.alignright {
   float: right;
   }

.alignleft {
   float: left
   }
/* editor */
 
p {
    display: block;
    margin: 1em 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
 
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/* clearfix */
 
.clear {
    content: "";
    display: block;
    clear: both;
    height:60px;
}

.smapho_br {
   display:none;
}

/* ==========================================================================
   　customize
   ========================================================================== */
    header {
       background: #5a5b95;
       both:clear;
       position:relative;
    } 
   
    header .container {
       position:relative;
    }
    header h1 {
       font-size:1.2em;
       margin:0;
       padding:30px;
       line-height:1.8em;
       color:#FFF;
       display: inline-block;
       border-radius:100px;
       background:#533571;
       position:absolute;
       top:0;
       left:0;
       z-index: 10;
       box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
       text-shadow:-1px -1px 0 #333;
       font-weight:bold;
       font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    }
    header h1 a {
       color:#FFF;
    }
    header h2 {
       font-size:0.8em;
       margin:0;
       padding:0;
       line-height:1.8em;
       color:#F8F8F8;
       display: inline-block;
       float:right;
    }
    
    
header h3 {
   width:200px;
   height:35px;
   line-height:35px;
   margin:0 auto;
   border-radius:0 0 6px 6px;
   background: #533571;
   font-size:1em;
   color:#FFF;
   padding-left:20px;
   margin-top:-2px;
   border-left:1px solid #DFDFDF;
   border-bottom:1px solid #DFDFDF;
   border-right:1px solid #DFDFDF;
   box-shadow: 2px 2px 0 #DFDFDF;
}
    
    .small_font {
       padding-left:20px;
       font-size:0.8em;
       color:#5a5b95;
    }
    
    #teazer_section {
       box-sizing: border-box;
       width:100%;
       min-height: 250px;
       background: #ffffff;
       box-shadow: 0 1px 3px rgba(0,0,0,0.2);
      background:url(images/fureai_teazer_bg.png);
      padding:20px 0;
    }
    
    #teazer_div {
       background:url(images/fureai_teazer2.png) no-repeat 50% 50%;
       background-size: cover;
       width:100%;
       min-height:350px;
       border:3px solid #FFF;
       box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
      position:relative;
    }
    #teazer_div h3 {
       text-indent:-9999px;
       background:url(images/tomachop_01.png) no-repeat 50% 50%;
       position:absolute;
       width:212px;
       height:217px;
       top:25%;
       left:0;
       z-index: 5;
    }
    #teazer_div h3 a {
       display:block;
       width:100%;
       height:217px;
    }
    #teazer_div h4 {
       text-indent:-9999px;
       background:url(images/tomachop_02.png) no-repeat 50% 50%;
       position:absolute;
       width:234px;
       height:257px;
       top:10%;
       right:0;
       z-index: 5;
    }
    
    
    #to_reserve_calendar_outer .container {
       position:relative;
    }
    
    
    
.calendar_iframe {
   border:none;
   overflow: hidden;
   min-height:600px;
   box-shadow:4px 3px 1px rgba(0,0,0,0.1);
}
.tab-content,.tab-pane,#calendar_div{
   overflow: hidden;
}


.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background-color: #e1a4e7;
    box-shadow: 3px 0 0 rgba(0,0,0,0.2);
    margin-right:10px;
    color:#FFF;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #2259ac;
    background:#FFF;
    border: 1px solid #FFF;
    border-bottom-color: transparent;
    cursor: default;
    padding: 10px 120px;
    font-weight:bold;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #e1a4e7;
    color:#FFF;
}


#to_reserve_calendar_outer {
   position:relative;
   margin-top:-290px;
   margin-bottom:330px;
}


#to_reserve_calendar a img {
   width:100%;
   height:auto;
}

.inner_page_section .container {
   padding:40px 5% 5% 5%;
   background:url(images/fureai_inner_bg.png);
   box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
   margin-bottom:50px;
}
.inner_page_section .container h1 {
   background:url(images/fureai_index_mark01.png) no-repeat 0 50%;
   padding-left:80px;
   font-size:1.5em;
   line-height:72px;
   height:72px;
}

.inner_page_section .container h2 {
   font-size:1.3em;
   border-left:10px #2259ac solid;
   padding-left:20px;
   border-bottom: 1px #2259ac solid;
   width:94%;
   margin:0 auto;
}

.inner_page_section .container p {
   padding:0 5%;
   margin-bottom:50px;
}

#sisetu_table {
   width:90%;
   margin:0 5%;
   display:flex;
   flex-direction: column;
   border-left:1px solid #DDD;
   border-top:1px solid #DDD;
}

#sisetu_table li {
   display:flex;
   flex-direction: row;
   flex-grow: 1;
   width:100%;
   border-right:1px solid #DDD;
   border-bottom:1px solid #DDD;
   min-height:2.5em;
   line-height:2.5em;
}

.sisetu_table_index {
   background:#ccccff;
}

#sisetu_table li span {
   display: block;
    flex-grow: 1;
    text-align: center;
    width:20%;
    border-right:1px solid #DDD;
}
#sisetu_table li span:nth-child(3){
   flex-grow: 3;
   width:60%;
}

.to_fureai_reserve {
   font-size:0.7em;
   text-align: right;
   float:right;
   background:url(images/fureai_link_mark01.png) no-repeat 0 50%;
   background-size:40px;
   padding-left:50px;
   margin-right:10%;
}

#info_articles li {
   overflow:hidden;
   height:2.0em;
   margin-bottom:20px;
   line-height:2.0em;
}

.to_fureai_back {
   text-align: right;
   float:right;
   background:url(images/fureai_to_back_bt.png) no-repeat 0 50%;
   background-size:40px;
   padding-left:50px;
   margin-right:0;
   line-height:30px;
   height:30px;
   margin-top:20px;
}

.a_post_content {
   margin-bottom:50px;
   margin-top:10px;
}

/*******************************
 フッター関連
*******************************/      
footer {
   padding:50px 0;
   background:#f8f8f8;
}
.sepline {
   width:100%;
   height:1px;
   display:block;
   box-shadow: 0 2px 3px rgba(0,0,0,0.2);
   background:#f8f8f8;
   margin-top:-50px;
   margin-bottom:50px;
}
footer h2 {
   font-size:1.2em;
}
#google_map {
   padding:0 5% 0 5%;
}
#fureai_title {
   padding-left:5%;
}
 
address {
   line-height:2em;
   text-align: center;
   font-size:0.8em;
   background:#5a5b95;
   color:#FFF;
}
address a {
   color:#FFF;
}

.to_top_bt {
   width: 32px;
   height:37px;
   margin-left:auto;
   margin-right:0;
   display:block;
   margin-top:-75px;
}

.article_date {
   width:200px;
   text-align:right;
   font-size:0.8em;
   float:right;
   padding-right:10px;
}

.a_post_content {
   background:#FFF;
   border-radius:10px;
   padding:20px 5%;
   border:1px solid #CCC;
}

#textsize_convert {
   width:300px;
   position:absolute;
   top:0;
   right:0;
   background:#FFF;
}

.caption2 img {
   width:96%;
   height:auto;
   display:block;
   margin-right:4%;
   margin-bottom:20px;
}


/*******************************
 インナーページ用
*******************************/  
.caption h3 {
   border-bottom:2px dotted #AAA;
   font-weight: bold;
   font-size:1.2em;
}

.room_caption {
   padding:20px;
   border:1px dotted #AAA;
   border-radius:6px;
}

/*******************************
 PC
*******************************/
@media screen and (min-width: 1200px){
   #to_reserve_calendar {
   position:absolute;
   width:300px;
   height:100px;
   top:150px;
   right:0;
}

.caption {
   width:90%;
   margin:0 auto 50px auto;
}

}

/*******************************
 タブレット 横
 *******************************/
@media screen and (min-width:768px) and ( max-width:1200px) {
    header h1 {
    font-size: 1.2em;
    margin: 23px;
    padding: 30px;
    line-height: 1.8em;
    color: #FFF;
    display: inline-block;
    border-radius: 100px;
    background: #533571;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
    text-shadow: -1px -1px 0 #333;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#to_reserve_calendar {
   position:absolute;
   width:300px;
   height:100px;
   top:150px;
   right:0;
}

   .caption {
      width:90%;
      margin:0 auto 50px auto;
   }
 .inner_page_section .container {
    padding: 40px 2% 5% 2%;
    background: url(images/fureai_inner_bg.png);
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
    margin-bottom: 50px;
}
}

/*******************************
 タブレット 縦
 *******************************/
@media screen and (min-width:480px) and ( max-width:768px){
  header h1 {
    font-size: 1.2em;
   margin: 60px;
    padding: 30px;
    line-height: 1.8em;
    color: #FFF;
    display: inline-block;
    border-radius: 100px;
    background: #533571;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
    text-shadow: -1px -1px 0 #333;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
   
header h2 {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    line-height: 1.8em;
    color: #F8F8F8;
    display: block;
    text-align: center;
    float:none;
}

#teazer_div h3 {
    text-indent: -9999px;
    background: url(images/tomachop_01.png) no-repeat 50% 50%;
    position: absolute;
    width: 212px;
    height: 217px;
    top: 48%;
    left: 0;
    z-index: 15;
}
   #teazer_section {
    position:relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 360px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    background: url(images/fureai_teazer_bg.png);
    padding: 20px 0;
}

#teazer_section .container {
   position:relative;
}
   
   #teazer_div h4 {
     display:none;
   }
   
   .inner_page_section .container h1 {
    background: url(images/fureai_index_mark01.png) no-repeat 0 50%;
    padding-left: 80px;
    font-size: 1.2em;
    line-height: 1.5em;
    height: auto;
    min-height:80px;
    padding-top:10px;
}
   .inner_page_section .container {
    padding: 40px 1% 5% 1%;
    background: url(images/fureai_inner_bg.png);
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
    margin-bottom: 50px;
}

#to_reserve_calendar {
   position:absolute;
   width:250px;
   height:100px;
   top:150px;
   right:0;
}

.caption {
   width:95%;
   margin:0 auto 50px auto;
}

.nav-tabs li {
   margin-bottom:5px;
}

.nav-tabs li a {
   font-size:0.8em;
}
.caption h3 {
   border-bottom:2px dotted #AAA;
   font-weight: bold;
   font-size:1.1em;
}

}


 /*******************************
 スマホ
 *******************************/
@media screen and (max-width:480px) {
   
   header h1 {
    font-size: 1.2em;
    margin:60px auto 0 auto;
    padding: 30px;
    line-height: 1.8em;
    color: #FFF;
    display: inline-block;
    border-radius: 100px;
    background: #533571;
    position: absolute;
    top: 0;
    left: 2%;
    z-index: 10;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
    text-shadow: -1px -1px 0 #333;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    width:96%;
    text-align: center;
}
   
header h2 {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    line-height: 1.8em;
    color: #F8F8F8;
    display: block;
    text-align: center;
    float:none;
}


#teazer_div h3 {
    text-indent: -9999px;
    background: url(images/tomachop_01.png) no-repeat 50% 50%;
    position: absolute;
    width: 212px;
    height: 217px;
    top: 40%;
    left: 0;
    z-index: 15;
}
   #teazer_section {
    box-sizing: border-box;
    width: 100%;
    min-height: 360px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    background: url(images/fureai_teazer_bg.png);
    padding: 20px 0;
}
   
   #teazer_div h4 {
     display:none;
   }
   
   .inner_page_section .container h1 {
    background: url(images/fureai_index_mark01.png) no-repeat 0 50%;
    padding-left: 80px;
    font-size: 1.2em;
    line-height: 1.5em;
    height: auto;
    min-height:80px;
    padding-top:10px;
}
   .inner_page_section .container {
    padding: 40px 1% 5% 1%;
    background: url(images/fureai_inner_bg.png);
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
    margin-bottom: 50px;
}
   
#to_reserve_calendar {
   position:absolute;
   width:200px;
   height:60px;
   top:310px;
   right:50%;
   margin-right:-100px;
}

.caption {
   width:95%;
   margin:0 auto 50px auto;
}
.nav-tabs li {
   margin-bottom:5px;
}

.nav-tabs li a {
   font-size:0.8em;
}

.caption h3 {
   border-bottom:2px dotted #AAA;
   font-weight: bold;
   font-size:1.1em;
}

.smapho_br {
   display:block;
}

.article_date {
   width:96%;
   text-align:right;
   font-size:0.8em;
   padding-right:10px;
   padding-left:10px;
   margin-right:2%;
   float:none;
}


}