/************************************************************
  BODY
************************************************************/
body{
  line-height:100%;
  padding:0;
  background-color:#FFFFCC;
  color:#000033;
}

/************************************************************
  リンク
************************************************************/
a{
  color:;
}
a:visited{
  color:;
}

/************************************************************
  スマホヘッダ全体
************************************************************/
header{
}

/************************************************************
  スマホコンテンツ全体
************************************************************/
section{
}

/************************************************************
  スマホフッタ全体
************************************************************/
footer{
  padding-top:0.5em;
}

/************************************************************
  タイトル1
************************************************************/
.sp_title1{
  font-size:121%;
  text-shadow:1px 1px 2px ;
  color:;
  margin-top:1em;
  margin-bottom:0.5em;
  padding:0.4em 1%;
  text-align:left;
  border-bottom:solid 1px ;
}

/************************************************************
  タイトル2
************************************************************/
.sp_title2{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  font-size:106%;
  width:98%;
  padding:0.4em 1%;
  color:;
  text-align:left;
  margin-top:1em;
  margin-bottom:0.5em;
  min-height:106%;
}

/************************************************************
  タイトル3
************************************************************/
.sp_title3{
  font-size:100%;
  padding:0.4em 1%;
  color:;
  text-align:left;
  margin-top:1em;
  margin-bottom:0.5em;
  min-height:100%;
}

/************************************************************
  表示タイプ1
************************************************************/
.sp_kijisp1{
  background-color: #ebebeb;
  -webkit-border-radius: 8px;
  padding: 10px;
}

/************************************************************
  表示タイプ2
************************************************************/
.sp_kijisp2{
  background-color: #ebebeb;
  -webkit-border-radius: 8px;
  padding: 10px;
}

/************************************************************
  表示タイプ3
************************************************************/
.sp_kijisp3{
  background-color: #ffffff;
  -webkit-border-radius: 8px;
  padding: 10px;
}

/************************************************************
  記事
************************************************************/
.sp_kiji{
}

/************************************************************
  縦メニュー
************************************************************/
.sp_vmenu{
  font-size:100%;
  width:100%;
  border-top:solid 1px ;
}
.sp_vmenu a{
  display:block;
  width:96%;
  text-align:left;
  padding:0.4em 2%;
  border-bottom:solid 1px ;
  color:;
  text-decoration:none;
}
.sp_vmenu a:last-child{
  border-bottom:none;
}
.sp_vmenu a:visited{
  color:;
}
.sp_vmenu a.spvm1{
}
.sp_vmenu_nolink1{
}
.sp_vmenu a.spvm2{
}
.sp_vmenu_nolink2{
}
.sp_vmenu a.spvm3{
}
.sp_vmenu_nolink3{
}
.sp_vmenu a.spvm4{
}
.sp_vmenu_nolink4{
}
.sp_vmenu a.spvm5{
}
.sp_vmenu_nolink5{
}
.sp_vmenu a.spvm6{
}
.sp_vmenu_nolink6{
}
.sp_vmenu a.spvm7{
}
.sp_vmenu_nolink7{
}
.sp_vmenu a.spvm8{
}
.sp_vmenu_nolink8{
}
.sp_vmenu a.spvm9{
}
.sp_vmenu_nolink9{
}

