/* 
Theme Name: Responsive Child Theme 
Theme URI: http://themeid.com/responsive-theme/ 
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, W3C Markup Validated and currently translated into 34 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get a FREE/Responsive Support you need. http://themeid.com/support

Template: responsive
Version: 1.0.0
Author: ThemeID 
Author URI: http://themeid.com
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support

License: GNU General Public License
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/* =Import Styles
-------------------------------------------------------------- */
@import url('../../responsive/style.css');


	
/* =Start From Here
-------------------------------------------------------------- */
body, textarea, select, input { font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
/* input { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; } */
body{
	font-size: 16px;
	color: #444;
	line-height: 1.6em;
}
body.custom-background{
	min-height: 100%;
	background-size: cover;
}

body {
background: #efefef;
/* background: #BAE8FF;　*/
}
ul.menu > li:hover {
    background-color: #182a49;
}
.menu li li a{
	font-size: 14px;
}
body.custom-background{
	min-height: 100%;
	background-size: cover;
}
.margin-btm5{
	margin-bottom:5px;
}
.margin-btm10{
	margin-bottom:10px;
}
.margin-btm20{
	margin-bottom:20px;
}

.margin-left{
	margin-left:10px;
}

.headline{
font-size: 1.2em;
line-height: 1.3;
}

.margin-top0{
margin-top:0 !important;
}

#content .fb-like{
	margin-top:20px;
}

#header .yelp-icon, #header .vimeo-icon, #header .youtube-icon, #header .twitter-icon, #header .facebook-icon, #header .linkedin-icon, #header .rss-feed-icon, #header .instagram-icon, #header .pinterest-icon, #header .foursquare-icon, #header .google-plus-icon, #header .stumble-upon-icon{
	display: inline;
	margin: 1px;
	padding-left: 3px;
}

#header .social-icons{
	list-style: none;
	line-height: normal;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 5px;
}

.caution{
	color: crimson;
}

.small{
	font-size: 0.8em;
}

.range-color1{
	background-color: #F8F8FF;
}

#text-20{
	border:none;
}

.bbp-forum-title, .bbp-topic-permalink{
	font-size: 1.5em;
}

.bbp-forum a{
	font-size: 1.2em;
}

div.fig_triangle{
	background: url("images/triangle.png") no-repeat top center;
	max-width: 500px;
	background-size: contain;
	margin: 0 auto;
}
div.fig_triangle:hover{
	background: url("images/triangle_hover_all.png") no-repeat top center;
	max-width:500px;
	background-size: contain;
	margin: 0 auto;
}
div.gray{
	background-color: #fcfcfc;
}
ul.listmarkright{
	list-style: none;
}
ul.listmarkright li{
	list-style: none;
	background: url("images/lmright") no-repeat 0 0.5em ;
	padding-left: 25px;
}
ul.listmarkpoint{
	list-style: none;
}
ul.listmarkpoint li{
	list-style: none;
	background: url("images/lmpoint") no-repeat 0 0.5em ;
	padding-left: 25px;
}
table.whiteborder, th.whiteborder, td.whiteborder{
	border: 3px solid #fff;
}
div.img_inline{
	width:100%;
	margin:10px auto;
}
div.relative{
	position: relative;
}
div.floatmark{
	position: absolute;
	top: 60%;
	left: 75%;
}
div.img_inline img {
	padding: 0 5px;
}
div.img_inline ul, div.img_inline ul li{
	list-style-type:none;
}
div.img_inline ul{
	text-align:center;
}
div.img_inline ul li{
	display:inline-block;
	text-align:left;}
}

#content div.n1{
	background: url("images/n1.png") no-repeat;
}
#content div.lmplus{
	background: url("images/lmplus.gif") no-repeat 2em 1em !important;
}
#content div.lmright{
	background: url("images/lmright.gif") no-repeat 2em 1em !important;
}
#content div.lmpoint{
	background: url("images/lmpoint.gif") no-repeat 2em 1em !important;
}
#content div.mark{
	padding-left: 70px;
	font-size: 1.5em;
	line-height: 1.8em;
}
#content div.font-big{
font-size: 1.5em;
line-height: 1.8em;
}
div.rss-antenna img{
	float: left !important;
	padding-right: 5px;
}
div.rss-antenna{
	margin: 0 !important;
}

ul.mrgn0{
	margin: 0 !important;
}

