/**
 * Theme Name: 東京こども星★レストラン
 * Theme URI: http://kodomoboshi.sakura.ne.jp/
 * Version: 4.4.6
 * Author: Takazawa and Wakabayashi
 * Template: oxygen
 */

/* タイトルフォント */
#site-title a {
        color: #222;
        border-bottom: none;
	font-size: 20pt;
}

/* トップメニューフォント */
#menu-primary li a {
        font-family: 'Abel', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.111111111111111em;
        font-weight: 400;
        line-height: 1em;
        margin-right: 1em;
        display: block;
        text-transform: lowercase;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.widget-title {
  display: none;
}



/* SHORT INC. */
.pc { display:block; }
.sp { display:none; }

a, a:visited { color:#000; }
a:hover { border-bottom:none; }
#site-title { margin:0 0 10px 0; }
#site-description { margin:0; padding:0; }
#container { background:url(/wp/wp-content/themes/oxygen-child/images/bg.gif) left top repeat-x; }
.page-template-front .hfeed-more .hentry .entry-title a:hover { color:#000; border:none; opacity:0.5; }
#header { padding:30px 0 0 0; }
#branding { margin:0 0 36px 0; width:100%; }
.page-template-fullwidth .content-wrap { width:79.78723404255319%; }
#menu-primary { margin-bottom:30px; }
#menu-primary li a { font-weight:bold; }
#menu-primary li a:hover { opacity:0.5; }
.social-link ul { position:absolute; top:0; right:0; margin:0; padding:0; background:none; }
.social-link ul li { margin:-4px -11px 0 0 !important; padding:0 !important; width:auto; background:none !important; min-height:23px; }
.social-link2 ul { margin:0; padding:0; list-style:none; }
.social-link2 ul li { margin:0 3px 0 0; float:left; }

h1.page-title { color:#000 !important; }
h1.entry-title { color:#000 !important; }
.entry-title a, .entry-title a:visited { color:#000; }
.home .hentry .entry-title a:hover, .page-template-front .hentry .entry-title a:hover, .archive .hentry .entry-title a:hover, .search .hentry .entry-title a:hover { color:#000; border:none; opacity:0.5; }
.read-more, .read-more:visited { background:#000;}
.breadcrumbs { padding:0 0 0 0; margin-bottom:5px; background:none; border-left:none; width:100%; }
span.trail-browse { display:none; }

#menu-secondary li { background:#fff; }
#menu-secondary { font-size:1.3em; font-weight:bold; }
#menu-secondary li.menu-item a { padding:1.2em 0; color:#000; border-bottom:1px solid #f4efef; }
#menu-secondary li.menu-item a:hover { background:#fff; opacity:0.5; }
#menu-secondary li.menu-item:first-child { border-top:1px solid #f4efef; }
ul#submenu { margin:0; padding:0; list-style:none; }
ul#submenu li { margin:0 0 6px 0; padding:0; list-style:none; }
ul#submenu li a { padding:10px 0 10px 32px; border:solid 1px #f4efef; color:#000; font-size:1em; font-weight:bold; display:block; }
ul#submenu li a:hover { opacity:0.5; }
ul#submenu li a.sub01 { background:url(/wp/wp-content/themes/oxygen-child/images/sub01.gif) 5px center no-repeat; }
ul#submenu li a.sub02 { line-height:1.2em;; background:url(/wp/wp-content/themes/oxygen-child/images/sub02.gif) 5px center no-repeat; }
ul#submenu li a.sub03 { background:url(/wp/wp-content/themes/oxygen-child/images/sub03.gif) 5px center no-repeat; }
ul#submenu li a.sub04 { background:url(/wp/wp-content/themes/oxygen-child/images/sub04.gif) 5px center no-repeat; }
input.search-txt { border:solid 1px #f4efef; }

.social-button {}
.social-button ul { margin:0; list-style:none; float:right; }
.social-button ul li.sb_fb { margin:0 5px 0 0; float:left; }
.social-button ul li.sb_tw { margin:5px 5px 0 0; float:left; }
.social-button ul li.sb_line { margin:2px 0 0 0; float:left; }
ul.custom-fields { margin:0 0 30px 0; padding:0; list-style:none; }
ul.custom-fields li { margin:0 3px 0 0; float:left; }
ul.custom-fields li span.custom-display { color:#fff; padding:5px 1em; background:#4a4745; border-radius:3px; }
td { border-bottom:none; }
table { border-top:solid 1px #f4efef; border-bottom:solid 1px #f4efef; }

.pagination a:hover, .comment-navigation a:hover { background:#000; border-bottom:none; }

#footer { color:#000; border-top:none; }
#footer a { color:#000; }
#menu-subsidiary { font-size:1.2em; }

.tml-login { padding:15px; background:#f4efef; border-radius:3px; }
.tml-login p { margin:0 0 10px 0; }
.tml-login p label { font-weight:bold; }
.tml-login p.tml-rememberme-wrap label { font-size:80%; font-weight:normal; }
.tml-login p.tml-user-login-wrap input#user_login1 { width:94%; }
.tml-login p.tml-user-pass-wrap input#user_pass1 { width:94%; }
.tml-login p.tml-submit-wrap input#wp-submit1 { margin:0 0 10px 0; color:#fff; background:#60b8bb; border-raduis:3px; border:none; width:100%; padding:14px 0; }
ul.tml-action-links { margin:0; padding:0; list-style:none; }
ul.tml-action-links li { margin:0; padding:0; }
ul.tml-action-links li a { margin:0 0 5px 0; padding:3px 0; color:#fff !important; text-align:center; background:#f15a2b; display:block; border-radius:3px; }
ul.tml-action-links li:last-child a { margin:0 0 5px 0; padding:3px 0; color:#6e502c !important; font-size:80%; text-align:center; background:#fff; display:block; border-radius:3px; border:solid 1px #6e502c; box-sizing:border-box; }
.sidebar .widget ul { margin-left:0; }

ul.tml-user-links { list-style:none; }
ul.tml-user-links li a { margin:0 0 5px 0;padding:6px 0; color:#000 !important; text-align:center; background:#f4efef; display:block; border-radius:3px; }

.ttl1 { margin:40px 0 10px 0; padding:0; font-size:14px; font-weight:bold; color:#ef4f26; }
.ttl1 a { color:#ef4f26; }
.ttl2 { margin:0; padding:0; font-size:12px; font-weight:bold; color:#000; }
p.lead { margin:0 0 20px 0; padding:0; }
p.att { padding:20px 0 0 0; }
ul.list { margin:0 0 0 15px; padding:0; list-style:disc; }
ul.list li { margin:0; padding:0; }

.signup-note { margin-left:1rem; }

table.contactform { margin:0 0 0 0; }
table.contactform tr { border-bottom:solid 1px #f4efef; }
table.contactform tr:last-child { border-bottom:none; }
table.contactform td.leftbox { width:30%; font-weight:bold; color:#000 !important; }
table.contactform td {}

table.contactform2 { margin:20px 0 0 0; }
table.contactform2 tr { border-bottom:solid 1px #f4efef; }
table.contactform2 tr:last-child { border-bottom:none; }
table.contactform2 td.leftbox { width:30%; font-weight:bold; color:#000 !important; }
table.contactform2 td {}
td div.kiyaku { margin:0 0 10px 0; padding:20px; width:100%; height:100px; border:solid 1px #ccc; overflow:scroll; box-sizing:border-box; }
td div.kiyaku h4 { font-size:14px; font-weight:bold; }
td div.kiyaku h5 { font-size:12px; font-weight:bold; }
.button-primary { margin:20px 0 0 0; padding:6px 14px 7px 14px; color:#fff; background:#0da4d3; border:none; }


@media screen and (max-width: 960px) {
.social-link ul { display:none; }
#branding { margin:0 0 37px 0; }
ul#submenu li a { padding:10px 0 10px 10px; }
ul#submenu li a.sub01 { background:none; }
ul#submenu li a.sub02 { background:none; }
ul#submenu li a.sub03 { background:none; }
ul#submenu li a.sub04 { background:none; }
.social-link2 { display:block; }
}

@media screen and (max-width: 768px) {
.pc { display:none; }
.sp { display:block; }
#container { background:none; }
#branding { margin:0 0 6px 0; }
#menu-primary { margin-bottom:0; }
#menu-primary li a { font-weight:bold; font-size:1em; }
.page-template-fullwidth .content-wrap { width:100%; }
.singular-page .entry-title, .singular-attachment .entry-title { margin-bottom:0; }
table.contactform { margin:20px 0 0 0; }
#menu-primary-items { padding:0; }
#menu-primary-items li.menu-item { margin:0; width:100%; }
#menu-primary-items li.menu-item a { margin:0; padding:15px 0; font-size:13px; border-bottom: 1px solid #f4efef; width:100%; display:block; }
#menu-primary-items li.menu-item:first-child a { padding:0 0 15px 0; }
#menu-primary-items li.menu-item a:hover { border-bottom:1px solid #f4efef !important; box-sizing:border-box; }
.menu-toggle { font-weight:bold; }

table.contactform td { display:block; width:100%; }
table.contactform td.leftbox { padding:10px 0 0 10px; display:block; width:100%; }

td div.kiyaku { margin:0 0 10px 0; padding:20px; width:100%; height:100px; border:solid 1px #ccc; overflow:scroll; box-sizing:border-box; }
}

@media screen and (max-width: 480px) {
div.wc-shortcodes-one-third { margin-left:4%; margin-bottom:0; width:30.66%; float:left; }
div.wc-shortcodes-one-half { margin-left:4%; margin-bottom:0; width:48%; float:left; }
}

/* デカケルJP */
#dekakeruWidget #course-photo .photo p {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #ebebeb;
  border: 10px solid #eaf5fc;
  margin: 0 auto;
  width: inherit !important;
}

#dekakeruWidget #spot-list .spot .spot-info.main .spot-url a {
  color: #424242;
  word-break: break-all;
}

#dekakeruWidget #course-map .map-button p a {
  background: #6a4c01;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 1.1rem;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  text-align: center;
  width: inherit !important;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?-bf7816');
    src: url('../fonts/icomoon.eot?#iefix-bf7816') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?-bf7816') format('truetype'),
    url('../fonts/icomoon.woff?-bf7816') format('woff'),
    url('../fonts/icomoon.svg?-bf7816#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#dekakeruWidget #recommend .title h4 {
  font-size: 0.8rem;
  height: 4.0rem !important;
  overflow: hidden;
}

#dekakeruWidget #course-header {
    margin-bottom: 30px;
  display: none;
}

.category-menu-new {
  margin-left: 10px;
  color: red;
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  display: inline-block;
  font-size: 14px;
}

#branding .search {
  right: 0;
  position: absolute;
}

#branding .search .search-text {
  width: 250px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  #sidebar-header .search-text {
    width: 95%;
    font-size: 14px;
  }
  
  #branding .search {
    position: initial;
    margin-top: 50px;
  }

  #branding .search .search-text {
    width: 95%;
    font-size: 14px;
 }
}