/************************************************************
  横メニュー
************************************************************/
.sp_hmenu{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  font-size:107%;
  width:100%;
  margin-top:0.4em;
  margin-bottom:0.3em;
}
.sp_hmenu table{
  table-layout:fixed;
  border-collapse:collapse;
  empty-cells:show;
  width:100%;
  margin:0 auto;
}
.sp_hmenu table tr td{
  text-align:center;
  font-weight:bold;
  text-shadow:-1px -1px 0 rgba(150, 150, 150, 0.3);
  padding:0;
  border-left:1px solid #fff;
}
.sp_hmenu table tr td:first-child{
  border-left:none;
}
.sp_hmenu a{
  display:block;
  width:100%;
  padding:8px 0;
  color: ;
  text-decoration: none;
}
.sp_hmenu_nolink{
  display:block;
  width:100%;
  padding:8px 0;
  color:;
  text-decoration: none;
}
.sp_hmenu_nolink1{
}
.sp_hmenu_nolink2{
}
.sp_hmenu_nolink3{
}
.sp_hmenu_nolink4{
}
.sp_hmenu_nolink5{
}
.sp_hmenu_nolink6{
}
.sp_hmenu_nolink7{
}
.sp_hmenu_nolink8{
}
.sp_hmenu_nolink9{
}
.sp_hmenu table tr td.sphm1{
  width:32%;
}
.sp_hmenu table tr td.sphm2{
  width:24%;
}
.sp_hmenu table tr td.sphm3{
  width:16%;
}
.sp_hmenu table tr td.sphm4{
}
.sp_hmenu table tr td.sphm5{
}
.sp_hmenu table tr td.sphm6{
}
.sp_hmenu table tr td.sphm7{
}
.sp_hmenu table tr td.sphm8{
}
.sp_hmenu table tr td.sphm9{
}

/************************************************************
  テキストメニュー
************************************************************/
.sp_tmenu{
}
.sp_tmenu a{
}
.sp_tmenu a.sptm1{
}
.sp_tmenu_nolink1{
}
.sp_tmenu a.sptm2{
}
.sp_tmenu_nolink2{
}
.sp_tmenu a.sptm3{
}
.sp_tmenu_nolink3{
}
.sp_tmenu a.sptm4{
}
.sp_tmenu_nolink4{
}
.sp_tmenu a.sptm5{
}
.sp_tmenu_nolink5{
}
.sp_tmenu a.sptm6{
}
.sp_tmenu_nolink6{
}
.sp_tmenu a.sptm7{
}
.sp_tmenu_nolink7{
}
.sp_tmenu a.sptm8{
}
.sp_tmenu_nolink8{
}
.sp_tmenu a.sptm9{
}
.sp_tmenu_nolink9{
}

/************************************************************
  メッセージ出力・ボタンエリア等
************************************************************/
.sp_cms_widemsg{
  text-align:center;
  padding:5em 2%;
}
/* フォームエラー */
.sp_cms_err{
  background-color:#FFCCCC;
  padding:0.4em 1%;
  color:#FF0000;
  text-align:left;
}
/* エラーメッセージ */
.sp_cms_mainerr{
  background-color:#FFCCCC;
  padding:0.6em 2%;
  color:#FF0000;
  border:solid 1px #FF0000;
  text-align:left;
  font-weight:bold;
}
/* ボタンエリア */
.sp_cms_cbtn{
  padding:0.6em 0;
  text-align:center;
}
/* センターページエリア */
.sp_cms_page{
  padding:0.5em 0;
  text-align:center;
}
/* センターページエリアカレントページ */
.sp_cms_pagecr{
  font-weight:bold;
}
/* 右寄せページエリア */
.sp_cms_rpage{
  padding:0.5em 0;
  text-align:right;
}
/* 右寄せページエリアカレントページ */
.sp_cms_rpagecr{
  font-weight:bold;
}
/* メッセージ表示エリア */
.sp_cms_msg{
  padding:0.8em 0;
  text-align:left;
}

/************************************************************
  位置
************************************************************/
.sp_left{
  text-align:left;
}
.sp_center{
  text-align:center;
}
.sp_right{
  text-align:right;
}

/********************************************************
 フォーム
*********************************************************/
.sp_form_finish{
  padding:0.8em 0;
  text-align:left;
}
.sp_form_title{
  font-size:0.7em;
  padding:0.2em 0;
  text-align:left;
}
.sp_form_intitle{
  font-size:0.6em;
  padding:0.2em 2%;
  color:#999999;
  text-align:left;
}
.sp_form_value{
  padding:0.2em 0 0.7em;
  text-align:left;
}
.sp_form_as{
  color:;
}
.sp_form_cm{
  font-size:0.7em;
  padding:0.2em 0 0.2em 5%;
}

/************************************************************
  検索
************************************************************/
.sp_cms_list_search{
}

/************************************************************
  リスト全体
************************************************************/
.sp_cms_list{
  text-align:left;
}