#bbpress-forums div.bbp-reply-content{
	margin-left: 0 !important;
	padding-left: 12px !important;
}

.bbp-reply-header img{
	padding: 0 10px;
}

#header .menu{
	background-color: #183770;
	background-image: none;
	filter: none;
}

.padding1{
	width: auto;
	padding: 1em;
}

.menu a{
	color: #fff;
	font-size: 16px;
	border: none;
	font-weight: 500;
	padding: 0 0.8em;
}
/* .about a{
	padding-left:33px;
	background-image:url("./images/mn-bt02icon.png");
	background-repeat: no-repeat;
	background-position: 4px 6px;
} */
.menu a:hover{
	filter: none;
	background-color:#182a49;
}
.menu .current_page_item a, .menu .current-menu-item a, .menu .current-menu-ancestor a, .menu .current-menu-parent a, .menu .current-post-ancestor a{
	background-color:#182a49;
}

.grid{
	margin-bottom:0;
}

ul{
	margin-bottom: 0;
}

#header{
	margin-top: 5px;
}

/* #header .menu{
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
} 

#header .menu > li:first-child > a:hover{
	-webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
} */

.home-widgets{
	margin-bottom: 2.127659574468%;
}

.navigation{
	padding: 10px 0;
}

.navigation a{
	color: #666;
}

.bold{
	font-weight: bold;
}

.grey{
	background-color: #fcfcfc;
}

.grey2{
	background-color: #f8f8f8;
}

.bgpink{
	background-color:#F8E0F1;
}
.bgblue{
	background-color:#E0ECF8;
}
.bggreen{
	background-color:#CEF6CE;
}

#content ul.ul_2clm{
	width: 500px;
}
#content li.li_2left{
	width: 251px;
	float: left;
	clear: left;
}

form.small_select{
	width: 230px;
	margin: 0 10px;
	font-size: 0.9em
}
.bit_small{
	font-size:0.9em;
}
#content .bgwinter{
	background-image:url("./images/099592_2.jpg"),url("./images/s_099592top.jpg");
	min-height:750px;
	background-repeat: no-repeat, repeat;
	background-position:bottom,top;
	padding-bottom:100px !important;
}
#content .bgspring2{
	background-image:url("./images/spring_bg_btm.jpg"),url("./images/spring_bg_top.jpg");
	min-height:750px;
	background-repeat: no-repeat, repeat;
	background-position:bottom,top;
	padding-bottom:100px !important;
}
#content div.bgwintersnow{
	background-image:url("./images/s_099592top.jpg");
	background-repeat: repeat;
}
#content div.bgspring{
	background-image: url("./images/spring_bg.jpg");
	background-repeat: repeat-x;
	background-position: top;
}

#content div.bgsummertop{
	background-image: url("./images/summer_topbg.jpg");
	background-repeat: repeat-x;
	background-position: center;
}

#content div.bgsummer{
	background-image: url("./images/summer_bg.jpg");
	background-repeat: repeat-x;
	background-position: right bottom;
	background-color:#99ccff;
	padding-bottom:154px !important;
}
#content h3.h3_winter{
	padding-left: 60px;
	font-size: 30px;
	line-height: 34px;
	border: none;
	min-height: 50px;
}
#content h3.h3_spring{
	padding-left: 64px;
	font-size: 30px;
	line-height: 44px;
	border: none;
	min-height: 50px;
}
#content h3.h3_winter2{
	padding-left: 80px;
	font-size: 30px;
	line-height: 64px;
	border: none;
	min-height: 66px;
}
#content h3.h3_winter_snowman{
	background:url("./images/snowman.png") no-repeat left center;
}
#content h3.h3_spring_sakura{
	background:url("./images/spring_sakura.png") no-repeat left center;
}
#content h3.h3_spring_yflower{
	background:url("./images/spring_yflower.png") no-repeat left center;
}
#content h3.h3_winter_blue{
	background:url("./images/winter_blue.png") no-repeat left center;
}
#content h3.h3_winter_green{
	background:url("./images/winter_green.png") no-repeat left center;
}
#content h3.h3_winter_pink{
	background:url("./images/winter_pink.png") no-repeat left center;
}
#content h3.h3_summer{
	padding-left: 60px;
	font-size: 30px;
	line-height: 50px;
	border: none;
	min-height: 50px;
}
#content h3.h3_summer_1{
	background:url("./images/summer_suika.png") no-repeat left center;
}
#content h3.h3_summer_2{
	background:url("./images/summer_lady.png") no-repeat left center;
}
#content h3.h3_summer_3{
	background:url("./images/summer_sunflw.png") no-repeat left center;
}
#content h3.h3_summer_4{
	background:url("./images/summer_sun.png") no-repeat left center;
}
#header li.menu-top{
	background-color: #eee;
}

