/*
2015.7.3
全体カスタマイズ用CSS
全ページに及ぶカスタマイズ用デザインはここに。
*/

/* 2017.8.17 カテゴリーアーカイブ用コンテンツ紹介エリア */
.wall_area{
  border-radius: 5px;
  border: 1px solid #dedede;
  margin: 0 0 20px 0;
  width: 100%;
  position:relative;
}
.wall_image_area{
  width:100%;
  height:auto;
}
.wall_icon {
  width: 20%;
  max-width: 120px;
  margin-left:5%;
  position:absolute;
  bottom:6px;
}
.wall_header_area {
  margin-left: 26%;
  margin-bottom: 3%;
  margin-top:2%;
}
.wall_link { display:table-cell;font-size: 25px;height:27px;vertical-align: middle; }
.wall_label_icon { display:table-cell;height:27px;vertical-align: middle;padding: 0 0 0 10px; }
.wall_description { font-size: 110%; text-align: left; }

/* 2016.03.07 saito 個別投稿ページのアイキャッチ画像サイズを調整 */
.wp-post-image.aligncenter { width: auto;}

.wall_official_icon { background: #ff6644 none repeat scroll 0 0;border-radius: 3px;color: white;font-size: 13px;font-weight: bold;line-height: 1;padding: 5px;vertical-align: middle;text-shadow: none; }

/* 2015.11.25 カテゴリページでも現在のページであれば押されている状態になるように */
li.current-menu-item{
    box-shadow: rgba(100,102,97,0.3) 0 0 10px inset;
    -moz-box-shadow: rgba(100,102,97,0.3) 0 0 10px inset;
    -webkit-box-shadow: rgba(100,102,97,0.3) 0 0 10px inset;
}

/* 2016.03.25 ContactForm7用CSS */
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	font-weight: bold;
}

/* 以下は枠線に関わるスタイル
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}
*/

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

span.list-item-lesson-apply > span.wpcf7-list-item{
	display: block;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}