/************************************************************
  データ1件全体
************************************************************/
.sp_cms_list_row{
  padding:0.4em 1%;
  text-align:left;
}

/************************************************************
  記事
************************************************************/
.sp_cms_list_kiji{
  text-align:left;
}

/************************************************************
  ソート
************************************************************/
.sp_ud_sort{
  text-align:center;
  background-color:#EBEBEB;
  padding:10px 0;
}
.sp_ud_sortcr{
  color:#000000;
}

/************************************************************
  掲示板メニュー(最大横3列)
************************************************************/
.sp_bbs_menu{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  font-size:107%;
  width:100%;
  margin:0.6em auto;
}
.sp_bbs_menutbl{
  table-layout:fixed;
  border-collapse:collapse;
  empty-cells:show;
  width:100%;
  margin:0 auto;
}
.sp_bbs_menutbl tr td{
  text-align:center;
  font-weight:bold;
  text-shadow:-1px -1px 0 rgba(150, 150, 150, 0.3);
  padding:0;
  border-left:1px solid #FFFFCC;
  width:32%;
}
.sp_bbs_menutbl tr td:first-child{
  border-left:none;
}
.sp_bbs_menu a{
  display:block;
  width:100%;
  padding:8px 0;
  color:#FFFFFF;
  text-decoration: none;
}

/************************************************************
  掲示板メイン記事全体
************************************************************/
.sp_bbs_main{
}
.sp_bbs_main_title{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  font-size:106%;
  width:98%;
  padding:0.4em 1%;
  color:;
  text-align:left;
  margin-top:1em;
  margin-bottom:0.5em;
  min-height:106%;
}
.sp_bbs_main_info{
  text-align:right;
  color:#888888;
}
.sp_bbs_main_link{
  text-align:right;
}

/************************************************************
  スレッドリスト
************************************************************/
.sp_bbs_list{
}
.sp_bbs_list_row{
  border-bottom:dashed 1px ;
  padding:0.6em 1%;
  text-align:left;
  font-size:80%;
}
.sp_bbs_list_row a.sp_bbs_list_a{
  display:block;
  padding:0.4em;
  text-align:left;
  font-size:125%;
  width:96%;
  margin:0.2em auto;
}
.sp_bbs_list_div{
  padding:0.4em 2%;
  text-align:left;
  text-decoration:none;
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#666666)) #666666;
  color:#FFFFFF;
  width:96%;
}

/************************************************************
  掲示板返信記事全体
************************************************************/
.sp_bbs_ret{
  padding:0 0 0 2%;
}
.sp_bbs_ret_title{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  font-size:106%;
  width:98%;
  padding:0.4em 1%;
  color:;
  text-align:left;
  margin-top:1em;
  margin-bottom:0.5em;
  min-height:106%;
}
.sp_bbs_ret_info{
  text-align:right;
  color:#888888;
}
.sp_bbs_ret_link{
  text-align:right;
}

/************************************************************
  掲示板コメント入力フォーム
************************************************************/
.sp_bbs_form{
}
.sp_bbs_form_title{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  font-size:106%;
  width:98%;
  padding:0.4em 1%;
  color:;
  text-align:left;
  margin-top:1em;
  margin-bottom:0.5em;
  min-height:106%;
}

/************************************************************
  ブログ全体
************************************************************/
.sp_blog_all{
padding:0 1%;
}

/************************************************************
  ブログヘッダ
************************************************************/
.sp_blog_header{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  width:100%;
  margin:0.6em auto;
  color:;
}
.sp_blog_header_lead1{
  font-size:104%;
}
.sp_blog_header_title{
  font-size:116%;
  color:;
  padding:0.5em 1%;
  text-align:center;
}
.sp_blog_header_title a{
  text-decoration:none;
  color:;
}
.sp_blog_header_title a:hover{
  text-decoration:underline;
}
.sp_blog_header_lead2{
  text-align:center;
  font-size:80%;
  color:;
  padding:0.1em 1% 0.3em;
}

