├── screenshot.png
├── images
    ├── arrow-left.png
    ├── arrow-up.png
    ├── icon-clock.png
    ├── icon-reply.png
    ├── arrow-right.png
    ├── arrow-up@2x.png
    ├── arrow-left@2x.png
    ├── arrow-right@2x.png
    ├── bg-eyecatch01.jpg
    ├── icon-clock@2x.png
    └── icon-reply@2x.png
├── sidebar.php
├── .gitignore
├── page.php
├── comments.php
├── footer.php
├── 404.php
├── header.php
├── single.php
├── index.php
├── functions.php
├── archive.php
├── search.php
├── front-page.php
└── style.css


/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/screenshot.png


--------------------------------------------------------------------------------
/images/arrow-left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/arrow-left.png


--------------------------------------------------------------------------------
/images/arrow-up.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/arrow-up.png


--------------------------------------------------------------------------------
/images/icon-clock.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/icon-clock.png


--------------------------------------------------------------------------------
/images/icon-reply.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/icon-reply.png


--------------------------------------------------------------------------------
/images/arrow-right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/arrow-right.png


--------------------------------------------------------------------------------
/images/arrow-up@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/arrow-up@2x.png


--------------------------------------------------------------------------------
/images/arrow-left@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/arrow-left@2x.png


--------------------------------------------------------------------------------
/images/arrow-right@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/arrow-right@2x.png


--------------------------------------------------------------------------------
/images/bg-eyecatch01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/bg-eyecatch01.jpg


--------------------------------------------------------------------------------
/images/icon-clock@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/icon-clock@2x.png


--------------------------------------------------------------------------------
/images/icon-reply@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ixkaito/easiest-wp/master/images/icon-reply@2x.png


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
1 | <?php if ( is_active_sidebar( 'sidebar' ) ) : ?>
2 | 	<ul class="side-column">
3 | 		<?php dynamic_sidebar( 'sidebar' ); ?>
4 | 	</ul>
5 | <?php endif;
6 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Apache
 2 | .htaccess
 3 | .htpasswd
 4 | 
 5 | # Sass
 6 | .sass-cache
 7 | *.scssc
 8 | 
 9 | # Sublime Text