/* pcで表示しないものを記述 */
div.wpcf7 div.ajax-error, .rank_orange_onimage, .rank_post_date, .link_formobile{
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

/*2016.03.28 saito 日付の隣の縦棒を消去 */
.entrylist-date::after{
  content: "";
}

/* iPhoneブラウザ版アプリ広告 */
header#header_area, #site_title_div { box-shadow: none; }
#iphone_app_ads_block {display: none; box-sizing: border-box;color: #FFF;height: 75px;background: #404040;overflow: hidden;padding: 10px 7px;position: relative;width: 100%; }
#ip_appads_table { display: table;width: 100%; }
#ip_appads_icon_area { display: table-cell;height: 55px; }
#ip_appads_icon { display: block;height: 100%; }
#ip_appads_main_area { box-sizing: border-box;display: table;height: 55px; }
#ip_appads_mes { color: #fff;display: table-cell;font-size: 13px;line-height: 18px;padding-left: 5px;vertical-align: middle; }
#ip_appads_button_area { display: table-cell;min-width: 75px;vertical-align: middle; }
#ip_appads_button { background: #4cad0f;padding: 5px 6px;border-radius: 4px;border: none; }
#ip_appads_link { display: block;height: 100%;width: 100%;position: absolute;text-decoration: none;font-size: 0;top: 0;left: 0; }

/* 共通で使えるボタン */
.shdButton01 { background: #ff4500 none repeat scroll 0 0;border-radius: 7px;box-shadow: 0 0 10px 1px rgba(113, 135, 164, 0.27);color: #fff!important;display: inline-block;font-size: 18px;margin: 10px auto;padding: 5px 20px;text-align: center;text-shadow: none;; }

/* 採用リンクの枠（シンプル） */
.saiyo { border: 1px solid #CCC; padding: 12px; border-radius: 10px; position:relative; }
.saiyo h2{font-size: 15px;}
.saiyo p{color: #1020D0;}

/* サイドバーの高さ調整 */
.sidebar_top10 {margin-top:10px;}

/* サイドバーでのTシャツの誘導 */
.tshirt-side { border: 1px double #CCC; position:relative; border-radius: 10px;height:130px;padding-top:15px;line-height:100%; }
.tshirt-space{width:96px;float:left;}
.sidebar-price{margin-top:40px;font-size:16px;}
.tshirt-title{font-size:20px;}
.tshirt-comment{margin-top:10px;font-size:16px;line-height:140%;}
.sidebar-tshirt{height:125px;margin-right:10px;margin-left:10px;}
.link_color{color:#1020d0;}
.red-darken{color:#DC143C;}
.link_parent_expand { color: #fff;font-size: 0;display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-decoration: none; }

/* 「検索結果」エリア */
.search_result_list { box-sizing: border-box;float: left;margin-bottom: 15px;max-height: 260px;overflow: hidden;position: relative;width: 50%;}
.pagetitle-archive_search { color: #666;font-size: 150%;font-weight: bold;margin: 0 0 25px;padding: 5px 0;width: 100%; }
.archive-title_search { border-bottom: 6px double #04acbb; }
.search_title { float: left; color: #666; font-size: 150%; font-weight: bold; margin-bottom: 25px; padding-bottom:5px; padding-top:5px;width:100%;border-bottom-color: #04acbb;border-bottom-style: double;border-bottom-width: 6px;}
#searchform,input#s { border: solid 1px #CCCCCC; box-sizing:border-box;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; border-bottom:solid 1px; border-bottom:solid 1px#CCCCCC!important;margin-top:3px;margin-bottom:10px!important;}
.search_result_title{text-align:left;margin:5px;}

/* 投稿記事のh1、関連記事のbeforeデザイン変更 */
.icon-racket-red{
  font-size: 22px;
}
.racket-red{
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}
.icon-racket-red img{
  vertical-align:middle;
  margin-right: 5px;
}
.icon-racket-red-list::before {
  content: "";
  background:url( "https://d5f8dr1gz94y6.cloudfront.net/wp-content/uploads/2016/12/list_h1_301.jpg");  
  background-size:contain;
  background-repeat: no-repeat;
  margin-left:10px;
  display:inline-block;
  width:24px;
  height:28px;
}
.icon-tags-rev{
  font-size:16px;
  color: #292a2b;
}
.icon-tags-rev > a {
  font-size:14px;
  margin-right:10px;
  line-height: 1.5;
}
.top_lesson_movie{
  font-size:15px;
  padding-top:10px;
}
/* サイドバー、トップ画面の各小節のアイコン変更*/
.icon-racket-black::before{
    content: "";
    background:url( "https://d5f8dr1gz94y6.cloudfront.net/wp-content/uploads/2017/02/racket-black.png");
    background-size:contain;
    background-repeat: no-repeat;
    display:inline-block;
    width:18px;
    height:18px;
}
.icon-racket-black-list::before{
    content: "";
    background: url("https://d5f8dr1gz94y6.cloudfront.net/wp-content/uploads/2017/01/list_h1_30_black.png");
    background-size: contain;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 3px;
}
.icon-racket-black-list{
    font-size: 17px;
    font-weight: bold;
    line-height: 150%;
    padding-bottom: 2px;
    border-bottom: solid 1px  rgba(79, 79, 79, 0.3);
}
.icon-courselist::before {
  content: "";
  background: url( "https://d5f8dr1gz94y6.cloudfront.net/wp-content/uploads/2017/11/lessoncourse_icon_3.1.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 10px;
  display: inline-block;
  width: 24px;
  height: 28px;
  position: relative;
  top: 9px;
}
/* テクニック一覧部分 */
.icon-racket-red-technique{
  float: left;
  width: 20px;
  margin-right: 5px;
  margin-top: 2px;
}
.arrow_right{
  display: none;
}
.tagpost_title{
  height: 64px;
  line-height: 160%;
  overflow: hidden;
}
.top1{
  margin-top: 1px;
}
/* フッター部分のソーシャルロゴ スペース調整 */
.social_logo img{margin-right:5px;}

/* 有料動画へのリンクデザイン */
.glshands_single_prem {
  text-align: center;
  margin-bottom: 10px;
}
.glshands_single_prem a {
  color: #212464;
  text-decoration: none;
}
.glLeftSidebarMoreButton {
  background:linear-gradient(to bottom,#ffffff,#e1e1e1);
  border: 1px solid  #b6b3b0;
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
  color: #212464;
  text-decoration: none;
  padding: 1px 3px;
}
/* 無料動画記事ページ、スタイル調整 */
.single_entry_content p {
    padding-bottom: 0px;
}
.fmap_comment {
    text-align: left;
}
/* アプリ広告 フッター表示 */
#footer_app_ads_block {
    box-sizing: border-box;
    color: #FFF;
    background: #404040;
    height: 71px;
    overflow: hidden;
    padding: 8px 7px;
    position: relative;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 10px;
}
.footer_app_button{
    text-shadow: none;
}
#ip_appads_mes.font-color-normal{
    text-shadow: none;
}
.font-size15{
    display:table-cell;font-size: 13px;
}

div#ft-widget-area3, div#ft-widget-area4{
  margin-left:20px;
  width:100px;
}

div#ft-widget-area2 {
  width: 130px;
}

/* 無料動画記事ページの下にある線を消す */
.article_design {
  border-bottom: none;
  box-shadow: none;
  padding-bottom: 0;
}
/* 「このレッスンのまとめ」のボタン */
.icon-tags-rev .tagbutton{
  float: left;
  font-size: 11px;
  border: 1px solid #e5e9ef;
  color: #696969;
  text-decoration: none;
  padding-left: 5px;
  margin-bottom: 8px;
  border-radius: 20px;
}
/* カーソルを乗せた時の色をフッターと合わせる */
.icon-tags-rev .tagbutton:hover {
  text-decoration: none;
  color: #04ACBB;
}

/* 「このレッスンのまとめ」タイトルのアイコン */
.newtag-list::before{
  content: "";
  background: url(https://d5f8dr1gz94y6.cloudfront.net/wp-content/uploads/2017/07/newtag.png);
  background-size: contain;
  margin-left: 10px;
  display: inline-block;
  width: 20px;
  height: 22px;
}

/* 「このレッスンのまとめ」の全体色を薄くする */
.newtag-list {
  text-shadow: none;
  -webkit-box-shadow: rgba(79, 79,79, 0.08) 0 3px 0;
  border: none;
  font-size: 15px;
}

/* 投稿メタ情報 日付部分 */
.meta_design{
  color: #999999;
  font-size: 11px;
}

/* トップ画面に新着ブログを3件ずつ表示 */
.new_blog_appear{
  text-align: left;
  margin:0;
}
.blog-layout{
  float:left;
  width:45%;
}
.koji_itagaki-print{
  margin-right:30px;
}
.new-blog-date{
  font-size:11px;
  overflow:hidden;
}
.new-blog-title{
  color:#4f4f4f;
  font-size:13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-decoration: none;
  max-height:40px;
  overflow:hidden;
}
#top_blog_print{
  clear:both;
}
#top_blog_print ul{
  margin:0;
  padding:0;
}
#top_blog_print li{
  display:block;
  line-height:160%;
  padding:8px 0;
  font-size:12.5px;
  list-style:none;
  word-wrap:break-word;
  border-bottom:1px dotted silver;
}
#top_blog_print li.clearfix.app_hdr_rank_list:last-child{
  border-bottom: none;
  padding-bottom: 1px;
}
/* 全体リンク用 */
.link_base{
  position: relative;
}
.link_overwrap{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#content .sectionspace, #top_blog_print .sectionspace, .sectionspace {
  margin-bottom: 20px;
}
#new-entry.top_contents_space {
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 5px;
}
.tag_top_title {
  border-bottom: 1px solid rgba(79, 79,79, 0.3);
  background: url(https://d5f8dr1gz94y6.cloudfront.net/wp-content/uploads/2018/02/table-tennis-racket1.png) no-repeat left top;
  background-size: 25px 25px;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 35px;
  word-wrap: break-word;
  font-size: 21px;
  line-height: 21px;
  margin-bottom: 5px;
}
.single_title {
  color: #292a2b;
  font-size: 22px;
  font-weight: bold;
  line-height: 25px;
}
.rallys{
  width: 130px;
  padding-top: 3px;
  background-color: #000;
  margin-bottom: 5px;
}
.rallys div{
  height: 15px;
  text-align: center;
  color: #fff;
  text-shadow: none;
  font-size: 12px;
}
.rallys img{
  width: 130px;
}
.main_menu{
  height:44px;
  margin-top: 3px;
  padding-bottom: 2px;
}
.head_wrapper {
  background-image: url(gradient-for-ie9.svg);
  padding-left: calc(50% - 480px);
  padding-right: calc(50% - 480px);
  width: 960px;
}
.head_block {
  box-sizing: border-box;
  margin: 0 auto;
  width: 960px;
}
.logo_left{
  display: block;
  float: left;
}
.login_right{
  float: right;
}
/* style.cssの960px以下の全体中央揃えキャンセル用 */
article#align_left{
  text-align: left;
}

/* 画像、タイトルの基本形 */
.post_img_wrapper{
  border: solid 1px #AAAAAA;
  float: left;
  height: 145px;
  width: 250px;
}
.post_img{
  border: solid 5px #FFF;
  box-sizing: border-box;
  float: left;
  height: 145px;
  overflow: hidden;
  position: relative;
  width: 250px;
}
.post_img img{
  width: 100%;
}
.post_img span {
  background: #ff631f;
  border-radius: 4px;
  bottom: 0;
  color: #FFF;
  font-size: 10px;
  font-weight: inherit;
  line-height: 16px;
  padding: 0 5px;
  position: absolute;
  right: 0;
  text-shadow: none;
}
.post_title{
  overflow: hidden;
  padding-left: 10px;
  padding-top: 5px;
}
.post_img_title_row {
  clear:both;
  overflow: hidden;
  width:100%;
  padding:3px 1px;
}
.button_later{
  text-align: right;
}
a.main_banner_bottom {
  background: #FFFAF4;
  border: 1px solid #FC7731;
  box-sizing: border-box;
  color: #FC7731;
  display: block;
  font-size: 16px;
  font-weight: bolder;
  margin: 10px 0;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
/* 不要なアイコンの打ち消し用 */
#searchform input#searchsubmit, .icon-search::before, .icon-attention::before, .icon-bookmark-narrow::before, .entry ul li::before,.icon-triangle-right::before, .icon-calendar::before, .icon-menu::before{
  content: none;
}

form#searchform input#searchsubmit {
  top: 5px;
  height: 20px;
  position: absolute;
  width: 20px;
}