blockquote p{
	font-size: 1em;
	font-style: oblique;
}

.archive_summary, .archive_taglist{
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0 10px;
	margin:0 0 10px 0;
}

.archive_summary p{
	margin-bottom:0;
}

div.archive_summary img{
	margin-bottom:0;
}

.read-more{
	float:right;
}

.navigation a{
	color: #06c;
}

#altpages{
	background-color: #fcfcfc;
	padding: 10px 10px 15px 10px;
	margin:2em 0 2em 0;
}

dt{
	font-weight: bold;
}

dd{
	padding-left: 1em;
}

#content tr.heading{
	background-color: #eee;
	font-weight: bold;
}

#content td{
	vertical-align: middle;
	text-align: center;
	font-size: 0.9em;
}

#widgets{
	margin-top:0;
}


#content-full .box, #content-archive .box, #content .box, #post-0 .box{
	border: 1px solid #ddd;
	padding: 10px 10px 15px 10px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
}

#content-archive div.catlist{
	border: 1px solid #ddd;
	padding: 10px 10px 15px 10px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
	display: block;
}
#content-archive div.catlist ul{
	margin: 0;
}
#content .post-data {
	text-align: center;
	border: 1px solid #DDD;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 13px;
	padding: 5px;
}

#content .post-data  a{
	color: #06c;
}

#content .post-data  a:hover{
	color: #111;
}

#content h1{
	font-size: 2em;
}

#content h2{
	border-bottom: 2px solid #eee;
	font-size: 1.8em;
}
#content h6{
	padding-left: 0.5em;
}
h2.post-title{
	font-size: 1.8em;
	line-height: 1.1em;
}

#content h3{
	border-left: 4px solid #ccc;
	padding-left: 0.3em;
	padding-top: 0.15em;
	color: #777;
	font-size: 1.4em;
	vertical-align: bottom;
}
div.bg-gray{
background-color: #fbfbfb;
padding: 5px 5px;
width: auto;
}
#post-0 h3{
	padding-left: 0.3em;
}

#post-0 ul{
	padding: 0.3em 0 0.3em 3em;

}

#post-0 a{
	height: 1.5em;
}

#content h4{
	padding-left: 0.3em;
	color: #666;
	font-size: 1.3em;
}

#content ul, #content ol{
	padding: 0.3em 0 0.3em 2em;
}

.navigation .previous, .navigation .next{
	border: solid 1px #ddd;
	border-radius: 5px;
	background-color: #eef;
	font-size: 14px;
	margin-bottom: 6px;
}

/* ボタン用 */
.entrance_btn {
	font-size:28px;
	font-family:Verdana;
	font-weight:normal;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:0px solid #d83526;
	padding:9px 18px !important;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	color:#ffffff !important;
	display:inline-block;
	text-shadow:1px 1px 0px #b23e35;
 	-webkit-box-shadow:inset 0px 0px 15px 0px #f29c93;
 	-moz-box-shadow:inset 0px 0px 15px 0px #f29c93;
 	box-shadow:inset 0px 0px 15px 0px #f29c93;
}.entrance_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ce0100), color-stop(100%, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	background:-ms-linear-gradient( top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.entrance_btn:active {
	position:relative;
	top:1px;
}
/* ボタン用 ここまで*/
.align-right{
	text-align: right;
}

.custom_ex p{
	margin: 5px 0;
}

.custom_ex .read-more{
	float: none;
	text-align: right;
}

.moremore{
	padding-top: 10px;
}

.custom_ex{
	padding: 5px;
	border-bottom: 1px solid #eee;
	margin-bottom:5px;
}

.custom_ex img{
	margin-right: 5px;
}



#menu-side-menu{
	background: none;
	list-style-type: disc;
}

#menu-side-menu ul{
	list-style-type: disc;
}