/************************************************************
  ブログメッセージ
************************************************************/
.sp_blog_contents_err{
  text-align:center;
  margin:5em auto;
}

/************************************************************
  ブログページメインメニュー
************************************************************/
.sp_blog_page{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  font-size:107%;
  width:100%;
  margin:0.6em auto;
}
.sp_blog_pagetbl{
  table-layout:fixed;
  border-collapse:collapse;
  empty-cells:show;
  width:100%;
  margin:0 auto;
}
.sp_blog_pagetbl tr td{
  text-align:center;
  text-shadow:-1px -1px 0 rgba(150, 150, 150, 0.3);
  padding:0;
  border-left:1px solid #FFFFCC;
}
.sp_blog_pagetbl tr td.sp_blog_page_prev{
  width:20%;
  font-weight:bold;
}
.sp_blog_pagetbl tr td.sp_blog_page_next{
  width:20%;
  font-weight:bold;
}
.sp_blog_pagetbl tr td.sp_blog_page_center{
  width:auto;
}
.sp_blog_pagetbl tr td.sp_blog_page_empty{
  width:auto;
  color:#000033;
}
.sp_blog_pagetbl tr td:first-child{
  border-left:none;
}
.sp_blog_page a{
  display:block;
  width:100%;
  padding:8px 0;
  color:;
  text-decoration: none;
}

/************************************************************
  ブログコンテンツ
************************************************************/
.sp_blog_contents{
  -webkit-border-radius:8px;
  border:solid 1px ;
  width:98%;
  margin:0 auto;
  padding:0.4em 1%;
}

/************************************************************
  ブログリスト
************************************************************/
ul.sp_blog_list{
  list-style:none;
}
ul.sp_blog_list a{
  text-decoration:none;
  display:block;
  border-bottom:1px dashed #CCCCCC;
  padding:0.4em 0;
}
ul.sp_blog_list a:last-child{
  border-bottom:none;
}
ul.sp_blog_list a li.sp_blog_list_flex{
  display:-webkit-box;
  display:-moz-box;
  display:-o-box;
  display:box;
}
.sp_blog_list_flex_img{
  width:20%;
}
.sp_blog_list_flex_data{
  width:80%;
  color:#000033;
}
.sp_blog_list_time{
  text-align:right;
}


/************************************************************
  ブログ記事タイトル
************************************************************/
.sp_blog_title1{
  font-size:121%;
  text-shadow:1px 1px 2px ;
  color:;
  margin-top:1em;
  margin-bottom:0.5em;
  padding:0.4em 1%;
  text-align:left;
  border-bottom:solid 1px ;
}
.sp_blog_title2{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  font-size:106%;
  width:98%;
  padding:0.4em 1%;
  color:;
  text-align:left;
  margin-top:1em;
  margin-bottom:0.5em;
  min-height:106%;
}
.sp_blog_title3{
  font-size:100%;
  padding:0.4em 1%;
  color:;
  text-align:left;
  margin-top:1em;
  margin-bottom:0.5em;
  min-height:100%;
}
.sp_blog_kiji{
  text-align:left;
}

/************************************************************
  ブログ記事情報
************************************************************/
.sp_blog_info{
  text-align:right;
  color:#888888;
  font-size:86%;
}

/************************************************************
  ブログ記事メニュー
************************************************************/
.sp_blog_conmenu_top{
  margin:0.2em auto 0;
}
.sp_blog_conmenutbl_top{
  table-layout:fixed;
  border-collapse:collapse;
  empty-cells:show;
  width:96%;
  margin:0 auto;
}
.sp_blog_conmenutbl_top tr td{
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  background-color:#888888;
  font-size:107%;
  width:46%;
  text-align:center;
  border-left:solid 1px #FFFFCC;
}
.sp_blog_conmenutbl_top tr td:first-child{
  border-left:none;
}
.sp_blog_conmenu_top a{
  display:block;
  width:100%;
  padding:8px 0;
  color:#ffffff;
  text-decoration: none;
}
.sp_blog_conmenu_bottom{
  margin:0 auto 0.2em;
}
.sp_blog_conmenutbl_bottom{
  table-layout:fixed;
  border-collapse:collapse;
  empty-cells:show;
  width:96%;
  margin:0 auto;
}
.sp_blog_conmenutbl_bottom tr td{
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  background-color:#888888;
  font-size:107%;
  width:46%;
  text-align:center;
  border-left:solid 1px #FFFFCC;
}
.sp_blog_conmenutbl_bottom tr td:first-child{
  border-left:none;
}
.sp_blog_conmenu_bottom a{
  display:block;
  width:100%;
  padding:8px 0;
  color:#ffffff;
  text-decoration: none;
}

