/*
-----------------------------------------------
Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd"/>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#222222"/>
</Group>
<Group description="Backgrounds" selector=".body-fauxcolumns-outer">
<Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd"/>
<Variable name="content.background.color" description="Main Background" type="color" default="#ffffff"/>
<Variable name="header.background.color" description="Header Background" type="color" default="transparent"/>
</Group>
<Group description="Links" selector=".main-outer">
<Variable name="link.color" description="Link Color" type="color" default="#2288bb"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#888888"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Font" type="font"
default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" />
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.text.color" description="Description Color" type="color"
default="#777777" />
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="#999999"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5"/>
<Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee"/>
</Group>
<Group description="Post Title" selector="h3.post-title, .comments h4">
<Variable name="post.title.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
</Group>
<Group description="Date Header" selector=".date-header">
<Variable name="date.header.color" description="Text Color" type="color"
default="#222222"/>
<Variable name="date.header.background.color" description="Background Color" type="color"
default="transparent"/>
</Group>
<Group description="Post Footer" selector=".post-footer">
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666"/>
<Variable name="post.footer.background.color" description="Background Color" type="color"
default="#f9f9f9"/>
<Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee"/>
</Group>
<Group description="Gadgets" selector="h2">
<Variable name="widget.title.font" description="Title Font" type="font"
default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999"/>
</Group>
<Group description="Images" selector=".main-inner">
<Variable name="image.background.color" description="Background Color" type="color" default="#ffffff"/>
<Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee"/>
<Variable name="image.text.color" description="Caption Text Color" type="color" default="#222222"/>
</Group>
<Group description="Accents" selector=".content-inner">
<Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee"/>
<Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="#eeeeee"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="#bbdd66" default="$(color) none repeat scroll top left"/>
<Variable name="body.background.override" description="Body Background Override" type="string" default=""/>
<Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
default="url(http://www.blogblog.com/1kt/simple/gradients_light.png)"/>
<Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
default="url(http://www.blogblog.com/1kt/simple/body_gradient_tile_light.png)"/>
<Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner"/>
<Variable name="content.padding" description="Content Padding" type="length" default="10px"/>
<Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="10px"/>
<Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px"/>
<Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px"/>
<Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px"/>
<Variable name="main.border.width" description="Main Border Width" type="length" default="0"/>
<Variable name="header.background.gradient" description="Header Gradient" type="url" default="none"/>
<Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px"/>
<Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px"/>
<Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px"/>
<Variable name="header.padding" description="Header Padding" type="length" default="30px"/>
<Variable name="header.border.size" description="Header Border Size" type="length" default="1px"/>
<Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="0"/>
<Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0"/>
<Variable name="description.text.size" description="Description Text Size" type="string" default="140%"/>
<Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" />
<Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" />
<Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
default="url(http://www.blogblog.com/1kt/simple/gradients_light.png)"/>
<Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px"/>
<Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px"/>
<Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit"/>
<Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit"/>
<Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit"/>
<Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px"/>
<Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px"/>
<Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px"/>
<Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner"/>
<Variable name="page.width" description="Page Width" type="string" default="auto"/>
<Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px"/>
<Variable name="main.padding" description="Main Padding" type="length" default="15px"/>
<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px"/>
<Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px"/>
<Variable name="paging.background"
color="#ffffff"
description="Background of blog paging area" type="background"
default="transparent none no-repeat scroll top center"/>
<Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0"/>
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left"/>
<Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto"/>
<Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" />
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
*/
/* Content
----------------------------------------------- */
body {
font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #222222;
background: #8FB896 none repeat scroll top left;
padding: 0 0px 0px 0px;
}
body { font-family:"meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif; }
.topcse {float: left;width: 360px; background: #ffffff;height:45px;}
.m_menu {position: fixed;padding: 0px!important;margin: 0px!important;bottom: 0;left: 0;right: 0;z-index: 104;}
.mobile .m_menu li { list-style-type: none; margin-bottom: 0; }
.m_menu li .m_menu_name {font-size: 9px;}
.m_menu li a {float: left;font-size: 24px;width: 20%;text-align: center;padding: 4px 0;height: 45px;display: block;background-color: rgba(60,60,60,0.5);text-decoration: none;color: #ccc;}

@font-face {
    font-family: 'LigatureSymbols';
    src: url('http://xenontenter.com/wp-content/webfont/LigatureSymbols/LigatureSymbols-2.11.eot');
    src: url('http://xenontenter.com/wp-content/webfont/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('http://xenontenter.com/wp-content/webfont/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
         url('http://xenontenter.com/wp-content/webfont/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
         url('http://xenontenter.com/wp-content/webfont/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}




html body .region-inner {
min-width: 0;
max-width: 100%;
width: 1130px;
}

.mobile .region-inner{width:100%;}

a:link {text-decoration: underline;;color: #0000CC;}
.post-title a:link {text-decoration:none;color: #000000;}
a:visited {text-decoration: none;color: #4C2472;}
a:hover {text-decoration:underline;color: #a9ff32;}
.post-title a:hover {text-decoration:underline;color: #a9ff32;}




.content-inner {padding: 0px 0 0 0px!important;}

/* Header
----------------------------------------------- */
.header-outer {
background: transparent url(http://www.blogblog.com/1kt/simple/gradients_light.png) repeat-x scroll 0 -400px;
_background-image: none;
background:#FFF;
}
.Header h1 {
font: normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #99bb32;
text-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
}
.Header h1 a {
color: #33b933;
}
.Header .description {
color: #777777;
  margin: 5px 0;
}
.mobile .header-inner .Header .titlewrapper {
text-align:center;
margin:0px;
}
.mobile .title{    padding-top:40px;    font-size:30px;}
.header-inner .Header .titlewrapper {
padding: 0px 30px 10px;
}
.mobile .titlewrapper img{width:auto;height:45px;}
.header-inner .Header .descriptionwrapper {  width: 300px;margin:0px!important;padding: 0 4px;
}
.mobiliewarapborder {
  border-top: #8FB896 20px solid;
  border-bottom: #8FB896 20px solid;
  background: #59205d;
  height: 25px;
}
.mobiletopwarap {
  top: 9px;
  position: absolute;
  width: 100%;
  float: left;
}

.header .title {
  margin: 10px 0;
  font: normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #99bb32;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, .2);
  margin-bottom: 10px;
}

.header .title a:link {
  text-decoration: none;
}
.header .title a {
  color: #33b933;
}
/* Tabs
----------------------------------------------- */
.tabs-inner .section:first-child {
border-top: 0 solid #eeeeee;
}

.tabs-inner .section{margin: 0!important;}
.tabs-inner {padding: 0!important;}

.tabs-inner .section:first-child ul {
margin-top: -0;
border-top: 0 solid #eeeeee;
border-left: 0 solid #eeeeee;
border-right: 0 solid #eeeeee;
margin-bottom: 5px;
}
.tabs-inner .widget ul {
background: #ECF3ED;
_background-image: none;
border-bottom: 1px solid #eeeeee;
margin-top: 0;
}
.tabs-inner .widget li a {
display: inline-block;
padding: 10px 1em;
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #999999;
border-left: 1px solid #ffffff;
border-right: 1px solid #eeeeee;
}
.tabs-inner .widget li:first-child a {
border-left: none;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #000000;
background-color: #eeeeee;
text-decoration: none;
}
/* Columns
----------------------------------------------- */
.main-outer {
border-top: 0 solid #eeeeee;
}
.fauxcolumn-outer.fauxcolumn-center-outer{
background:#FFF;
}
.mac-key {
/*Box Properties*/
display:inline-block;min-width:18px;height:28px;padding:0 5px;margin: 0px 4px;background: #fff;border-radius: 4px;box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5);
/*Text Properties*/
font: 18px/28px Helvetica, serif ;text-transform: uppercase;text-align: center;color: #666;}

.mobile .main-outer{
margin-top:0px!important;
}
.fauxcolumn-left-outer .fauxcolumn-inner {
border-right: 1px solid #eeeeee;
}
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid #eeeeee;
background: #ECF3ED;
}
/* Headings
----------------------------------------------- */

/* Widgets
----------------------------------------------- */
.widget .zippy {
color: #999999;
text-shadow: 2px 2px 1px rgba(0, 0, 0, .1);
}
.widget .popular-posts ul {
list-style: none;
}
/* Posts
----------------------------------------------- */
.date-header span {
background-color: transparent;
color: #222222;
padding: inherit;
letter-spacing: inherit;
margin: inherit;
}
.SideBySideButton {
margin: 10px 10px;
float: left;
vertical-align: bottom;
}
.shareHtmlFrame{
background-color:#d1e6b4; 
padding:5px;
border:2px;
border-style: dashed;
margin: 5px 10px;
overflow:auto;
}

.separator a {
  margin: 0!important;
}
p-shareButton__a-cont__img img,img.aligncenter.size-full {
    margin: 0 auto;	
        margin-bottom: 20px;
        width:100%;
}

.main-inner {padding: 0px!important;}

 .main-inner .column-right-inner {padding: 0 !important;}

.mobile .main-inner .column-center-inner {padding: 0!important;}
.body {margin: 0 0 25px 0;}
.comments h4 {
font: normal bold 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: .75em 0 0;
border-bottom:1px dashed  #ccc ;
}
.post-body {
font-size: 15px;
line-height: 27px;
position: relative;
}

.mobile img,.mobile iframe {max-width:100%;height:auto;}









.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {

background: #ffffff;
padding: 0;
border: 1px solid #eee;
 box-sizing:border-box;

max-width:100%;
height:auto;
}
 .post-body .tr-caption-container {
padding: 5px;
}
.post-body .tr-caption-container {
color: #222222;
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}

.post-footer {
padding: 5px 10px;
color: #666666;
background-color: #B7B28F;
border-bottom: 1px solid #eeeeee;
line-height: 1.6;
font-size: 90%;
}


/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
border-left: 1px solid #eeeeee;
}
.blog-pager {
background: transparent none no-repeat scroll top center;
}

.footer-outer {
border-top: 0 dashed #bbbbbb;
}
/* Mobile
----------------------------------------------- */
body.mobile  {
background-size: auto;
min-width: 0px;
}
div#hs-rss-app.hs-rss-wrap{
width: 215px!important;
}
.hs-rss-box {
width: 200px!important;
}

.sticky-itslinktext br,.pochi_info br{
display: block!important;
}

.sticky-itslink,.pochireba{
clear:both;
}
.pochireba br {
    display: none;
}
.sticky-itslink {padding: 8px;background-color: #ffffea;border: 1px solid #aeaeae;}
.shareHtmlFrame .shareThumb a img, .shareHatena  img{
margin-right:10px;
border: none!important;
padding: 0px!important;
box-shadow: none!important;
min-width: 20px!important;
}
.mobile .sticky-itslink a img {min-width: 60px;}
.waku img,.box_snsbtn img,.box_snsbtnpc img,.post .ad img,.sticky-itslink  img,.pochireba img,.kaerebalink-box img,.booklink-image img{
    padding:0!important;
border: none !important;
box-shadow: none !important;
background : none;
}
.related-posts-widget h2{
font-size:large;
border-left:7px solid  #ccc ;
border-bottom:1px dashed  #ccc ;
-webkit-margin-before: 5px;
-webkit-margin-after:0px;
}
.linkwithin_posts a {
  padding: 0px 17px　20px 17px!important;}

.footer-ads{width:100%;float:left;background: #ECF3ED;padding-top: 20px;margin-top: 20px;}
.footer-ads-left{float:left;padding:4px;}
.footer-ads-right{float:right;padding:4px;}
.sponsered_link {text-align: center;display: block;margin: 5px 0 4px !important;font-size: 12px !important;color: #333;}
.mobile div.related-posts-widget{
overflow:hidden;
}
.page_fb-like{
margin-top:15px;
margin-bottom:-30px;
}

/* mobile�̃o�c���邵���� */

h2.date-header{
margin: -10px 0 4px 0;
font: normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #000000;
text-transform: uppercase;
}


.mobile .header-outer{
    margin: 0px!important;
width:100%;
height:100%;
background:#8fb896;
/* background: transparent url(http://xenontenter.com/wp-content/blogger/img/twarapp.png
);
-moz-background-size:contain;
background-size: cover; */
}

.box_snsbtnpc{    width: 100%;height: 120px;background-color: #ECF3ED;margin: 20px 0 10px 0;border: 1px solid #ccc;}
.box_snsbtnpc:hover ,.shareHtmlFrame:hover,.footer-ads-right .fb_iframe_widget:hover{background: #fffacd;}
.onegai {margin: 0px 20px;padding-top: 10px;}


.mobile .content-outer,.mobile .main-outer,.mobile .post-outer{
background:inherit;
border:0}
.mobile #aswift_0_anchor{margin:10px 0 0 -10px;text-align:center}
.mobile .kaerebalink-image{
max-width:100px !important;
}
h6 {
font-size:large;
border-left:7px solid  #ccc ;
border-bottom:1px dashed  #ccc ;
-webkit-margin-before: 5px;
-webkit-margin-after:0px;
}

.PopularPosts .widget-content ul li {float:left;border-top:none;}

/* linkwithin */
.linkwithin_text{padding:0px  !important;}
.Header h1 a:hover {color: #9fc5e8;}
#linkwithin_logo_0{margin:0px !important;display:none;}
#linkwithin_posts{margin-bottom: 210px;}
#linkwithin_inner {width: 100%!important;}
.mobile .body-fauxcolumn-outer .cap-top {
background-size: 100% auto;
}
.mobile {font-size:small;}


h1.post-title{
font-size: 1.8em;
}
.boderads{    padding:10px 0 0px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;text-align: center;}
.boderads img:hover {opacity: 0.6;}
.boderads img{box-shadow:none!important;}
.boderadsmobile{    margin: 0 -10px 0 -10px;    padding:10px 0 0px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;text-align: center;}
.mobile .mobile-header-ads2{        margin:0px 10px 0px 0px;}
.mobile h1.post-title {
    padding: 0px 10px;
  font-size: 1.5em;
}
.mobile .post-body {
  width: auto;
  padding: 12px;
}
.mobile .date-header{
  padding-left: 5px;
}
.post h4{
border-left:7px solid  #000000 ;
margin:10px 0px 5px 5px;
background: #f8f8f8;
padding:.4em .8em ;
}

h2.post-title.entry-title {
  font-size: 2.4em;
  background: none;
  padding: 0px;
  margin: 0px;
  border-radius: 0;
  margin-bottom: 10px;
}

.mobile h2.post-title.entry-title {
  font-size: medium;
}
.mobile .mobile-date-outer{margin:10px;}
.mobile .post-body h2{margin: 16px -12px;}
.mobile .post-footer h2{margin: 16px 0px;}
footer h2,.post h2 {
  background-color: #C3E2C8;
    margin: 16px 0;
    padding: 0.8em 16px;
    line-height: 1.3em;
    font-size: 1.3em;
    font-weight: bold;
}

.post h3  {
margin: 16px 0;
    background: #f8f8f8;
    padding: 0.3em 1em;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    font-size: 1.2em;
}
.kaerebalink-image{margin:0 15px 0 0!important;}
.fixed {
  position: fixed; /* ポジション（position）を絶対位置で固定（fixed）という意味*/
  top: 20px; /* ウインドウ上部（top）から固定する要素との距離（今回は20px） */
}
blockquote {
background: url(http://xenontenter.com/wp-content/blogger/img/blockquote_start.gif
) 10px 10px no-repeat;
padding: 20px 10px 20px 40px;
color: #666666;
border: #999999 1px dotted;
margin: 20px 0;
position: relative;
}
blockquote:before {
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #000;
content: "";
padding: 0 0.5em 0 0;
position: absolute;
top: 25px;
left: 20px;
}
blockquote ul{
padding: 0 1.5em!important;
}
body.mobile .AdSense {
margin: 0 -40px;
}
.mobile-index-title { width: 100% !important; font-size: 1.5em!important;
    font-weight: bold!important;margin-top: 0px!important;}
.mobile .tabs-inner .widget ul {
margin-left: 0;
margin-right: 0;
}
.mobile .post {
margin: 0;
}
.mobile .main-column-right .column-center-inner .section {
margin: 0;
}

.mobile .blog-pager {
background: transparent none no-repeat scroll top center;
}
.mobile .footer-outer {
border-top: none;
}
.mobile .main-inner, .mobile .footer-inner {
background-color: #ffffff;
}
.footer-inner {
padding: 20px 0px;
}
.mobile .footer-inner {
    padding-bottom: 50px;
}


.mobile .mobile-bottom-ads2{
margin:0px auto;
text-align:center;
}
.mobile .mobile-bottom-ads2 iframe{
height:100%;
}
.mobile-index-contents {
color: #222222;
float:none;
margin-right: 10%;
margin: 0 auto;
    text-align: center;
        margin-bottom: 20px;

}


.mobile .tabs-inner .PageList .widget-content {
background-color: #eeeeee;
padding:3px 20px;
}

.mobile .tabs .section ,.mobile .tabs-inner{margin:0px;}
/*Google検索の*/
.mobile .gsc-control-cse{
padding:0!important;
background-color: transparent;
border: none;
}

/* -----Recent Post Styles Start ----- */
img.label_thumb {
float:left;
margin-right:10px !important;
height:72px;
/* Thumbnail height */
width:72px;
list-style: none;
display: block;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 77px;
margin: 0 0 2px 5px;
padding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:77px;
margin-right:20px;
margin-bottom:0px;
border-bottom: 1px dashed #999999;
list-style: none;
display: block;
}
.label_with_thumbs li {
list-style: none;
padding-left:0px !important;
list-style: none;
display: block;
}
.label_with_thumbs a {
text-transform: none;
}
.label_with_thumbs strong {
padding-left:0px;
}
.mobile-post-outer a:link{text-decoration: none!important;}
.Header h1 a:link{text-decoration: none;}
/* -----Recent Post Styles End ----- */
.sidebar{width:320px;margin:3px auto;padding:0;}
.sidebar h4,.sidebar .widget h2,.foot h2{font-style:normal!important;font-weight:700;font-size:14px;line-height:20px;background:#006e54;color:#fff;padding:5px;}
.sidebar ul{list-style:none;margin:0 auto;padding:0}
.sidebar li{line-height:1.5em;border-bottom:1px dashed #ccc;margin:0 auto;padding:8px 5px 0;}
.sidebar a:link,.sidebar a:visited{text-decoration:none;}
.sidebar .widget{margin-bottom:20px;}
.PopularPosts .item-title{height:auto;font-weight: bold;font-size: 100%;}
.sidepage {padding-left: 5px;}
.sidepage a{font-weight: bold;}
.sidepage a:hover img {filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6}.mobileosu h4{ font-style:normal!important;font-weight:700;font-size:14px;line-height:20px;background:#8FB896;color:#fff;margin: 0 -10px;}
.mobile .sidepage{padding-left:0px;}
.mobile .related-posts-widget ul,.mobile .related-posts-widget-mini ul{list-style: none;padding: 0!important;}
.mobile .related-posts-widget .relatimg,.mobile .related-posts-widget-mini .relatimg{float:left;clear:both;margin-right: 10px;}
.mobile .related-posts-widget li,.mobile .related-posts-widget-mini li{display:inline-block; width: 100%;border-bottom: 1px solid #CCC;padding-bottom: 10px; }
.main-inner .date-outer{padding-top: 0px!important;margin-bottom: 20px!important;}
.mobile .main-inner .date-outer{padding-bottom: 0px!important;border-bottom: 1px solid;}
.mobile .status-msg-wrap{margin: 20px auto;}
.mobile #PageList1{margin-top: -5px;}

.titlega {
float: left;
width: 320px;
}
.fb_iframe_widget {display: block!important;}
.footer-ads-right .fb_iframe_widget{background: #FFF;}
.iine{
border-top: solid #ECF3ED 5px;
border-bottom: solid #ECF3ED 5px;
text-align: center;
margin: 15px auto 15px auto;}
footer{
background:#ECF3ED;
margin-top: 20px;
}
.mobile .footer-inner {padding-bottom: 0px!important;}
.region-inner.footer-inner {
background: #FFF;
}


.titlecom{margin-left: 90px;}
.Header h1 {margin: 10px 0;}
.mobile .Header h1{margin:0px;}

.linkwithin_title{font-size:10px!important;}

.snsShare {
height: auto;
width: 100%;
margin: 20px 0;
}
.snsShare a {
color: #fff !important;
cursor: pointer;
display: inline-block;
float: left;
font-size: 18px;
font-weight: bold;
height: 25px;
letter-spacing: 0.1em;
margin-bottom: 10px;
padding: 14px 0;
text-align: center;
text-decoration: none;
text-shadow: none;
width: 50%;
}
.snsShare a:hover {
color: #ffffff;
text-decoration: underline;
}
.snsShare a#share_fb {
background-color: #3B5998;
border-bottom: 1px solid #3C5A98;
}
.snsShare a#share_tw {
background-color: #00ACEE;
border-bottom: 1px solid #0193CB;
}
.snsShare a#share_hatena {
background-color: #008FDE;
border-bottom: 1px solid #007BBF;
}
.snsShare a#share_pocket {
background-color: #D43D37;
border-bottom: 1px solid #8D2D1D;
}
.snsShare a#share_line {
background-color: #5ae628;
border-bottom: 1px solid #5B7E52;
}

.recommendedArticle {
      margin: 20px 0;
  font-weight: bold;
  border: 1px solid #ddd;
  padding: 20px;
  color: #E22F26;
  background-color: #f8f8f8;
}
.sns-icon {
  float: left;
  display: block;
  width: 46%;
  margin: 4px 2%;
  min-height: 40px;
  line-height: 130%;
  text-align: center;
}
.youtube {
    width: 100%;
    margin: 10px auto;
}
.youtube iframe {
    width: 100%;
    margin: 10px auto;
    display: block;
}
/*   パンくずリスト  
--------------------------------------- */  
.breadcrumb-wrappaer { 
   margin:10px 0 30px 5px;
}
.breadcrumb {
   padding:0 0 0 10px;
   margin: 0px;
}
.breadcrumb a {
   color:#333;
   font-size:13px;
   text-decoration:none;
}
.breadcrumb li {
   display: inline;
   list-style-type: none;
}
.breadcrumb  li:after {
   content: " > ";
}

.mobile .svgbg {
    background: url(http://xenontenter.com/wp-content/blogger/img/kissatennoheya.svg);
        background-size: 100% 45px;
  margin: 0 auto;
  width: auto;
  height: 45px;
  }
.svgbg {
    background: url(http://xenontenter.com/wp-content/blogger/img/kissatennoheya.svg);
        background-size: 100% 54px;
  margin: 0 auto;
  width: 300px;
  height: 54px;
  border-bottom: 6px solid;
}
 
  
  
ul.snsbtnwrap{list-style: none;display: flex;justify-content: center;display: -webkit-flex;-webkit-justify-content: center;margin: 0;padding: 0;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
ul.snsbtnwrap a{text-decoration:none;border: none;}
li.btn-comm{font: normal normal normal 14px/1 FontAwesome;padding: 10px 4px 6px 4px;margin:2px;border-radius: 3px;display: flex;flex-direction: column;display: -webkit-flex;-webkit-flex-direction: column;width: 66px;}
li.btn-comm span{text-decoration: none;margin: 9px 0px 0px 0px;padding: 4px 7px;color: #fff;border-radius: 20px;background-color: rgba(0,0,0,0.2);font-size: 10px;text-align: center;line-height:15px;}
li.btn-tw{background-color: #55ACEE;}li.btn-tw:before{content: "\f099";color: #55ACEE;}/*twitter*/
li.btn-fb{background-color: #3b5998;}li.btn-fb:before{content: "\f230";color: #3b5998;}/*facebook*/
li.btn-gp{background-color: #cc3732;}li.btn-gp:before{content: "\f0d4";color: #cc3732;}/*google plus*/
li.btn-hb{background-color: #008FDE;}li.btn-hb:before{content: "B!";font-family: Verdana;font-weight: bold;;color: #008FDE;}/*hatebu*/
li.btn-pk{background-color: #EF3E56;}li.btn-pk:before{content: "\f265";color: #EF3E56;}/*pocket*/
li.btn-fd{background-color: #6cc655;}li.btn-fd:before{content: "\f1d8";color: #6cc655;}/*feedly*/
li.btn-comm:before{text-align: center;font-size: 20px;width: 40px;height: 40px;background-color: #fff;border-radius: 50%;margin: 0px auto;line-height: 40px;transition: all .3s ease;}
li.btn-tw:hover:before{box-shadow:0 0 0 2px #55ACEE, 0 0 0 5px #fff;}
li.btn-fb:hover:before{box-shadow:0 0 0 2px #3b5998, 0 0 0 5px #fff;}
li.btn-gp:hover:before{box-shadow:0 0 0 2px #cc3732, 0 0 0 5px #fff;}
li.btn-hb:hover:before{box-shadow:0 0 0 2px #008FDE, 0 0 0 5px #fff;}
li.btn-pk:hover:before{box-shadow:0 0 0 2px #EF3E56, 0 0 0 5px #fff;}
li.btn-fd:hover:before{box-shadow:0 0 0 2px #6cc655, 0 0 0 5px #fff;}
  
  /************************************
** Facebookページを「いいね！」するエリアのスタイル
************************************/
div.fb-like-mobile{
  display: none;
}
.article-like{
  height: 100px;
}
.article-like-thumb{
  float: left;
  width: 100px;
}
.mobile .article-like-thumb{
  float: left;
  width: 30%;
  max-height: 100px;
}
.article-like-thumb img{
  display: block;
}
.article-like-body{
  margin-right: auto;
  float: none;
  padding: 10px;
  font-size: 18px;
  line-height: 1.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.article-like-body::after{
  content: '\f054';
  position: absolute;
  right: 110px;
  top: 27px;
  color: #ccc;
  font-size: 50px;
  font-family: FontAwesome;
  line-height: 100%;
}
.article-like-button {
  background-color: #f3f3f3;
  width: 80px;
  height: 100px;
  text-align: center;
  float: right;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.article-like-arrow-box {
  float: left;
  position: relative;
  border: 1px solid #bbb;
  margin-left: 12px;
  width: calc(100% - 120px);
  border-radius: 5px;
}

.mobile .article-like-arrow-box {
width: calc(100% - 30% - 20px);
}

.article-like-arrow-box-in{
  height: 100px;
  overflow: hidden;
}
.article-like-arrow-box:after, .article-like-arrow-box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.article-like-arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
.article-like-arrow-box:before {
  border-color: rgba(221, 221, 221, 0);
  border-right-color: #bbb;
  border-width: 11px;
  margin-top: -11px;
}
.clear{
  clear: both;
}

div#HTML4 {
    overflow: inherit!important;
    height: auto!important;
}

  .mobile .article-like-body {
  margin-right: auto;
  font-size: 1em;
  line-height: 1.2em;
}
  .article-like-body::after{
    display: none;
  }
  
   @media screen and (max-width:410px){
 .mobile .article-like-body {
 font-size: 0.8em;
 }
 .mobile .snsShare a{
 font-size:0.9em;
 }
 }

 
  .mobile.article-like-arrow-box{
    height: 100px;
  }
  .mobile.article-like-button{
    float: none;
    width: 100%;
    height: 30px;
    display: block;
  }
 .mobile div.fb-like-mobile{
    display: block;
  }
 .mobile div.fb-like-pc{
    display: none;
  }

#content-atas h2{position:absolute;left:-9999px}
ul.randomnya,ul.randomnya li{padding:0;margin:0;list-style:none;position:relative}
#content-atas .widget{padding:20px 10px}
ul.randomnya{height:170px}
ul.randomnya li{overflow:hidden;position:absolute;width:33.1%;height:100%;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}
ul.randomnya li:nth-child(1){left:0;top:0}
ul.randomnya li:nth-child(2){left:33.4%;top:0}
ul.randomnya li:nth-child(3){left:66.8%;top:0;height:49.6%}
ul.randomnya li:nth-child(4){left:66.8%;top:50.3%;height:49.6%}
ul.randomnya img{width:100%}
ul.randomnya .overlayx{width:100%;height:250px;background-image:url(http://2.bp.blogspot.com/-zahGIqIKBZA/VmPfS0m5KUI/AAAAAAAAANg/oiwLbIQ6aLA/s000/linebg-fade.png);z-index:1;position:absolute;background-position:0 0;background-repeat:repeat-x;bottom:0}
ul.randomnya li:nth-child(3) .overlayx,ul.randomnya li:nth-child(4) .overlayx{bottom:-70px}
ul.randomnya li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
ul.randomnya h4{position:absolute;z-index:2;bottom:35px;padding:0 10px;font-size:16px;color:white;text-shadow:0 1px 2px #333}
ul.randomnya .label_text{position:absolute;bottom:15px;z-index:2;color:white;width:100%;padding:0 10px}
ul.randomnya .date span{margin-right:3px}
ul.randomnya .autname{padding:0 0 0 3px;border-left:1px solid #CFCFCF}
ul.randomnya .cmnum{position:absolute;display:block;right:10px;top:-5px;padding:3px 5px;background-color:#706F6F}
ul.randomnya .cmnum::after{content:"";width:0;height:0;border-width:2px 4px;border-style:solid;border-color:#706F6F #706F6F transparent transparent;position:absolute;top:100%;right:0}
#randompostxx {
  margin-bottom: 5px;


}

.entry-content table {
    width: 100%;
    margin: 0 auto 25px;
    text-align: left;
    font-size: 13px;
}

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

.entry-content table th {
    max-width: 170px;
   
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #eee;
}

.entry-content table td {
    padding: 10px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}


.entry-content table.omiseinfo td.omisemei{height: 100px;font-weight: bold;font-size: 150%;padding-left: 30px;}

.entry-content table.table-info td.table-info{height: 100px;font-weight: bold;font-size: 150%;padding-left: 30px;}
.entry-content table.table-info td{    padding: 5px 10px;text-align: center;}
.entry-content table.table-info th { padding: 5px 10px;}
.entry-content table.table-info td ul {text-align: left;
    margin: 0!important;
    margin-left: -20px!important;
    width: 90%;}
.entry-content table.table-info {
    margin: 20px auto;
}



.kaerebalink-box {
    border: 1px solid #006e54;
    margin: 10px 20px;
}
.kaerebalink-image {
    margin: 10px!important;
}
.kaerebalink-info {
    margin-top: 10px;
    font-size: 1.3em;
}

div.shoplinkamazon a {
    background: black;
    color: white;
    text-indent: inherit;
    text-align: center;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    width: 200px;
    float: left;
    transition: 0.2s ease;
}

div.shoplinkrakuten a {
    background: black;
    color: white;
    text-indent: inherit;
    text-align: center;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    width: 200px;
    float: left;
    margin-left: 10px;
    transition: 0.2s ease;
}

div.shoplinkamazon a:hover {
    width: 200px;
    height: 35px;
    display: block;
    background: #777;
}

div.shoplinkrakuten a:hover {
    width: 200px;
    height: 35px;
    display: block;
    background: #777;
}


.mobile .kaerebalink-image {
    float: none!important;
    width: auto;
    margin: 10px auto!important;
    text-align: center;
}
.mobile .kaerebalink-info{
  margin: 10px;
}

.mobile div.shoplinkamazon a {
  
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
}

.mobile div.shoplinkrakuten a {
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 10px;
}
.mobile .kaerebalink-box{margin: 10px}

a.btn01 img {
    box-shadow: none;
        width: 100%;
}

a.drip-present img {
    box-shadow: none;
    margin-bottom: 24px;
        width: 100%;
}

ul.plist {
   border: solid 2px #555;
    padding: 0.5em!important;
    position: relative;
    margin-top: 2em!important;
}
ul.plist li {
    line-height: 1.5;
    padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.plist li:last-of-type{
  border-bottom: none;
}
ul.plist li:before {/*リスト内のアイコン*/
    font-family: FontAwesome;
    content: "\f138";/*アイコン種類*/
    position: absolute;
    left : 0.5em; /*左端からのアイコンまで*/
    color: #555; /*アイコン色*/
}
ul.plist li:after {/*タイトルタブ*/
    background: #555;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: -2px;
    bottom: 100%;
    padding: 1px 7px;
    content: "ポイント！";/*タブの文字*/
    letter-spacing: 0.05em;/*字間*/
  }
  .chuyaku{    border-color: #292929;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
        margin: 0 0 1.5em 0;
    border-width: 2px;
    border-style: solid;}
 .chuyakutitle{background-color: #333333;
    color: #FFFFFF;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    display: block;
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 1.1em;}
 .chuyakunakami{background-color: #fff;
    color: #444;
    padding: 1em;
}

.main-inner .date-outer{padding: 10px 0!important;}

.mobile-link-button {
    font-size: 10px!important;
    width: auto!important;
}

.mobile-index-thumbnail {
    width: 100%!important;
    float: none!important;
}

.mobile-index-thumbnail img {
    width: 100%!important;
}

.mobile-date-outer.date-outer{padding: 12px!important;}

.mobile-index-thumbnail img {width: 100%;}
.ninja-recommend{margin: 10px;}
.mobile-date-outer.date-outer a{color: black!important;}

.post-body dl {padding: 26px 20px 1px;margin-top:30px;padding-bottom: 0;border: 1px solid #e1e1e1;box-shadow: 0 3px 0 rgba(8,1,2,0.03);}
.post-body dl dt {display: inline-block;background: #fff;padding: 0 10px;font-weight: bold;position: relative;top: -40px}
.post-body dl dt p:last-of-type {margin-bottom: 0}
.post-body dl dd {position: relative;top: -25px;padding-left: 10px;margin-bottom: 25px;}
.post-body dl dd:last-of-type {margin-bottom: 0}
.post-body dl dd p:last-of-type {margin-bottom: 0}