#menu-side-menu li{
	float: none;
	position: static;
	display: list-item;
}
#menu-side-menu li a{
	text-shadow: none;
	color: #06c;
	line-height: 20px;
	font-weight: 500;
	border: none;
}
#menu-side-menu a:hover{
	background: none;
	color: #444;
}
#menu-side-menu .current_page_item a, #menu-side-menu .current-menu-item a, #menu-side-menu .current-menu-ancestor a, #menu-side-menu .current-menu-parent a, #menu-side-menu .current-post-ancestor a{
	background-color: #eee;
}

.widget-wrapper {
     background-color:#fff;
     filter:alpha(opacity=97);
     -moz-opacity:0.97;
     -khtml-opacity: 0.97;
     opacity:0.97;
	 margin: 20px 0 0 0;
}

#featured{
     background-color:#fff;
     filter:alpha(opacity=97);
     -moz-opacity:0.97;
     -khtml-opacity: 0.97;
     opacity:0.97;
}

.sidebar-widget-wrapper {
     background-color:#fff;
     filter:alpha(opacity=97);
     -moz-opacity:0.97;
     -khtml-opacity: 0.97;
     opacity:0.97;
	 margin-top: 20px;
}

.opacitybox{
     background-color:rgba(255,255,255,0.85);
}

.featured-title {
	font-size:  40px;
	letter-spacing: -1px;
	margin:  0;
	padding-top: 40px;
	text-align: center;
}

#widgets_shwdo .widget_categoryposts{
	margin-bottom: 0px;
}
#featured {
	border: none;
}
.widget_categoryposts img{
	width:170px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.widget_categoryposts p{
	margin-bottom:0;
}

.widget_categoryposts a.post-title{
	font-size: 1.2em;
	display: block;
}

#category-posts-2-internal .cat-post-title a{
	font-size: 1.3em !important;
	display: block !important;
}

.widget-title-home h3{
	padding-bottom:5px;
}

.widget_categoryposts li{
	clear:both;
	margin-left:0;
	margin-top:-1px;
	padding-top:10px;
	padding-bottom:5px;
	list-style-type: none;
	border-top: 1px solid #eee;
}
.widget_categoryposts ul{
	margin-left:0;
	overflow:hidden;
	margin: 0 1em 0 0;
	padding-left: 1.0em;
}

.widget_categoryposts .read-more{
	text-align:right;
}

div.widget-title-home{
	margin-bottom: 10px;
}

.widget-title-home a{
	color:#404040;
	border-bottom: solid 2px #ddd;
	display: block;
}

.archive_summary h2.post-title{
	border-bottom: solid 2px #eee;
}

.archive_summary h2.post-title a{
	color: #404040;
	display: block;
}

.widget-title-home a:hover, .archive_summary h2.post-title:hover{
	border-bottom: solid 2px #aaa;
}
/* .abcenter {
	width: 250px;
} */
.ft-menu{
     background-color:#EFFAFF;
     filter:alpha(opacity=97);
     -moz-opacity:0.97;
     -khtml-opacity: 0.97;
     opacity:0.97;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border-radius: 6px;
}

.ft-menu ul{
	margin: 5px 5px 5px 10px;
}

#footer .ft-menu a{
	font-weight:bold;
	font-size: 1.13em;
}

/* トップページ　スライドバー用 */

#slider{
	height: 300px;
}

.jquery-slider {
    overflow: hidden;
    position: relative;
	margin: 0 auto;
	width: auto;
}
.jquery-slider-element {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.jquery-slider-control {
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 1px solid #666;
    background: #fff;
    opacity: 0.33;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: #666 0 0 2px;
    text-shadow: #fff 0 0 1px;
}
.jquery-slider-control:hover {
    opacity: 1;
}
.jquery-slider-control-prev {
    left: 5px;
    top: 50%;
}
.jquery-slider-control-next {
    right: 5px;
    top: 50%;
}
.jquery-slider-pages {
    overflow: visible;
    position: absolute;
    left: 5px;
    bottom: 5px;
    height: 20px;
    right: 5px;
}
.jquery-slider-page {
    overflow: hidden;
    position: relative;
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    background: #999;
	cursor: pointer;
    opacity: 0.33;
    margin: 3px;
    border-radius: 6px;
    box-shadow: #333 0 0 2px;
}
.jquery-slider-page:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
}
.jquery-slider-page-current {
    opacity: 1;
}
/* トップページ　スライドバー用 ここまで　*/

/*　トップに戻るためのボタン　ここから　*/
#back-top {
	position: fixed;	
	margin-left: 40%;
	margin-top:100%;
	z-index:100;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity:0.70;
	background-color:#eee;
	-webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