/************************************************************
  ブログコメントページメニュー
************************************************************/
.sp_blog_cmtpage{
  text-align:center;
  padding:0.6em 0;
}
.sp_blog_cmtpage a{
}

/************************************************************
  ブログコメント
************************************************************/
.sp_blog_comment{
}

/************************************************************
  ブログコメント情報
************************************************************/
.sp_blog_comment_info{
  text-align:right;
  color:#888888;
  font-size:86%;
}

/************************************************************
  ブログコメント入力フォーム
************************************************************/
.sp_blog_form_name{
  text-align:left;
}
.sp_blog_form_hissu{
  color:#FF0000;
}
.sp_blog_form_btn{
  text-align:center;
  padding:0.6em 0;
}
.sp_blog_formerr{
  background-color:#FFEEEE;
  color:#FF0000;
  padding:0.3em 1%;
}
.sp_blog_mainerr{
  background-color:#FFEEEE;
  color:#FF0000;
  padding:0.3em 1%;
  text-align:center;
}

/************************************************************
  プロフィール
************************************************************/
.sp_blog_profile_image{
  text-align:center;
}

/************************************************************
  フッタメニュー(2列メニュー)
************************************************************/
.sp_blog_footermenu{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#CCCCCC)) #CCCCCC;
  width:100%;
  margin:0.6em auto;
}
.sp_blog_footermenutbl{
  table-layout:fixed;
  border-collapse:collapse;
  empty-cells:show;
  width:100%;
  margin:0 auto;
}
.sp_blog_footermenutbl tr td{
  width:49%;
  border-left:#FFFFFF 1px solid;
  border-bottom:#FFFFFF 1px solid;
  text-align:center;
}
.sp_blog_footermenutbl tr:lastchild td{
  border-bottom:none;
}
.sp_blog_footermenutbl tr td:first-child{
  border-left:none;
}
.sp_blog_footermenu a{
  display:block;
  width:100%;
  padding:8px 0;
  color:#ffffff;
  text-decoration: none;
}

/************************************************************
  新着情報一件
************************************************************/
.sp_news{
  background-color: #ebebeb;
  -webkit-border-radius: 8px;
  padding: 10px;
  margin-bottom:6px;
}

/************************************************************
  新着情報日付
************************************************************/
.sp_news_date{
  font-size:100%;
  padding-left:2%;
  color:;
  margin-top:10px;
  margin-bottom:1em;
  min-height:23px;
}

/************************************************************
  新着情報タイトル
************************************************************/
.sp_news_title{
  -webkit-border-radius:8px;
  background:-webkit-gradient(linear, left top, left bottom, from(), to()) ;
  font-size:106%;
  width:98%;
  padding:0.4em 1%;
  color:;
  text-align:left;
  margin-top:1em;
  margin-bottom:0.5em;
  min-height:106%;
}

/************************************************************
  記事全体
************************************************************/
.sp_news_kiji{
}

/************************************************************
  コメント
************************************************************/
.sp_news_comment{
}

/************************************************************
  リンク
************************************************************/
.sp_news_link{
  text-align:right;
}

/************************************************************
  ボタン共通
************************************************************/
.sp_norbtn{
  border:none;
  border:solid 2px #666666;
  text-align:center;
  -webkit-border-radius:4px;
  padding:3px 6px;
  font-size:14px;
  line-height:16px;
  text-shadow:1px 1px 2px #000000;
  background-color:#ebebeb;
  color:#333333;
}
/************************************************************
  YOUTUBE設定
************************************************************/

.youtube{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}