10 | sftp-config.json
11 | 
12 | # WordPress
13 | wp-config.php
14 | *.sql
15 | 
16 | # Node.js
17 | node_modules/
18 | 
19 | # Logfiles and tempfiles
20 | *.log
21 | /log/*
22 | !/log/.keep
23 | /tmp
24 | 
25 | # Other unneeded files
26 | doc/
27 | *.swp
28 | *~
29 | .project
30 | .DS_Store
31 | .idea
32 | .secret
33 | 


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 
 3 | <?php while ( have_posts() ) : ?>
 4 | 
 5 | 	<?php the_post(); ?>
 6 | 
 7 | 	<div class="page-title">
 8 | 		<h1><?php the_title(); ?></h1>
 9 | 	</div>
10 | 
11 | 	<div class="content-area content-area-profile">
12 | 		<div class="main-column">
13 | 			<div class="box-content radius-tl">
14 | 				<article>
15 | 					<?php the_content(); ?>
16 | 				</article>
17 | 			</div>
18 | 		</div>
19 | 
20 | 		<?php if ( comments_open() || get_comments_number() ) :
21 | 			comments_template();
22 | 		endif; ?>
23 | 
24 | 	</div>
25 | 
26 | <?php endwhile; ?>
27 | 
28 | <?php get_footer();
29 | 


--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if ( post_password_required() ) {
 3 | 	return;
 4 | }
 5 | ?>
 6 | 
 7 | <?php if ( have_comments() ) : ?>
 8 | 	<div class="box-generic">
 9 | 		<div class="box-content box-comment-display">
10 | 			<h2>コメントとトラックバック</h2>
11 | 			<ul class="comment-list">
12 | 				<?php
13 | 					wp_list_comments( array(
14 | 						'avatar_size' => 130,
15 | 					) );
16 | 				?>
17 | 			</ul>
18 | 		</div>
19 | 	</div>
20 | <?php endif; ?>
21 | 
22 | <?php if ( comments_open() ) : ?>
23 | 	<div class="box-generic">
24 | 		<div class="box-content box-comment-input">
25 | 			<?php comment_form(); ?>
26 | 		</div>
27 | 	</div>
28 | <?php endif;
29 | 


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | 	<footer class="page-footer">
 2 | 		<div class="footer-widget-area">
 3 | 			<?php if ( is_active_sidebar( 'footer' ) ) : ?>
 4 | 				<ul class="footer-widgets">
 5 | 					<?php dynamic_sidebar( 'footer' ); ?>
 6 | 				</ul>
 7 | 			<?php endif; ?>
 8 | 			<div class="back-to-top">
 9 | 				<a href="#"><img src="<?php echo esc_url( get_theme_file_uri() ); ?>/images/arrow-up.png" srcset="<?php echo esc_url( get_theme_file_uri() ); ?>/images/arrow-up@2x.png 2x" alt="">TOP</a>
10 | 			</div>
11 | 		</div>
12 | 		<div class="copyright">
13 | 			<p>Copyright ©  Gijutsu-Hyohron Co., Ltd.</p>
14 | 		</div>
15 | 	</footer>
16 | 	<?php wp_footer(); ?>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 
 3 | 	<div class="page-title">
 4 | 		<h1>Not Found</h1>
 5 | 	</div>
 6 | 
 7 | 	<div class="content-area has-side-col">
 8 | 		<div class="main-column">
 9 | 			<h1 class="box-heading box-heading-main-col">Not Found</h1>
10 | 			<div class="box-content">
11 | 
12 | 				<p>お探しのページは見つかりませんでした。</p>
13 | 
14 | 			</div>
15 | 
16 | 			<?php the_posts_pagination( array(
17 | 				'prev_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-left.png" srcset="' . get_theme_file_uri() . '/images/arrow-left@2x.png 2x" alt="前へ">',
18 | 				'next_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-right.png" srcset="' . get_theme_file_uri() . '/images/arrow-right@2x.png 2x" alt="次へ">',
19 | 			) ); ?>
20 | 
21 | 		</div>
22 | 
23 | 		<?php get_sidebar(); ?>
24 | 
25 | 	</div>
26 | 
27 | <?php get_footer();
28 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML>
 2 | <html <?php language_attributes(); ?>>
 3 | <head>
 4 | 	<meta charset="<?php bloginfo( 'charset' ); ?>">
 5 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 6 | 
 7 | 	<?php wp_head(); ?>
 8 | </head>
 9 | <body <?php body_class(); ?>>
10 | 	<?php wp_body_open(); ?>
11 | 	<header class="page-header">
12 | 		<div class="header-area">
13 | 			<div class="panel-site-title">
14 | 				<p class="site-title"><a href="<?php echo esc_url( home_url() ); ?>"><?php bloginfo( 'name' ); ?></a></p>
15 | 				<p class="site-subtitle"><?php bloginfo( 'description' ); ?></p>
16 | 			</div>
17 | 
18 | 			<?php if ( has_nav_menu( 'global' ) ) : ?>
19 | 				<?php wp_nav_menu( array(
20 | 					'theme_location'  => 'global',
21 | 					'menu_id'         => 'global-menu',
22 | 					'container'       => 'nav',
23 | 					'container_class' => 'global-nav',
24 | 				) ); ?>
25 | 			<?php endif; ?>
26 | 
27 | 		</div>
28 | 	</header>
29 | 


--------------------------------------------------------------------------------
/single.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 
 3 | <?php while ( have_posts() ) : ?>
 4 | 
 5 | 	<?php the_post(); ?>
 6 | 
 7 | 	<?php if ( has_post_thumbnail() ) : ?>
 8 | 		<div class="hero eyecatch">
 9 | 			<?php the_post_thumbnail( 'easiestwp-hero' ); ?>
10 | 		</div>
11 | 	<?php endif; ?>
12 | 
13 | 	<div class="content-area has-side-col">
14 | 		<div class="main-column">
15 | 			<div class="box-generic">
16 | 				<h1 class="box-heading box-heading-article"><?php the_title(); ?></h1>
17 | 				<div class="box-content">
18 | 
19 | 					<article class="entry">
20 | 						<?php the_content(); ?>
21 | 					</article>
22 | 
23 | 					<div class="meta-data">
24 | 						<time class="meta meta-entry-date" datetime="<?php echo get_the_date( DATE_W3C ); ?>"><?php echo get_the_date(); ?></time>
25 | 						<p class="meta meta-author"><?php the_author_posts_link(); ?></p>
26 | 						<p class="meta meta-cat"><?php the_category( ', ' ); ?></p>
27 | 						<p class="meta meta-tag"><?php the_tags(); ?></p>
28 | 					</div>
29 | 
30 | 					<?php the_post_navigation( array(
31 | 						'prev_text' => '前の記事：%title',
32 | 						'next_text' => '次の記事：%title',
33 | 					) ); ?>
34 | 				</div>
35 | 			</div>
36 | 
37 | 			<?php if ( comments_open() || get_comments_number() ) :
38 | 				comments_template();
39 | 			endif; ?>
40 | 
41 | 		</div>
42 | 
43 | 		<?php get_sidebar(); ?>
44 | 
45 | 	</div>
46 | 
47 | <?php endwhile; ?>
48 | 
49 | <?php get_footer();
50 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 
 3 | 	<div class="hero"></div>
 4 | 	<div class="content-area has-side-col">
 5 | 		<div class="main-column">
 6 | 			<h1 class="box-heading box-heading-main-col">Blog</h1>
 7 | 			<div class="box-content">
 8 | 
 9 | 				<?php if ( have_posts() ) : ?>
10 | 
11 | 					<ul class="archive">
12 | 
13 | 						<?php while ( have_posts() ) : ?>
14 | 
15 | 						<?php the_post(); ?>
16 | 
17 | 							<li class="item-archive">
18 | 								<div class="time-and-thumb-archive">
19 | 									<time class="pub-date" datetime="<?php echo get_the_date( DATE_W3C ); ?>"><?php echo get_the_date(); ?></time>
20 | 									<?php if ( has_post_thumbnail() ) : ?>
21 | 										<p class="thumb thumb-archive"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'easiestwp-thumbnail' ); ?></a></p>
22 | 									<?php endif; ?>
23 | 								</div>
24 | 								<div class="data-archive">
25 | 									<p class="list-categories-archive"><?php the_category( ', ' ); ?></p>
26 | 									<h2 class="title-archive"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
27 | 									<p class="list-tags-archive"><?php the_tags(); ?></p>
28 | 								</div>
29 | 							</li>
30 | 
31 | 						<?php endwhile; ?>
32 | 
33 | 					</ul>
34 | 
35 | 				<?php else : ?>
36 | 
37 | 					<p>投稿がありません。</p>
38 | 
39 | 				<?php endif; ?>
40 | 
41 | 			</div>
42 | 
43 | 			<?php the_posts_pagination( array(
44 | 				'prev_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-left.png" srcset="' . get_theme_file_uri() . '/images/arrow-left@2x.png 2x" alt="前へ">',
45 | 				'next_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-right.png" srcset="' . get_theme_file_uri() . '/images/arrow-right@2x.png 2x" alt="次へ">',
46 | 			) ); ?>
47 | 
48 | 		</div>
49 | 
50 | 		<?php get_sidebar(); ?>
51 | 
52 | 	</div>
53 | 
54 | <?php get_footer();
55 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | function easiestwp_scripts() {
 3 | 	wp_enqueue_style( 'easiestwp-style', get_stylesheet_uri() );
 4 | }
 5 | add_action( 'wp_enqueue_scripts', 'easiestwp_scripts' );
 6 | 
 7 | function easiestwp_setup() {
 8 | 	add_theme_support( 'title-tag' );
 9 | 
10 | 	add_theme_support( 'post-thumbnails' );
11 | 
12 | 	add_image_size( 'easiestwp-thumbnail', 190, 130, true );
13 | 
14 | 	add_image_size( 'easiestwp-hero', 1200, 630, true );
15 | 
16 | 	register_nav_menus( array(
17 | 		'global' => 'Global Menu',
18 | 	) );
19 | 
20 | 	add_theme_support( 'html5', array(
21 | 		'comment-form',
22 | 		'comment-list',
23 | 	) );
24 | }
25 | add_action( 'after_setup_theme', 'easiestwp_setup' );
26 | 
27 | function easiestwp_widgets_init() {
28 | 	register_sidebar( array(
29 | 		'name' => 'Sidebar',
30 | 		'id' => 'sidebar',
31 | 	) );
32 | 
33 | 	register_sidebar( array(
34 | 		'name' => 'Footer',
35 | 		'id' => 'footer',
36 | 	) );
37 | }
38 | add_action( 'widgets_init', 'easiestwp_widgets_init' );
39 | 
40 | function easiestwp_customize_register( $wp_customize ) {
41 | 	$wp_customize->add_section( 'theme_options', array(
42 | 		'title'    => 'Theme Options',
43 | 		'priority' => 130,
44 | 	) );
45 | 
46 | 	for ( $i = 1; $i <= 5; $i++ ) {
47 | 		$wp_customize->add_setting( 'front_page_content_' . $i, array(
48 | 			'default'           => false,
49 | 			'sanitize_callback' => 'absint',
50 | 		) );
51 | 
52 | 		$wp_customize->add_control( 'front_page_content_' . $i, array(
53 | 			'label'           => 'Front Page Content ' . $i,
54 | 			'section'         => 'theme_options',
55 | 			'type'            => 'dropdown-pages',
56 | 			'allow_addition'  => true,
57 | 		) );
58 | 	}
59 | }
60 | add_action( 'customize_register', 'easiestwp_customize_register' );
61 | 
62 | function easiestwp_front_page_template( $template ) {
63 | 	return is_home() ? '' : $template;
64 | }
65 | add_filter( 'frontpage_template',  'easiestwp_front_page_template' );
66 | 


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 
 3 | 	<div class="page-title">
 4 | 		<h1><?php the_archive_title(); ?></h1>
 5 | 	</div>
 6 | 
 7 | 	<div class="content-area has-side-col">
 8 | 		<div class="main-column">
 9 | 			<h1 class="box-heading box-heading-main-col"><?php the_archive_title(); ?></h1>
10 | 			<div class="box-content">
11 | 
12 | 				<?php if ( have_posts() ) : ?>
13 | 
14 | 					<ul class="archive">
15 | 
16 | 						<?php while ( have_posts() ) : ?>
17 | 
18 | 						<?php the_post(); ?>
19 | 
20 | 							<li class="item-archive">
21 | 								<div class="time-and-thumb-archive">
22 | 									<time class="pub-date" datetime="<?php echo get_the_date( DATE_W3C ); ?>"><?php echo get_the_date(); ?></time>
23 | 									<?php if ( has_post_thumbnail() ) : ?>
24 | 										<p class="thumb thumb-archive"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'easiestwp-thumbnail' ); ?></a></p>
25 | 									<?php endif; ?>
26 | 								</div>
27 | 								<div class="data-archive">
28 | 									<p class="list-categories-archive"><?php the_category( ', ' ); ?></p>
29 | 									<h2 class="title-archive"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
30 | 									<p class="list-tags-archive"><?php the_tags(); ?></p>
31 | 								</div>
32 | 							</li>
33 | 
34 | 						<?php endwhile; ?>
35 | 
36 | 					</ul>
37 | 
38 | 				<?php else : ?>
39 | 
40 | 					<p>投稿がありません。</p>
41 | 
42 | 				<?php endif; ?>
43 | 
44 | 			</div>
45 | 
46 | 			<?php the_posts_pagination( array(
47 | 				'prev_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-left.png" srcset="' . get_theme_file_uri() . '/images/arrow-left@2x.png 2x" alt="前へ">',
48 | 				'next_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-right.png" srcset="' . get_theme_file_uri() . '/images/arrow-right@2x.png 2x" alt="次へ">',
49 | 			) ); ?>
50 | 
51 | 		</div>
52 | 
53 | 		<?php get_sidebar(); ?>
54 | 
55 | 	</div>
56 | 
57 | <?php get_footer();
58 | 


--------------------------------------------------------------------------------
/search.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 
 3 | 	<div class="page-title">
 4 | 		<h1>「<?php the_search_query(); ?>」の検索結果</h1>
 5 | 	</div>
 6 | 
 7 | 	<div class="content-area has-side-col">
 8 | 		<div class="main-column">
 9 | 			<h1 class="box-heading box-heading-main-col">「<?php the_search_query(); ?>」の検索結果</h1>
10 | 			<div class="box-content">
11 | 
12 | 				<?php if ( have_posts() ) : ?>
13 | 
14 | 					<ul class="archive">
15 | 
16 | 						<?php while ( have_posts() ) : ?>
17 | 
18 | 						<?php the_post(); ?>
19 | 
20 | 							<li class="item-archive">
21 | 								<div class="time-and-thumb-archive">
22 | 									<time class="pub-date" datetime="<?php echo get_the_date( DATE_W3C ); ?>"><?php echo get_the_date(); ?></time>
23 | 									<?php if ( has_post_thumbnail() ) : ?>
24 | 										<p class="thumb thumb-archive"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'easiestwp-thumbnail' ); ?></a></p>
25 | 									<?php endif; ?>
26 | 								</div>
27 | 								<div class="data-archive">
28 | 									<p class="list-categories-archive"><?php the_category( ', ' ); ?></p>
29 | 									<h2 class="title-archive"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
30 | 									<p class="list-tags-archive"><?php the_tags(); ?></p>
31 | 								</div>
32 | 							</li>
33 | 
34 | 						<?php endwhile; ?>
35 | 
36 | 					</ul>
37 | 
38 | 				<?php else : ?>
39 | 
40 | 					<p>何も見つかりませんでした。</p>
41 | 
42 | 				<?php endif; ?>
43 | 
44 | 			</div>
45 | 
46 | 			<?php the_posts_pagination( array(
47 | 				'prev_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-left.png" srcset="' . get_theme_file_uri() . '/images/arrow-left@2x.png 2x" alt="前へ">',
48 | 				'next_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-right.png" srcset="' . get_theme_file_uri() . '/images/arrow-right@2x.png 2x" alt="次へ">',
49 | 			) ); ?>
50 | 
51 | 		</div>
52 | 
53 | 		<?php get_sidebar(); ?>
54 | 
55 | 	</div>
56 | 
57 | <?php get_footer();
58 | 


--------------------------------------------------------------------------------
/front-page.php:
--------------------------------------------------------------------------------
 1 | <?php get_header(); ?>
 2 | 
 3 | 	<div class="hero"></div>
 4 | 	<div class="content-area has-side-col">
 5 | 		<div class="main-column">
 6 | 
 7 | 			<?php for ( $i = 1; $i <= 5; $i++ ) : ?>
 8 | 
 9 | 				<?php if ( get_theme_mod( 'front_page_content_' . $i ) ) : ?>
10 | 
11 | 					<?php
12 | 					$post = get_post( get_theme_mod( 'front_page_content_' . $i ) );
13 | 					setup_postdata( $post );
14 | 					?>
15 | 
16 | 					<h1 class="box-heading box-heading-main-col"><?php the_title(); ?></h1>
17 | 					<div class="box-content">
18 | 
19 | 						<?php
20 | 						$blog_posts_page_id = get_the_ID();
21 | 
22 | 						if ( $blog_posts_page_id === (int) get_option( 'page_for_posts' ) ) :
23 | 						?>
24 | 
25 | 							<?php
26 | 							$blog_posts = new WP_Query( array(
27 | 								'posts_per_page'      => 5,
28 | 								'post_status'         => 'publish',
29 | 								'no_found_rows'       => true,
30 | 							) );
31 | 							?>
32 | 
33 | 							<?php if ( $blog_posts->have_posts() ) : ?>
34 | 
35 | 								<ul class="archive">
36 | 
37 | 									<?php while ( $blog_posts->have_posts() ) : ?>
38 | 
39 | 									<?php $blog_posts->the_post(); ?>
40 | 
41 | 										<li class="item-archive">
42 | 											<div class="time-and-thumb-archive">
43 | 												<time class="pub-date" datetime="<?php echo get_the_date( DATE_W3C ); ?>"><?php echo get_the_date(); ?></time>
44 | 												<?php if ( has_post_thumbnail() ) : ?>
45 | 													<p class="thumb thumb-archive"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'easiestwp-thumbnail' ); ?></a></p>
46 | 												<?php endif; ?>
47 | 											</div>
48 | 											<div class="data-archive">
49 | 												<p class="list-categories-archive"><?php the_category( ', ' ); ?></p>
50 | 												<h2 class="title-archive"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
51 | 												<p class="list-tags-archive"><?php the_tags(); ?></p>
52 | 											</div>
53 | 										</li>
54 | 
55 | 									<?php endwhile; ?>
56 | 
57 | 								</ul>
58 | 
59 | 							<?php else : ?>
60 | 
61 | 								<p>投稿がありません。</p>
62 | 
63 | 							<?php endif; ?>
64 | 
65 | 						<?php else : ?>
66 | 
67 | 							<?php the_content(); ?>
68 | 
69 | 						<?php endif; ?>
70 | 
71 | 					</div>
72 | 
73 | 				<?php endif; ?>
74 | 
75 | 			<?php endfor; ?>
76 | 
77 | 			<?php wp_reset_postdata(); ?>
78 | 
79 | 			<?php the_posts_pagination( array(
80 | 				'prev_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-left.png" srcset="' . get_theme_file_uri() . '/images/arrow-left@2x.png 2x" alt="前へ">',
81 | 				'next_text' => '<img class="arrow" src="' . get_theme_file_uri() . '/images/arrow-right.png" srcset="' . get_theme_file_uri() . '/images/arrow-right@2x.png 2x" alt="次へ">',
82 | 			) ); ?>
83 | 
84 | 		</div>
85 | 
86 | 		<?php get_sidebar(); ?>
87 | 
88 | 	</div>
89 | 
90 | <?php get_footer();
91 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
   1 | /*
   2 | Theme Name: Easiest WP
   3 | Author: 「世界一わかりやすい WordPress の教科書」著者チーム
   4 | Description: 「世界一わかりやすい WordPress の教科書」サンプルテーマ
   5 | Version: 1.0
   6 | Text Domain: easiest-wp
   7 | */
   8 | 
   9 | @charset "UTF-8";
  10 | 
  11 | /*=======================================================
  12 | Normalize
  13 | =======================================================*/
  14 | 
  15 | /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
  16 | 
  17 | /**
  18 |  * 1. Change the default font family in all browsers (opinionated).
  19 |  * 2. Correct the line height in all browsers.
  20 |  * 3. Prevent adjustments of font size after orientation changes in
  21 |  *    IE on Windows Phone and in iOS.
  22 |  */
  23 | 
  24 | /* Document
  25 |    ========================================================================== */
  26 | 
  27 | html {
  28 |   font-family: sans-serif; /* 1 */
  29 |   line-height: 1.15; /* 2 */
  30 |   -ms-text-size-adjust: 100%; /* 3 */
  31 |   -webkit-text-size-adjust: 100%; /* 3 */
  32 | }
  33 | 
  34 | /* Sections
  35 |    ========================================================================== */
  36 | 
  37 | /**
  38 |  * Remove the margin in all browsers (opinionated).
  39 |  */
  40 | 
  41 | body {
  42 |   margin: 0;
  43 | }
  44 | 
  45 | /**
  46 |  * Add the correct display in IE 9-.
  47 |  */
  48 | 
  49 | article,
  50 | aside,
  51 | footer,
  52 | header,
  53 | nav,
  54 | section {
  55 |   display: block;
  56 | }
  57 | 
  58 | /**
  59 |  * Correct the font size and margin on `h1` elements within `section` and
  60 |  * `article` contexts in Chrome, Firefox, and Safari.
  61 |  */
  62 | 
  63 | h1 {
  64 |   font-size: 2em;
  65 |   margin: 0.67em 0;
  66 | }
  67 | 
  68 | /* Grouping content
  69 |    ========================================================================== */
  70 | 
  71 | /**
  72 |  * Add the correct display in IE 9-.
  73 |  * 1. Add the correct display in IE.
  74 |  */
  75 | 
  76 | figcaption,
  77 | figure,
  78 | main { /* 1 */
  79 |   display: block;
  80 | }
  81 | 
  82 | /**
  83 |  * Add the correct margin in IE 8.
  84 |  */
  85 | 
  86 | figure {
  87 |   margin: 1em 40px;
  88 | }
  89 | 
  90 | /**
  91 |  * 1. Add the correct box sizing in Firefox.
  92 |  * 2. Show the overflow in Edge and IE.
  93 |  */
  94 | 
  95 | hr {
  96 |   box-sizing: content-box; /* 1 */
  97 |   height: 0; /* 1 */
  98 |   overflow: visible; /* 2 */
  99 | }
 100 | 
 101 | /**
 102 |  * 1. Correct the inheritance and scaling of font size in all browsers.
 103 |  * 2. Correct the odd `em` font sizing in all browsers.
 104 |  */
 105 | 
 106 | pre {
 107 |   font-family: monospace, monospace; /* 1 */
 108 |   font-size: 1em; /* 2 */
 109 | }
 110 | 
 111 | /* Text-level semantics
 112 |    ========================================================================== */
 113 | 
 114 | /**
 115 |  * 1. Remove the gray background on active links in IE 10.
 116 |  * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 117 |  */
 118 | 
 119 | a {
 120 |   background-color: transparent; /* 1 */
 121 |   -webkit-text-decoration-skip: objects; /* 2 */
 122 | }
 123 | 
 124 | /**
 125 |  * Remove the outline on focused links when they are also active or hovered
 126 |  * in all browsers (opinionated).
 127 |  */
 128 | 
 129 | a:active,
 130 | a:hover {
 131 |   outline-width: 0;
 132 | }
 133 | 
 134 | /**
 135 |  * 1. Remove the bottom border in Firefox 39-.
 136 |  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 137 |  */
 138 | 
 139 | abbr[title] {
 140 |   border-bottom: none; /* 1 */
 141 |   text-decoration: underline; /* 2 */
 142 |   text-decoration: underline dotted; /* 2 */
 143 | }
 144 | 
 145 | /**
 146 |  * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 147 |  */
 148 | 
 149 | b,
 150 | strong {
 151 |   font-weight: inherit;
 152 | }
 153 | 
 154 | /**
 155 |  * Add the correct font weight in Chrome, Edge, and Safari.
 156 |  */
 157 | 
 158 | b,
 159 | strong {
 160 |   font-weight: bolder;
 161 | }
 162 | 
 163 | /**
 164 |  * 1. Correct the inheritance and scaling of font size in all browsers.
 165 |  * 2. Correct the odd `em` font sizing in all browsers.
 166 |  */
 167 | 
 168 | code,
 169 | kbd,
 170 | samp {
 171 |   font-family: monospace, monospace; /* 1 */
 172 |   font-size: 1em; /* 2 */
 173 | }
 174 | 
 175 | /**
 176 |  * Add the correct font style in Android 4.3-.
 177 |  */
 178 | 
 179 | dfn {
 180 |   font-style: italic;
 181 | }
 182 | 
 183 | /**
 184 |  * Add the correct background and color in IE 9-.
 185 |  */
 186 | 
 187 | mark {
 188 |   background-color: #ff0;
 189 |   color: #000;
 190 | }
 191 | 
 192 | /**
 193 |  * Add the correct font size in all browsers.
 194 |  */
 195 | 
 196 | small {
 197 |   font-size: 80%;
 198 | }
 199 | 
 200 | /**
 201 |  * Prevent `sub` and `sup` elements from affecting the line height in
 202 |  * all browsers.
 203 |  */
 204 | 
 205 | sub,
 206 | sup {
 207 |   font-size: 75%;
 208 |   line-height: 0;
 209 |   position: relative;
 210 |   vertical-align: baseline;
 211 | }
 212 | 
 213 | sub {
 214 |   bottom: -0.25em;
 215 | }
 216 | 
 217 | sup {
 218 |   top: -0.5em;
 219 | }
 220 | 
 221 | /* Embedded content
 222 |    ========================================================================== */
 223 | 
 224 | /**
 225 |  * Add the correct display in IE 9-.
 226 |  */
 227 | 
 228 | audio,
 229 | video {
 230 |   display: inline-block;
 231 | }
 232 | 
 233 | /**
 234 |  * Add the correct display in iOS 4-7.
 235 |  */
 236 | 
 237 | audio:not([controls]) {
 238 |   display: none;
 239 |   height: 0;
 240 | }
 241 | 
 242 | /**
 243 |  * Remove the border on images inside links in IE 10-.
 244 |  */
 245 | 
 246 | img {
 247 |   border-style: none;
 248 | }
 249 | 
 250 | /**
 251 |  * Hide the overflow in IE.
 252 |  */
 253 | 
 254 | svg:not(:root) {
 255 |   overflow: hidden;
 256 | }
 257 | 
 258 | /* Forms
 259 |    ========================================================================== */
 260 | 
 261 | /**
 262 |  * 1. Change the font styles in all browsers (opinionated).
 263 |  * 2. Remove the margin in Firefox and Safari.
 264 |  */
 265 | 
 266 | button,
 267 | input,
 268 | optgroup,
 269 | select,
 270 | textarea {
 271 |   font-family: sans-serif; /* 1 */
 272 |   font-size: 100%; /* 1 */
 273 |   line-height: 1.15; /* 1 */
 274 |   margin: 0; /* 2 */
 275 | }
 276 | 
 277 | /**
 278 |  * Show the overflow in IE.
 279 |  * 1. Show the overflow in Edge.
 280 |  */
 281 | 
 282 | button,
 283 | input { /* 1 */
 284 |   overflow: visible;
 285 | }
 286 | 
 287 | /**
 288 |  * Remove the inheritance of text transform in Edge, Firefox, and IE.
 289 |  * 1. Remove the inheritance of text transform in Firefox.
 290 |  */
 291 | 
 292 | button,
 293 | select { /* 1 */
 294 |   text-transform: none;
 295 | }
 296 | 
 297 | /**
 298 |  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 299 |  *    controls in Android 4.
 300 |  * 2. Correct the inability to style clickable types in iOS and Safari.
 301 |  */
 302 | 
 303 | button,
 304 | html [type="button"], /* 1 */
 305 | [type="reset"],
 306 | [type="submit"] {
 307 |   -webkit-appearance: button; /* 2 */
 308 | }
 309 | 
 310 | /**
 311 |  * Remove the inner border and padding in Firefox.
 312 |  */
 313 | 
 314 | button::-moz-focus-inner,
 315 | [type="button"]::-moz-focus-inner,
 316 | [type="reset"]::-moz-focus-inner,
 317 | [type="submit"]::-moz-focus-inner {
 318 |   border-style: none;
 319 |   padding: 0;
 320 | }
 321 | 
 322 | /**
 323 |  * Restore the focus styles unset by the previous rule.
 324 |  */
 325 | 
 326 | button:-moz-focusring,
 327 | [type="button"]:-moz-focusring,
 328 | [type="reset"]:-moz-focusring,
 329 | [type="submit"]:-moz-focusring {
 330 |   outline: 1px dotted ButtonText;
 331 | }
 332 | 
 333 | /**
 334 |  * Change the border, margin, and padding in all browsers (opinionated).
 335 |  */
 336 | 
 337 | fieldset {
 338 |   border: 1px solid #c0c0c0;
 339 |   margin: 0 2px;
 340 |   padding: 0.35em 0.625em 0.75em;
 341 | }
 342 | 
 343 | /**
 344 |  * 1. Correct the text wrapping in Edge and IE.
 345 |  * 2. Correct the color inheritance from `fieldset` elements in IE.
 346 |  * 3. Remove the padding so developers are not caught out when they zero out
 347 |  *    `fieldset` elements in all browsers.
 348 |  */
 349 | 
 350 | legend {
 351 |   box-sizing: border-box; /* 1 */
 352 |   color: inherit; /* 2 */
 353 |   display: table; /* 1 */
 354 |   max-width: 100%; /* 1 */
 355 |   padding: 0; /* 3 */
 356 |   white-space: normal; /* 1 */
 357 | }
 358 | 
 359 | /**
 360 |  * 1. Add the correct display in IE 9-.
 361 |  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 362 |  */
 363 | 
 364 | progress {
 365 |   display: inline-block; /* 1 */
 366 |   vertical-align: baseline; /* 2 */
 367 | }
 368 | 
 369 | /**
 370 |  * Remove the default vertical scrollbar in IE.
 371 |  */
 372 | 
 373 | textarea {
 374 |   overflow: auto;
 375 | }
 376 | 
 377 | /**
 378 |  * 1. Add the correct box sizing in IE 10-.
 379 |  * 2. Remove the padding in IE 10-.
 380 |  */
 381 | 
 382 | [type="checkbox"],
 383 | [type="radio"] {
 384 |   box-sizing: border-box; /* 1 */
 385 |   padding: 0; /* 2 */
 386 | }
 387 | 
 388 | /**
 389 |  * Correct the cursor style of increment and decrement buttons in Chrome.
 390 |  */
 391 | 
 392 | [type="number"]::-webkit-inner-spin-button,
 393 | [type="number"]::-webkit-outer-spin-button {
 394 |   height: auto;
 395 | }
 396 | 
 397 | /**
 398 |  * 1. Correct the odd appearance in Chrome and Safari.
 399 |  * 2. Correct the outline style in Safari.
 400 |  */
 401 | 
 402 | [type="search"] {
 403 |   -webkit-appearance: textfield; /* 1 */
 404 |   outline-offset: -2px; /* 2 */
 405 | }
 406 | 
 407 | /**
 408 |  * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 409 |  */
 410 | 
 411 | [type="search"]::-webkit-search-cancel-button,
 412 | [type="search"]::-webkit-search-decoration {
 413 |   -webkit-appearance: none;
 414 | }
 415 | 
 416 | /**
 417 |  * 1. Correct the inability to style clickable types in iOS and Safari.
 418 |  * 2. Change font properties to `inherit` in Safari.
 419 |  */
 420 | 
 421 | ::-webkit-file-upload-button {
 422 |   -webkit-appearance: button; /* 1 */
 423 |   font: inherit; /* 2 */
 424 | }
 425 | 
 426 | /* Interactive
 427 |    ========================================================================== */
 428 | 
 429 | /*
 430 |  * Add the correct display in IE 9-.
 431 |  * 1. Add the correct display in Edge, IE, and Firefox.
 432 |  */
 433 | 
 434 | details, /* 1 */
 435 | menu {
 436 |   display: block;
 437 | }
 438 | 
 439 | /*
 440 |  * Add the correct display in all browsers.
 441 |  */
 442 | 
 443 | summary {
 444 |   display: list-item;
 445 | }
 446 | 
 447 | /* Scripting
 448 |    ========================================================================== */
 449 | 
 450 | /**
 451 |  * Add the correct display in IE 9-.
 452 |  */
 453 | 
 454 | canvas {
 455 |   display: inline-block;
 456 | }
 457 | 
 458 | /**
 459 |  * Add the correct display in IE.
 460 |  */
 461 | 
 462 | template {
 463 |   display: none;
 464 | }
 465 | 
 466 | /* Hidden
 467 |    ========================================================================== */
 468 | 
 469 | /**
 470 |  * Add the correct display in IE 10-.
 471 |  */
 472 | 
 473 | [hidden] {
 474 |   display: none;
 475 | }
 476 | 
 477 | 
 478 | /*=======================================================
 479 | WordPress Native Styles
 480 | =======================================================*/
 481 | 
 482 | p {
 483 | 	display: block;
 484 | 	margin: 1.3em 0;
 485 | }
 486 | strong { font-weight: bold; }
 487 | em { font-style: italic; }
 488 | blockquote {
 489 | 	display: block;
 490 | 	-webkit-margin-before: 1em;
 491 | 	-webkit-margin-after: 1em;
 492 | 	-webkit-margin-start: 40px;
 493 | 	-webkit-margin-end: 40px;
 494 | }
 495 | 
 496 | /* img */
 497 | 
 498 | .aligncenter {
 499 | 	display: block;
 500 | 	margin: 0 auto;
 501 | }
 502 | .alignright { float: right; }
 503 | .alignleft { float: left; }
 504 | 
 505 | img[class*="wp-image-"],
 506 | img[class*="attachment-"] {
 507 | 	height: auto;
 508 | 	max-width: 100%;
 509 | }
 510 | 
 511 | /*=======================================================
 512 | body
 513 | =======================================================*/
 514 | 
 515 | body {
 516 | 	width: 100%;
 517 | 	margin: 0;
 518 | 	padding: 0;
 519 | 	background: #CBCBCB;
 520 | 	color: #95989A;
 521 | 	font-size: 16px;
 522 | 	line-height: 1.7;
 523 | 	font-family: sans-serif;
 524 | }
 525 | 
 526 | 
 527 | /*=======================================================
 528 | anchor
 529 | =======================================================*/
 530 | 
 531 | a {
 532 | 	color: #2a2a2a;
 533 | 	text-decoration: none;
 534 | }
 535 | 
 536 | a:hover {
 537 | 	text-decoration: underline;
 538 | }
 539 | 
 540 | a.visited {
 541 | 	color: #707070;
 542 | }
 543 | 
 544 | 
 545 | /*=======================================================
 546 | Typography
 547 | =======================================================*/
 548 | 
 549 | h2 {
 550 | 	margin: 50px 0 20px;
 551 | 	font-size: 30px;
 552 | 	font-weight: normal;
 553 | 	line-height: 1;
 554 | }
 555 | 
 556 | p {
 557 | 	display: block;
 558 | 	margin: 1.3em 0;
 559 | }
 560 | 
 561 | strong {
 562 | 	color: #2a2a2a;
 563 | 	font-weight: bold;
 564 | }
 565 | 
 566 | em { font-style: italic;}
 567 | 
 568 | blockquote {
 569 | 	display: block;
 570 | 	-webkit-margin-before: 1em;
 571 | 	-webkit-margin-after: 1em;
 572 | 	-webkit-margin-start: 40px;
 573 | 	-webkit-margin-end: 40px;
 574 | }
 575 | 
 576 | 
 577 | 
 578 | /*=======================================================
 579 | layout
 580 | =======================================================*/
 581 | 
 582 | .content-area {
 583 | 	width: 1080px;
 584 | 	margin: 50px auto 20px;
 585 | 	padding: 30px;
 586 | 	background-color: #707070;
 587 | 	border-radius: 30px 0 0 0;
 588 | }
 589 | 
 590 | .content-area.content-area-profile {
 591 | 	padding-top: 100px;
 592 | }
 593 | 
 594 | .content-area.has-side-col:after {
 595 | 	content: "";
 596 | 	display: block;
 597 | 	clear: both;
 598 | }
 599 | 
 600 | .main-column {
 601 | 	margin-bottom: 40px;
 602 | }
 603 | 
 604 | .has-side-col .main-column {
 605 | 	width: 705px;
 606 | 	float: left;
 607 | }
 608 | 
 609 | .side-column {
 610 | 	float: right;
 611 | 	list-style: none;
 612 | 	padding-left: 0;
 613 | 	width: 360px;
 614 | }
 615 | 
 616 | .text-body {
 617 | 	width: 650px;
 618 | 	margin: 0 auto;
 619 | }
 620 | 
 621 | .text-body:after {
 622 | 	content: "";
 623 | 	display: block;
 624 | 	clear: both;
 625 | }
 626 | 
 627 | /* Small only */
 628 | @media screen and (max-width: 39.9375em) {
 629 | .text-body {
 630 | 	width: 100%;
 631 | }
 632 | }
 633 | 
 634 | /* Small or Medium */
 635 | @media screen and (max-width: 63.9375em) {
 636 | .content-area {
 637 | 	width: 98%;
 638 | 	margin-top: 0;
 639 | 	padding: 30px 1%;
 640 | 	border-radius: 0;
 641 | }
 642 | .has-side-col .main-column {
 643 | 	width: 98%;
 644 | 	padding: 0 1%;
 645 | 	float: none;
 646 | }
 647 | .side-column {
 648 | 	width: 98%;
 649 | 	padding: 30px 1%;
 650 | 	float: none;
 651 | }
 652 | 
 653 | .footer-widget-area {
 654 | 	width: 98%;
 655 | 	padding: 30px 1%;
 656 | }
 657 | }
 658 | 
 659 | 
 660 | /*=======================================================
 661 | Accessibility
 662 | =======================================================*/
 663 | 
 664 | /* Text meant only for screen readers. */
 665 | 
 666 | .screen-reader-text {
 667 | 	clip: rect(1px, 1px, 1px, 1px);
 668 | 	height: 1px;
 669 | 	overflow: hidden;
 670 | 	position: absolute !important;
 671 | 	width: 1px;
 672 | 	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 673 | }
 674 | 
 675 | .screen-reader-text:focus {
 676 | 	background-color: #f1f1f1;
 677 | 	-webkit-border-radius: 3px;
 678 | 	border-radius: 3px;
 679 | 	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 680 | 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 681 | 	clip: auto !important;
 682 | 	color: #21759b;
 683 | 	display: block;
 684 | 	font-size: 14px;
 685 | 	font-size: 0.875rem;
 686 | 	font-weight: 700;
 687 | 	height: auto;
 688 | 	left: 5px;
 689 | 	line-height: normal;
 690 | 	padding: 15px 23px 14px;
 691 | 	text-decoration: none;
 692 | 	top: 5px;
 693 | 	width: auto;
 694 | 	z-index: 100000; /* Above WP toolbar. */
 695 | }
 696 | 
 697 | 
 698 | /*=======================================================
 699 | generic parts
 700 | =======================================================*/
 701 | 
 702 | .box-generic {
 703 | 	margin: 30px 0;
 704 | }
 705 | 
 706 | .main-column > .box-generic:first-child {
 707 | 	margin-top: 0;
 708 | }
 709 | 
 710 | .box-heading,
 711 | .widgettitle {
 712 | 	display: inline-block;
 713 | 	min-width: 160px;
 714 | 	margin: 0;
 715 | 	padding: 0 30px;
 716 | 	border-radius: 20px 0 0 0;
 717 | 	background-color: #E0E0E0;
 718 | 	color: #707070;
 719 | 	line-height: 1.5;
 720 | }
 721 | 
 722 | .box-heading.box-heading-main-col {
 723 | 	font-size: 28px;
 724 | }
 725 | 
 726 | .widgettitle {
 727 | 	font-size: 24px;
 728 | }
 729 | 
 730 | .box-heading.box-heading-article {
 731 | 	padding-top: 10px;
 732 | 	padding-bottom: 10px;
 733 | 	font-size: 28px;
 734 | 	font-weight: normal;
 735 | 
 736 | }
 737 | 
 738 | .box-content + .box-heading {
 739 | 	margin-top: 30px;
 740 | }
 741 | 
 742 | .box-content,
 743 | .searchform > div,
 744 | .calendar_wrap,
 745 | .tagcloud,
 746 | .widget ul {
 747 | 	padding: 30px;
 748 | 	background-color: #FFF;
 749 | }
 750 | 
 751 | .box-content.radius-tl {
 752 | 	border-radius: 20px 0 0 0;
 753 | }
 754 | 
 755 | .box-content.radius-tr {
 756 | 	border-radius: 0 20px 0 0;
 757 | }
 758 | 
 759 | .box-content.radius-bl {
 760 | 	border-radius: 0 0 0 20px;
 761 | }
 762 | 
 763 | .box-content.radius-br,
 764 | .widgettitle + .calendar_wrap,
 765 | .widgettitle + .tagcloud,
 766 | .widgettitle + .searchform > div,
 767 | .widget .widgettitle + ul {
 768 | 	border-radius: 0 0 20px 0;
 769 | }
 770 | 
 771 | .searchform > div,
 772 | .calendar_wrap,
 773 | .widget ul {
 774 | 	border-radius: 20px 0 20px 0;
 775 | }
 776 | 
 777 | .box-content > *:first-child,
 778 | .widget_search,
 779 | .widget ul > *:first-child {
 780 | 	margin: 0;
 781 | }
 782 | 
 783 | .archive {
 784 | 	padding: 0;
 785 | 	list-style: none;
 786 | }
 787 | 
 788 | .item-archive {
 789 | 	margin-top: 30px;
 790 | 	position: relative;
 791 | }
 792 | 
 793 | .item-archive:first-child {
 794 | 	margin-top: 0;
 795 | }
 796 | 
 797 | .item-archive:after {
 798 | 	content: "";
 799 | 	display: block;
 800 | 	clear: both;
 801 | }
 802 | 
 803 | .time-and-thumb-archive {
 804 | 	position: relative;
 805 | 	float: left;
 806 | 	z-index: 10;
 807 | 	padding-left: 30px;
 808 | 	color: #FFF;
 809 | 	font-weight: bold;
 810 | 	min-height: 130px;
 811 | }
 812 | 
 813 | .thumb-archive {
 814 | 	margin: 0;
 815 | 	line-height: 1;
 816 | }
 817 | 
 818 | .thumb-archive img {
 819 | 	vertical-align: top;
 820 | 	border-radius: 0 0 20px 0;
 821 | 	margin-right: 20px;
 822 | }
 823 | 
 824 | .pub-date {
 825 | 	position: absolute;
 826 | 	left: 0;
 827 | 	bottom: 0;
 828 | 	display: block;
 829 | 	width: 116px;
 830 | 	height: 16px;
 831 | 	padding: 7px;
 832 | 	line-height: 16px;
 833 | 	background-color: #707070;
 834 | 	transform: rotate(270deg);
 835 | 	transform-origin: 15px 15px;
 836 | 	font-size: 10px;
 837 | }
 838 | 
 839 | .pub-date:before {
 840 | 	content: url(images/icon-clock.png);
 841 | 	margin-right: 5px;
 842 | 	vertical-align: top;
 843 | }
 844 | 
 845 | .data-archive {
 846 | 	width: 100%;
 847 | 	min-height: 130px;
 848 | 	position: relative;
 849 | 	z-index: 0;
 850 | }
 851 | 
 852 | .list-categories-archive {
 853 | 	margin: 0;
 854 | 	padding-left: 50px;
 855 | 	background-color: #E0E0E0;
 856 | 	line-height: 28px;
 857 | }
 858 | 
 859 | .title-archive {
 860 | 	margin: 0;
 861 | 	padding: 10px 0 10px 50px;
 862 | 	line-height: 1.4;
 863 | 	font-size: 21px;
 864 | 	font-weight: normal;
 865 | 	min-height: 58px;
 866 | }
 867 | 
 868 | .list-tags-archive {
 869 | 	bottom: 0;
 870 | 	margin: 0;
 871 | 	padding-left: 50px;
 872 | 	padding-right: 20px;
 873 | 	border-radius: 0 0 20px 0;
 874 | 	background-color: #CBCBCB;
 875 | 	color: #707070;
 876 | 	font-size: 14px;
 877 | 	line-height: 24px;
 878 | 	min-height: 24px;
 879 | }
 880 | 
 881 | .list-tags-archive a {
 882 | 	display: inline-block;
 883 | }
 884 | 
 885 | .nav-to-archives {
 886 | 	margin-top: 50px;
 887 | }
 888 | 
 889 | .nav-to-archives a {
 890 | 	display: block;
 891 | 	margin-right: -30px;
 892 | 	padding: 10px 20px;
 893 | 	background-color: #707070;
 894 | 	text-align: right;
 895 | 	color: #FFF;
 896 | 	font-size: 18px;
 897 | 	font-weight: bold;
 898 | }
 899 | 
 900 | .nav-to-archives a:hover {
 901 | 	background-color: #CBCBCB;
 902 | 	text-decoration: none;
 903 | }
 904 | 
 905 | 
 906 | .pagination .nav-links {
 907 | 	margin-top: 50px;
 908 | 	text-align: center;
 909 | }
 910 | 
 911 | .pagination .nav-links a,
 912 | .pagination .nav-links span {
 913 | 	color: #FFF;
 914 | 	font-weight: bold;
 915 | 	padding: 0.5em;
 916 | }
 917 | 
 918 | .pagination .nav-links .current,
 919 | .pagination .nav-links .dots {
 920 | 	color: #95989A;
 921 | }
 922 | 
 923 | .arrow {
 924 | 	margin: 0 10px;
 925 | 	vertical-align: middle;
 926 | }
 927 | 
 928 | .reply:before {
 929 | 	content: url(images/icon-reply.png);
 930 | }
 931 | 
 932 | .meta{
 933 | 	display: inline-block;
 934 | 	margin-right: 2em;
 935 | }
 936 | 
 937 | 
 938 | 
 939 | @media screen and (max-width: 63.9375em) {
 940 | 
 941 | .list-tags-archive {
 942 | 	position: static;
 943 | 	width: auto;
 944 | 	padding-left: 130px;
 945 | 	padding-right: 0;
 946 | 	background-color: transparent;
 947 | 	color: #707070;
 948 | 	font-size: 14px;
 949 | }
 950 | 
 951 | .title-archive {
 952 | 	margin: 0;
 953 | 	padding-bottom: 10px;
 954 | 	line-height: 1.4;
 955 | 	font-weight: normal;
 956 | }
 957 | 
 958 | }
 959 | 
 960 | @media screen and (max-width: 39.9375em) {
 961 | 
 962 | .box-heading,
 963 | .widgettitle {
 964 | 	padding: 30px 20px;
 965 | }
 966 | 
 967 | .box-content,
 968 | .widget_search,
 969 | .widget ul {
 970 | 	padding: 30px 20px;
 971 | }
 972 | 
 973 | .time-and-thumb-archive {
 974 | 	padding-left: 0;
 975 | }
 976 | 
 977 | .pub-date {
 978 | 	position: static;
 979 | 	left: 0;
 980 | 	bottom: 0;
 981 | 	display: block;
 982 | 	width: 106px;
 983 | 	height: auto;
 984 | 	padding: 7px;
 985 | 	line-height: 1;
 986 | 	background-color: #707070;
 987 | 	transform: rotate(0deg);
 988 | 	font-size: 13px;
 989 | }
 990 | 
 991 | .list-categories-archive {
 992 | 	margin: 0;
 993 | 	padding-left: 130px;
 994 | }
 995 | 
 996 | .title-archive {
 997 | 	margin: 0;
 998 | 	padding: 10px 0 10px 130px;
 999 | 	line-height: 1.4;
1000 | 	font-size: 18px;
1001 | 	font-weight: normal;
1002 | }
1003 | 
1004 | .thumb-archive img {
1005 | 	width: 120px;
1006 | 	height: auto;
1007 | }
1008 | 
1009 | .list-tags-archive {
1010 | 	position: static;
1011 | 	width: auto;
1012 | 	padding-left: 130px;
1013 | 	padding-right: 0;
1014 | 	background-color: transparent;
1015 | 	color: #707070;
1016 | 	font-size: 14px;
1017 | }
1018 | 
1019 | }
1020 | 
1021 | 
1022 | /*=======================================================
1023 | header and global-nav
1024 | =======================================================*/
1025 | 
1026 | .header-area {
1027 | 	min-height: 110px;
1028 | 	background-color: #707070;
1029 | 	position: relative;
1030 | 	display: flex;
1031 | 	flex-flow: row nowrap;
1032 | 	justify-content: space-between;
1033 | 	align-items: flex-start;
1034 | }
1035 | 
1036 | .panel-site-title {
1037 | 	position: relative;
1038 | 	z-index: 1;
1039 | 	padding: 40px 0 0 40px;
1040 | 	background-color: #E0E0E0;
1041 | 	border-radius: 0 0 20px 0;
1042 | 	text-align: center;
1043 | 	font-feature-settings : "palt";
1044 | 	margin-bottom: -10px;
1045 | }
1046 | 
1047 | .panel-site-title:before {
1048 | 	display: block;
1049 | 	width: 100%;
1050 | 	height: 100%;
1051 | 	content: "";
1052 | 	position: absolute;
1053 | 	top: 20px;
1054 | 	left: 30px;
1055 | 	background-color: #E0E0E0;
1056 | 	border-radius: 0 0 20px 0;
1057 | 	z-index: -1;
1058 | }
1059 | 
1060 | .site-title {
1061 | 	margin: 0 0 8px 0;
1062 | 	letter-spacing: -2px;
1063 | 	font-size: 46px;
1064 | 	line-height: 54px;
1065 | }
1066 | 
1067 | .site-title a {
1068 | 	color: #95989A;
1069 | }
1070 | 
1071 | .site-title a:hover {
1072 | 	color: #707070;
1073 | 	text-decoration: none;
1074 | }
1075 | 
1076 | .site-subtitle {
1077 | 	margin: 0;
1078 | 	line-height: 1.4;
1079 | 	font-size: 16px;
1080 | }
1081 | 
1082 | .global-nav {
1083 | 	display: flex;
1084 | 	flex-flow: row wrap;
1085 | 	justify-content: flex-end;
1086 | 	margin-left: 60px;
1087 | }
1088 | 
1089 | .global-nav ul {
1090 | 	display: flex;
1091 | 	flex-flow: row wrap;
1092 | 	justify-content: flex-end;
1093 | 	list-style: none;
1094 | 	margin: 0;
1095 | 	padding: 0;
1096 | }
1097 | 
1098 | .global-nav ul li {
1099 | 	font-size: 18px;
1100 | 	font-weight: bold;
1101 | 	margin-left: -15px;
1102 | }
1103 | 
1104 | .global-nav ul li a {
1105 | 	border-bottom: 5px solid #E0E0E0;
1106 | 	color: #FFF;
1107 | 	display: block;
1108 | 	line-height: 30px;
1109 | 	padding: 40px 15px;
1110 | 	padding-right: 30px;
1111 | }
1112 | 
1113 | .global-nav ul li.current-menu-item a {
1114 | 	border-bottom-color: #EBFF00;
1115 | }
1116 | 
1117 | .global-nav ul li a:hover {
1118 | 	color: #EBFF00;
1119 | 	text-decoration: none;
1120 | }
1121 | 
1122 | .item-global-nav-en {
1123 | 	display: block;
1124 | 	margin-top: 5px;
1125 | 	transform:rotate(355deg);
1126 | 	font-size: 16px;
1127 | 	font-weight: normal;
1128 | 	color: #CBCBCB;
1129 | }
1130 | 
1131 | .hero {
1132 | 	background-image: url(images/bg-eyecatch01.jpg);
1133 | 	background-position: center center;
1134 | 	background-repeat: no-repeat;
1135 | 	background-size: cover;
1136 | 	border-bottom-right-radius: 30px;
1137 | }
1138 | 
1139 | .home .hero {
1140 | 	height: 530px;
1141 | }
1142 | 
1143 | .hero.eyecatch {
1144 | 	background-image: none;
1145 | 	overflow: hidden;
1146 | 	text-align: center;
1147 | }
1148 | 
1149 | .hero.eyecatch img {
1150 | 	border-bottom-right-radius: 30px;
1151 | 	max-height: 630px;
1152 | 	vertical-align: top;
1153 | 	width: auto;
1154 | }
1155 | 
1156 | .page-title {
1157 | 	width: 100%;
1158 | 	padding-top:35px;
1159 | 	height: 135px;
1160 | 	background-color: #FFF;
1161 | 	background-image: url(images/bg-eyecatch01.jpg);
1162 | 	background-position: center center;
1163 | 	background-repeat: no-repeat;
1164 | 	background-size: cover;
1165 | 	color: #707070;
1166 | 	text-align: center;
1167 | }
1168 | 
1169 | @media screen and (max-width: 63.9375em) {
1170 | 
1171 | .header-area {
1172 | 	min-height: 70px;
1173 | 	background-color: #707070;
1174 | }
1175 | 
1176 | .hero {
1177 | 	height: 300px;
1178 | }
1179 | 
1180 | .hero.eyecatch img {
1181 | 	max-height: 300px;
1182 | }
1183 | 
1184 | .site-title {
1185 | 	font-size: 32px;
1186 | 	letter-spacing: -2px;
1187 | 	line-height: 1;
1188 | }
1189 | 
1190 | .site-subtitle {
1191 | 	margin: 0;
1192 | 	font-size: 13px;
1193 | }
1194 | 
1195 | .panel-site-title {
1196 | 	max-width: 250px;
1197 | 	padding: 30px 0 10px 20px;
1198 | }
1199 | 
1200 | .panel-site-title:before {
1201 | 	top: 10px;
1202 | 	left: 15px;
1203 | }
1204 | 
1205 | .global-nav ul li {
1206 | 	display: inline-block;
1207 | 	margin-right: 10px;
1208 | }
1209 | 
1210 | .global-nav ul:before {
1211 | 	top: 25px;
1212 | }
1213 | 
1214 | 
1215 | .item-global-nav {
1216 | 	font-size: 14px;
1217 | }
1218 | 
1219 | .item-global-nav-en {
1220 | 	font-size: 12px;
1221 | }
1222 | 
1223 | }
1224 | 
1225 | @media screen and (max-width: 39.9375em) {
1226 | 
1227 | .header-area {
1228 | 	min-height: auto;
1229 | 	padding: 10px 0;
1230 | 	background-color: #707070;
1231 | }
1232 | 
1233 | .panel-site-title {
1234 | 	position: static;
1235 | 	width: 100%;
1236 | 	max-width: 100%;
1237 | 	padding: 30px 0;
1238 | }
1239 | 
1240 | .panel-site-title:before {
1241 | 	display: none;
1242 | }
1243 | 
1244 | .global-nav ul {
1245 | 	margin: 0;
1246 | 	padding: 0;
1247 | 	padding-top: 0;
1248 | 	text-align: center;
1249 | }
1250 | 
1251 | .global-nav ul li {
1252 | 	display: inline-block;
1253 | 	margin-right: 10px;
1254 | }
1255 | 
1256 | .global-nav ul:before {
1257 | 	border-bottom: none;
1258 | }
1259 | 
1260 | .item-global-nav {
1261 | 	font-size: 13px;
1262 | }
1263 | 
1264 | .item-global-nav-en {
1265 | 	display: none;
1266 | }
1267 | 
1268 | .hero {
1269 | 	height: 150px;
1270 | }
1271 | 
1272 | .hero.eyecatch img {
1273 | 	max-height: 150px;
1274 | }
1275 | 
1276 | .page-title {
1277 | 	height: 120px;
1278 | }
1279 | 
1280 | }
1281 | 
1282 | 
1283 | 
1284 | /*=======================================================
1285 | footer
1286 | =======================================================*/
1287 | 
1288 | .footer-widget-area {
1289 | 	width: 1140px;
1290 | 	margin: 20px auto 30px;
1291 | 	min-height: 110px;
1292 | 	position: relative;
1293 | }
1294 | 
1295 | .footer-widgets {
1296 | 	display: flex;
1297 | 	flex-flow: row wrap;
1298 | 	justify-content: space-between;
1299 | 	align-items: stretch;
1300 | 	list-style: none;
1301 | 	margin: 0;
1302 | 	padding: 20px 30px;
1303 | }
1304 | 
1305 | .footer-widgets > li {
1306 | 	width: 340px;
1307 | }
1308 | 
1309 | .footer-widget .searchform > div,
1310 | .footer-widget .calendar_wrap,
1311 | .footer-widget .textwidget,
1312 | .footer-widget ul {
1313 | 	border-bottom: solid 6px #EBFF00;
1314 | 	border-bottom-right-radius: 10px;
1315 | }
1316 | 
1317 | .footer-widget ul {
1318 | 	margin: 0;
1319 | }
1320 | 
1321 | .footer-widget img {
1322 | 	vertical-align: top;
1323 | }
1324 | 
1325 | .back-to-top {
1326 | 	position: absolute;
1327 | 	top: -20px;
1328 | 	right: -60px;
1329 | 	text-align: center;
1330 | }
1331 | 
1332 | .back-to-top a {
1333 | 	display: block;
1334 | 	width: 60px;
1335 | 	height: 160px;
1336 | 	background-color: #707070;
1337 | 	color: #FFF;
1338 | 	font-size: 18px;
1339 | 	font-weight: bold;
1340 | }
1341 | 
1342 | .copyright {
1343 | 	padding: 15px 0;
1344 | 	background-color: #707070;
1345 | 	text-align: center;
1346 | 	color: #FFF;
1347 | 	font-size: 14px;
1348 | }
1349 | 
1350 | .copyright p {
1351 | 	margin: 0;
1352 | }
1353 | 
1354 | @media screen and (max-width: 63.9375em) {
1355 | 
1356 | .footer-widget-area {
1357 | 	width: 98%;
1358 | 	padding: 0 1%;
1359 | }
1360 | 
1361 | }
1362 | 
1363 | /*=======================================================
1364 | sidebar
1365 | =======================================================*/
1366 | 
1367 | .widget ul {
1368 | 	list-style: none;
1369 | 	margin: 0;
1370 | }
1371 | 
1372 | .widget ul a {
1373 | 	color: #95989A;
1374 | }
1375 | 
1376 | .widget {
1377 | 	margin-bottom: 20px;
1378 | }
1379 | 
1380 | .widget_calendar table {
1381 | 	width: 100%;
1382 | 	text-align: center;
1383 | }
1384 | 
1385 | .widget_calendar table #prev {
1386 | 	text-align: left;
1387 | }
1388 | 
1389 | .widget_calendar table #next {
1390 | 	text-align: right;
1391 | }
1392 | 
1393 | /*=======================================================
1394 | single
1395 | =======================================================*/
1396 | 
1397 | .entry > *:first-child {
1398 | 	margin-top: 0;
1399 | }
1400 | 
1401 | /*=======================================================
1402 | comment
1403 | =======================================================*/
1404 | 
1405 | .comment-list,
1406 | .comment-list ul {
1407 | 	padding: 0;
1408 | 	list-style: none;
1409 | }
1410 | 
1411 | .comment-list .comment {
1412 | 	min-height: 150px;
1413 | }
1414 | 
1415 | .comment-body {
1416 | 	font-size: 14px;
1417 | 	margin-bottom: 30px;
1418 | 	overflow: hidden;
1419 | }
1420 | 
1421 | .comment-meta {
1422 | 	position: relative;
1423 | }
1424 | 
1425 | .comment-author {
1426 | 	margin: 0;
1427 | 	background-color: #E0E0E0;
1428 | }
1429 | 
1430 | .comment-author .avatar {
1431 | 	border-bottom-right-radius: 20px;
1432 | 	float: left;
1433 | 	margin-right: 20px;
1434 | }
1435 | 
1436 | .comment-metadata {
1437 | 	margin-top: 5px;
1438 | }
1439 | 
1440 | .comment-metadata .edit-link:before {
1441 | 	content: "| ";
1442 | }
1443 | 
1444 | .comment-metadata,
1445 | .comment-content {
1446 | 	overflow: hidden;
1447 | }
1448 | 
1449 | .comment-list .children {
1450 | 	margin-left: 20px;
1451 | }
1452 | 
1453 | .reply {
1454 | 	color: #707070;
1455 | 	font-size: 14px;
1456 | 	margin: 0;
1457 | 	padding-right: 20px;
1458 | 	overflow: hidden;
1459 | 	text-align: right;
1460 | }
1461 | 
1462 | .comment-reply-title {
1463 | 	margin-top: 0;
1464 | }
1465 | 
1466 | .comment-form-comment label {
1467 | 	display: block;
1468 | }
1469 | 
1470 | @media screen and (max-width: 39.9375em) {
1471 | 
1472 | .time-and-thumb-comment {
1473 | 	padding-left: 0;
1474 | }
1475 | 
1476 | .comment-author {
1477 | 	margin: 0;
1478 | 	padding-left: 130px;
1479 | }
1480 | 
1481 | .comment-body {
1482 | 	margin: 0;
1483 | 	padding: 10px 0 10px 130px;
1484 | 	line-height: 1.4;
1485 | }
1486 | 
1487 | .thumb-comment img {
1488 | 	width: 120px;
1489 | 	height: auto;
1490 | }
1491 | 
1492 | }
1493 | 
1494 | /*=======================================================
1495 | profile
1496 | =======================================================*/
1497 | 
1498 | .profile-header {
1499 | 	margin-top: -100px;
1500 | 	text-align: center;
1501 | }
1502 | 
1503 | .pic-profile {
1504 | 	margin: 0;
1505 | }
1506 | .profile-header h2 {
1507 | 	margin-top: 0;
1508 | }
1509 | 
1510 | /*=======================================================
1511 | contact
1512 | =======================================================*/
1513 | 
1514 | .form-unit {
1515 | 	margin: 30px 0;
1516 | }
1517 | 
1518 | .contact-form .text-input,
1519 | .contact-form textarea {
1520 | 	font-size: 20px;
1521 | 	width: 100%;
1522 | 	height: 40px;
1523 | }
1524 | 
1525 | .contact-form textarea {
1526 | 	width: 100%;
1527 | 	min-height: 120px;
1528 | }
1529 | 
1530 | .form-unit.submit {
1531 | 	text-align: center;
1532 | }
1533 | 
1534 | .button-submit {
1535 | 	padding: 20px 50px;
1536 | 	border: none;
1537 | 	background-color: #707070;
1538 | 	color: #FFF;
1539 | 	text-align: center;
1540 | 	cursor: pointer;
1541 | }
1542 | 
1543 | .button-submit:hover {
1544 | 	background-color: #E0E0E0;
1545 | 	color: #000;
1546 | }
1547 | 


--------------------------------------------------------------------------------