#back-top a {
	background: url("images/arrow_top.png") no-repeat 50% 40%;
	width: 108px;
	height: 30px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #666;
}

#back-top a:hover {
    color: #000;
}
/* トップに戻るためのボタン　ここまで　*/

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 99999;
     filter:alpha(opacity=97);
     -moz-opacity:0.97;
     -khtml-opacity: 0.97;
     opacity:0.97;

}

#content h4.collapseomatic{
	padding-left:20px;
}

select{
	padding: 0.5em;
	margin-bottom: 5px;
}

#s, #cat, #tag{color:#666;}

#cat{ margin-top:10px;}

#cat, #tag{
	margin-bottom: 10px;
}

#content .yarpp-thumbnail > img, #content .yarpp-thumbnail-default {
width: 10em;
height: 9em;
margin: 0.1em;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
 }

/* =Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {}
	
    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	
	.home #widgets {
		margin-top: 40px;
	}
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    .ft-menu{
    float: left;
	margin-bottom: 20px;
	width: auto;
	}
   .abcenter {
	width: 400px;
	left: 50%;
	margin-left: -200px;
    }
  #content-archive div.catlist{
	width: auto;
  }
}

@media screen and (min-width: 651px) {
  .js .main-nav .menu {
    display: block !important;
  }
}

@media screen and (max-width: 650px) {

    body {}
#container{
	padding: 0 6px;

}
#widgets ul, #widgets ol {
	margin: 0;
	padding: 0;
}
.widget-wrapper{
	padding: 6px 0;
}
body.custom-background{
	background-image: none !important;
}

    #logo {
	    float: none;
        margin: 0;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
    
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }
	.widget-wrapper {
     background-color:#fff;
     filter:alpha(opacity=100);
     -moz-opacity:1;
     -khtml-opacity:1;
     opacity:1;
	 margin: 20px 0 0 0;
	}

    .js .menu,
	.js .sub-header-menu {
		display: none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }
	
	.tinynav { 
	    display: block;
		margin: 0 auto;
		width: 100%;
	}
	
	.tinynav {
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		background: #fff url(images/bg-select.png) no-repeat right;
		border: 1px solid #ccc;
        font-size: 12px;
		overflow: hidden;
		padding: 0.5em 1em 0.5em 0.75em;
	}
	
	.ie7 .tinynav,
	.ie8 .tinynav {
		padding-right: 10px;
	}
	
	.ie9 .tinynav  {
		padding-right: 8px;
	}
	
    #author-meta {
        padding: 20px;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
        padding-bottom: 10px;
	    text-align: center;
    }
}

@media screen and (max-width: 480px) {

    body {}

    #logo {
	    float: none;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
	}
	
	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }
    
    .navigation .next,
    .navigation .previous {
        text-align: center;
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }

    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }
}

@media screen and (max-width: 320px) {
    
    body {}
	
	#featured p {
	    font-size: 12px;
		line-height: 1.2em;
    }

    .featured-title {
	    font-size: 35px;
    }
	
	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
	    font-size: 14px;
	    padding: 7px 17px;
    }
}

@media screen and (max-width: 240px) {
    
    body {}
	
	#featured p {
	    font-size: 11px;
		line-height: 1.1em;
    }

    .featured-title {
	    font-size: 20px;
    }
	
	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
	    font-size: 12px;
	    padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: center;
    }
}
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}
/*The last 29 days of the month are the hardest."- Nikola Tesla*/

