<style type="text/css" media="screen">

/* ========================================================================== */
/* Skin basic colors */
/* ========================================================================== */

.entry-content > h2 { border-top-color: <?php $options = get_option('myd_theme_options');echo esc_html($options['main_color']);?> }
.entry-content > h5 { border-left-color: <?php $options = get_option('myd_theme_options');echo esc_html($options['main_color']);?> }

/* tomo */
/* ========================================================================== */

.ctw-form__title,
.more-link a,
.global-navi,
.form-button,
.global-navi-inner li ul li,
.global-navi-inner li ul li ul li,
.button,
.entry-content > h4,
.ctw-wide-header 
{ background-color: <?php $options = get_option('myd_theme_options');echo esc_html($options['main_color']);?> }

.ctw-form__unit,
.entry-content > h3,
.more-link a,
.more-link a:hover
{ border-color: <?php $options = get_option('myd_theme_options');echo esc_html($options['main_color']);?> }

.entry-content > h2 
{ border-top-color: <?php $options = get_option('myd_theme_options');echo esc_html($options['main_color']);?> }

.more-link a:hover 
{ color: <?php $options = get_option('myd_theme_options');echo esc_html($options['main_color']);?> }

.sub .widget-title 
{ background-color: <?php $options = get_option('myd_theme_options');echo esc_html($options['sub_color']);?> }


/* ========================================================================== */
/* 色 */
/* ========================================================================== */

body { background-color: <?php $options = get_option('myd_theme_options');echo esc_html($options['background_color']);?> }

a { color: <?php $options = get_option('myd_theme_options');echo esc_html($options['link_color']);?> }
a:hover { color: <?php $options = get_option('myd_theme_options');echo esc_html($options['link_color']);?> }


/* ========================================================================== */
/* 大きさ */
/* ========================================================================== */

.c1  .l-header-inner, .c1  .global-navi, .c1  .global-navi-inner, .c1  .l-container, .c1  .l-footer-inner { max-width: <?php $options = get_option('myd_theme_options');echo esc_html($options['page_width']);?>px }
.c2l .l-header-inner, .c2l .global-navi, .c2l .global-navi-inner, .c2l .l-container, .c2l .l-footer-inner { max-width: <?php $options = get_option('myd_theme_options');echo esc_html($options['page_width']);?>px }
.c2r .l-header-inner, .c2r .global-navi, .c2r .global-navi-inner, .c2r .l-container, .c2r .l-footer-inner { max-width: <?php $options = get_option('myd_theme_options');echo esc_html($options['page_width']);?>px }
.c3  .l-header-inner, .c3  .global-navi, .c3  .global-navi-inner, .c3  .l-container, .c3  .l-footer-inner { max-width: <?php $options = get_option('myd_theme_options');echo esc_html($options['page_width']);?>px }
.c3r .l-header-inner, .c3r .global-navi, .c3r .global-navi-inner, .c3r .l-container, .c3r .l-footer-inner { max-width: <?php $options = get_option('myd_theme_options');echo esc_html($options['page_width']);?>px }

/* ========================================================================== */
/* Background coler */
/* ========================================================================== */

/* background--light */

.background--light .header-navi li a { color: #555 }
.background--light .header-navi li a:hover { color: #333 }

.background--light .breadcrumb ol li { color: #888 }
.background--light .breadcrumb ol li a { color: #666 }
.background--light .breadcrumb ol li a:hover { color: #333 }
.background--light .breadcrumb ol li a:after { color: #ccc }

.background--light .page-title { color: #333 }

.background--light .l-footer address,
.background--light .l-footer p,
.background--light .l-footer small,
.background--light .l-footer .footer-navi li { color: #666 }
.background--light .l-footer a { color: #555 }
.background--light .l-footer a:hover { color: #333 }

/* background--dark */

.background--dark .header-navi li a { color: #eee }
.background--dark .header-navi li a:hover { color: #fff }

.background--dark .breadcrumb ol li { color: #eee }
.background--dark .breadcrumb ol li a { color: #eee }
.background--dark .breadcrumb ol li a:hover { color: #fff }
.background--dark .breadcrumb ol li a:after { color: #999 }

.background--dark .page-title { color: #eee }

.background--dark .l-footer address,
.background--dark .l-footer p,
.background--dark .l-footer small,
.background--dark .l-footer .footer-navi li { color: #fff }
.background--dark .l-footer a { color: #eee }
.background--dark .l-footer a:hover { color: #fff }

</style>