/*kwicks*/
.kwicks {
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.kwicks-horizontal > * {
	float: left;
}
.kwicks-horizontal > :first-child {
	margin-left: 0;
}
.kwicks-vertical > :first-child {
	margin-top: 0;
}
#content ul.kwicks{
	padding: 0;
}
.kwicks_1{
	height: 100px;
	width:515px
}
.kwicks_1 > li{
	background-color: #abc;
	height:100px;
	width:125px;
	margin-left:5px;
	float:left;
}
.kwicks_ss{
	height: 300px;
	width: 660px;
}
.kwicks_ss > li{
	height: 300px;
	background-color: #ccc;
	margin-left: 5px;
	float: left;
	line-height: 20px;
}
.kwicks_ss p{
	margin-top: 3px;
	margin-left: 3px;
}
.kss1{
	background-image: url(http://www.litera-arts.com/litera/wp-content/themes/child/responsive-child-theme/images/w1.jpg);
}
.ss1p{
	background-image: url(http://www.litera-arts.com/litera/wp-content/themes/child/responsive-child-theme/images/ts-01.jpg);
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
/*	width: 100%; */
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
	margin: auto;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* top画面用 */
#toparea{
	width:100%;
	margin-top: 10px;
}
#topinfo{
	padding-left: 1%;
}
#toprecent{
	background: #183770;
	color: white;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
	margin: auto;
}
#topevent{
font-size: 1.1em;
font-weight: normal;
text-align: center;
line-height: 1.8em;
background: #ff6666;
color: white;
}
.topinfo_txt{
	font-size: 0.9em;
	border-bottom: 1px solid #eee;
}
.submarea{
	text-align: center;
}
ul.unarea {
margin:0;
padding:0;
}
li.unbt {
margin-right: 5px;
margin-top: 5px;
display: inline-block;
float:left;
width:220px;
height:86px;
}
li.unbt a{
display: inline-block;
width:220px;
height:86px;
}
.unarea{
	clear: both;
	margin-top: 15px;
	display: inline-block;
	*display: inline;   <!-- IE用のハックです -->
	zoom: 1;
}

.unbt01{
background-image:url("./images/smc01s.png");
background-color:#a4cede;
background-repeat: no-repeat;
background-position: right bottom;
}
.unbt01:hover{
background-color:#8cbed2;
}
.unbt02{
background-image:url("./images/smc02s.png");
background-color:#ddbfe3;
background-repeat: no-repeat;
background-position: right bottom;
}
.unbt02:hover{
background-color:#d1acd9;
}
.unbt03{
background-image:url("./images/smc03s.png");
background-color:#cfde6e;
background-repeat: no-repeat;
background-position: right bottom;
}
.unbt03:hover{
background-color:#bfd255;
}
.unbt04{
background-image:url("./images/smc04s.png");
background-color:#ffb6aa;
background-repeat: no-repeat;
background-position: right bottom;
}
.unbt04:hover{
background-color:#ffa193;
}
.unbt01c{
	background-color:#eef;
background-image:url("./images/unbt01b.png");
background-repeat: no-repeat;
background-position: right 10px bottom;
}
.unbt02c{
	background-color:#fbf0fd;
background-image:url("./images/unbt02b.png");
background-repeat: no-repeat;
background-position: right 10px bottom;
}
.unbt03c{
	background-color:#ebf9cd;
background-image:url("./images/unbt03b.png");
background-repeat: no-repeat;
background-position: right 10px top 10px;
}
.unbt04c{
	background-color:#fdf2f0;
background-image:url("./images/unbt04b.png");
background-repeat: no-repeat;
background-position: right 10px bottom;
}
#sync1 .item{
/*    background: #0c83e7; 
    color: #FFF;
    padding: 80px 0px;
    text-align: center; */
    padding: 20px;
    margin: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border: 1px solid #ddd;
}
#sync2 .item{
/*    background: #C9C9C9; */
    padding: 10px 0px;
    margin: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
	font-size:1.2em;
}
#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
/*  background: #0c83e7; */
border-bottom: #ff9999 solid 10px;
font-weight: bold;
}
.unbt01c{
	text-align: center;
}
.unbt01s{
	background-color:#8cbed2;
	padding: 2%;
	font-weight: bold;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	color:#fff;
	display:inline-block;
	margin: 3px;
	font-size:1.1em;
}
.top2ndnavi{
	min-height:42px;
	float:left;
	width:24%;
	margin:0 0.4% 0.4% 0
}
.top2ndnavi a{
	font-weight: bold;
	display: block;
	padding-top: 6%;
	color: #666;
}

ul.sm-list{
    text-align: center;
    padding: 0;
    margin: 0;
    font-family: 'konatu';
	padding: 0;
}
ul.sm-list li{
    display: inline-block;
    background-color: #a4cede;
    height: 40px;
    width: 22%;
    vertical-align: middle;
	position:relative;
}

ul.sm-list a{
    font-weight: bold;
    color: white;
position: absolute;
    top: 15px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 40px;
    font-size: 0.9em;
    color: #666;
}
.flat-menu{
    background-color: #eef;
    padding: 2%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    display: inline-block;
    margin: 3px;
}

.wpcf7-select{
    width: auto;
}