@charset "UTF-8";

/* =====================
	CSSリセッと
======================= */
* {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,p {
  font-size: 100%;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 16px;
  font-size: 1.6em;
  font-size: 1.6rem;
}

/* 文字サイズを自動調整する機能を無効化 */
body {
	-webkit-text-size-adjust: 100%;
    margin: 0;
}

a {
	text-decoration:none;
}

/* hサイズ　追加 */
h1 {
	font: 90% "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font: 110% "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	text-align:center;
	clear:both;
	margin:0 auto;
	/*padding:-48px 0 16px 0; 
	padding:-3rem 0 1rem 0;
	padding:-56px 0 16px 0;
	padding:-3.5rem 0 1rem 0;*/
	padding:-62px 0 16px 0; 
	padding:-4rem 0 1rem 0;
}
h2 {
	font: 110% "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	margin:15px 0 0 0;
}
h4 {
  margin: 1.33em 0;
  font-size: 16px;
  font-size: 1.6rem;
}
h5 {
  margin: 1.67em 0;
  font-size: 14px;
  font-size: 1.4rem;
}
h6 {
  margin: 1.67em 0;
  font-size: 14px;
  font-size: 1.4rem;
}

ul {
	list-style:none;
	margin: 0 0 0 1em;
	padding: 0;
}
/*リストのデフォルトの余白なくす*/
br {
	letter-spacing:10;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE Mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */


/* 画像の最大幅を100%に */
img {
	max-width:100%;
	height:auto;
}

/*wrapper フッターを正しく表示するため??？*/
#wrapper {
     width: 100%; 
     position: relative; 
     height:auto !important; /*IE6対策*/ 
     height: 100%; /*IE6対策*/ 
     min-height: 100%;
}


/*webfont グーグル日本語*/
.wf-hannari {
	font-family: "Hannari";
}

/*・・・・・一般的に使うやつ・・・・*/
#left {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#right {
	float: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	clear: both;
}
#clear {
	clear: both;
}

.clear {
	clear: both;
}

/* =====================
	レイアウト
======================= */
nav, #contents, footer {
	width:92%;
	max-width:960px;
	margin:0 auto;
}

#contents {
	margin-top:15%;
}

#nav_wrap {
	margin:15px 0 15px 0;
	/*margin:25px 0 15px 0;*/
	z-index:3;
	clear:both;
}

/* 画像を中央寄せ */
.img {
	text-align:center;
}

/* ヘッダー */
/*・・・・・ヘッダーの設定・・・・*/
#header {
	width:100%;
	background-color:#FFF;
	opacity:0.6;
	text-align:center;
	position:relative;
	/*padding:0 0 15px 0;*/
	padding:0 0 5px 0;
}
#header img {
	margin:auto;
	float:left;
	clear:both;
}

/* ナビゲーション */
#menu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	/*padding: 0 0 0 8%;/*メニュー７つ これを使う時はspが寄ってしまうのでメディアクエリで0に戻す*/
}

#menu li{
	float:left;
	width: 12.5%;　/*メニュー８つ*/
	/*width:11%;/*メニュー９つ*/
	/*width:11%;メニュー７つ*/
	margin: 0;
	padding:0;
	/*padding: 0 0 0 3%;/*メニュー７つ*/
}

.menu_li_font {
	color: #FFF;
	/*padding: 42px 20px 20px;*/
	/*padding:36px 14px 14px;*/
	padding:25px 14px 25px 14px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 75%;
	/*font-size: 70%;*/
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	text-decoration: none;
	display: -webkit-flex;
	display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */
	/* 前述の「margin: 0 auto;」の横方向中央揃えは「Flexible box=display:flex;」が有利になり効かなくなってる */
	/*　https://qiita.com/Shinji-m/items/69a392685699f3ba95fb　*/
}

#menu li a:hover {
	background: #ff99cc;
	color: #FFF;
	border: 1px solid #FFaadd;
}

/*　メインナビ　マルの設定*/
.menu_li_fb {
	width: 60px;
	height: 38px;
	border: 1px solid #b5d3ff;
	background: #6b8bff;
	background: -webkit-gradient(linear, left top, left bottom, from(#b5d3ff), to(#6b8bff));
	background: -webkit-linear-gradient(top, #b5d3ff, #6b8bff);
	background: -moz-linear-gradient(top, #b5d3ff, #6b8bff);
	background: -ms-linear-gradient(top, #b5d3ff, #6b8bff);
    background: -o-linear-gradient(top, #b5d3ff, #6b8bff);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.menu_li_tw {
	width: 60px;
	height: 38px;
	border: 1px solid #aeecff;
   background: #57c7ff;
   background: -webkit-gradient(linear, left top, left bottom, from(#aeecff), to(#57c7ff));
   background: -webkit-linear-gradient(top, #aeecff, #57c7ff);
   background: -moz-linear-gradient(top, #aeecff, #57c7ff);
   background: -ms-linear-gradient(top, #aeecff, #57c7ff);
   background: -o-linear-gradient(top, #aeecff, #57c7ff);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.menu_li_ameblo {
	width: 60px;
	height: 38px;
	border: 1px solid #43b134;
   background: #1c910a;
   background: -webkit-gradient(linear, left top, left bottom, from(#43b134), to(#1c910a));
   background: -webkit-linear-gradient(top, #43b134, #1c910a);
   background: -moz-linear-gradient(top, #43b134, #1c910a);
   background: -ms-linear-gradient(top, #43b134, #1c910a);
   background: -o-linear-gradient(top, #43b134, #1c910a);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.menu_li_youtube {
	width: 60px;
	height: 38px;
	border: 1px solid #cd1f1f;
   background: #8f0303;
   background: -webkit-gradient(linear, left top, left bottom, from(#cd1f1f), to(#8f0303));
   background: -webkit-linear-gradient(top, #cd1f1f, #8f0303);
   background: -moz-linear-gradient(top, #cd1f1f, #8f0303);
   background: -ms-linear-gradient(top, #cd1f1f, #8f0303);
   background: -o-linear-gradient(top, #cd1f1f, #8f0303);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.menu_li_mintgreen {
	width: 60px;
	height: 38px;
	background: #41aea8;
	background: -moz-linear-gradient(top,#68e2db 0%,#41aea8);
	background: -webkit-gradient(linear, left top, left bottom, from(#68e2db), to(#41aea8));
	background: linear-gradient(#68e2db 0%,#41aea8 100%);
	border: 1px solid #68e2db;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.menu_li_green {
	width: 60px;
	height: 38px;
	border: 1px solid #b6e026;
   background: #b6e026;
   background: -webkit-gradient(linear, left top, left bottom, from(#b6e026), to(#8cd460));
   background: -webkit-linear-gradient(top, #b6e026, #8cd460);
   background: -moz-linear-gradient(top, #b6e026, #8cd460);
   background: -ms-linear-gradient(top, #b6e026, #8cd460);
   background: -o-linear-gradient(top, #b6e026, #8cd460);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.menu_li_orange {
	width: 60px;
	height: 38px;
	border: 1px solid #ffd65e;
   background: #ffd65e;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
   background: -webkit-linear-gradient(top, #ffd65e, #febf04);
   background: -moz-linear-gradient(top, #ffd65e, #febf04);
   background: -ms-linear-gradient(top, #ffd65e, #febf04);
   background: -o-linear-gradient(top, #ffd65e, #febf04);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}
.menu_li_bluegreen {
	width: 60px;
	height: 38px;
	border: 1px solid #d2d2f9;
   background: #d2d2f9;
   background: -webkit-gradient(linear, left top, left bottom, from(#d2d2f9), to(#a6a6f2));
   background: -webkit-linear-gradient(top, #d2d2f9, #a6a6f2);
   background: -moz-linear-gradient(top, #d2d2f9, #a6a6f2);
   background: -ms-linear-gradient(top, #d2d2f9, #a6a6f2);
   background: -o-linear-gradient(top, #d2d2f9, #a6a6f2);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}
.menu_li_pink {
	width: 60px;
	height: 38px;
	border: 1px solid #f7e3e3;
   background: #ff5db1;
   background: -webkit-gradient(linear, left top, left bottom, from(#f7e3e3), to(#ff5db1));
   background: -webkit-linear-gradient(top, #f7e3e3, #ff5db1);
   background: -moz-linear-gradient(top, #f7e3e3, #ff5db1);
   background: -ms-linear-gradient(top, #f7e3e3, #ff5db1);
   background: -o-linear-gradient(top, #f7e3e3, #ff5db1);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.menu_li_livepink {
	width: 60px;
	height: 38px;
	border: 1px solid #f7e3e3;
   background: #ff5db1;
   background: -webkit-gradient(linear, left top, left bottom, from(#f7e3e3), to(#ff5db1));
   background: -webkit-linear-gradient(top, #f7e3e3, #ff5db1);
   background: -moz-linear-gradient(top, #f7e3e3, #ff5db1);
   background: -ms-linear-gradient(top, #f7e3e3, #ff5db1);
   background: -o-linear-gradient(top, #f7e3e3, #ff5db1);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.menu_li_momoiro {
	width: 60px;
	height: 38px;
	border: 1px solid #ff99cc;
   background: #ff99cc;
   background: -webkit-gradient(linear, left top, left bottom, from(#f0c0c4), to(#ff99cc));
   background: -webkit-linear-gradient(top, #f0c0c4, #ff99cc);
   background: -moz-linear-gradient(top, #f0c0c4, #ff99cc);
   background: -ms-linear-gradient(top, #f0c0c4, #ff99cc);
   background: -o-linear-gradient(top, #f0c0c4, #ff99cc);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

.menu_li_shopping {
	width: 60px;
	height: 38px;
	border: 1px solid #93ff28;
   background: #93ff28;
   background: -webkit-gradient(linear, left top, left bottom, from(#b2ff60), to(#93ff28));
   background: -webkit-linear-gradient(top, #b2ff60, #93ff28);
   background: -moz-linear-gradient(top, #b2ff60, #93ff28);
   background: -ms-linear-gradient(top, #b2ff60, #93ff28);
   background: -o-linear-gradient(top, #b2ff60, #93ff28);
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}

#toggle {
	display: none;
}

/*footer*/
#footer_wrap {
	width:100%;
	margin-top:15px;
	/*padding:10px 0;*/
	padding: 5px 0;
	background-color:#f5f5f5;
	border-top:1px solid #cccccc;
	opacity:0.75;
	bottom:0;
	position: relative;/*20190225追加*/
}

#footer_wrap h5 {
	text-align:center;
	font-size:80%;
}

#footer {
	width:100%;
	height: auto;
	clear:both;
	font-size:0.8em;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	background-color:#FFF;
	opacity:0.5;
	/*margin-top:15px;*/
	/*margin-top: 0.5px;*/
	position:absolute;
	bottom:0;
	margin:0 auto;
	text-align:center;
	display:block;
}

.footer_link {
	font-family: "メイリオ", Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	height: auto;
	font-size:80%;
	/*padding: 4px 0px;
	margin: 10px 0;*/
	padding: 1px 0;
	margin: 0px 0;
	text-align:center;
}

.footer_link li {
	display:inline;
	margin: 0 10px;
	list-style:none;
	/*line-height:1.8;*/
	line-height: 0.5;
}

.footer_link li a {
	color:#333333;
	text-decoration:none;
}
.footer_link li a:hover {
	color:#ffffff;
	background-color:#cc0033;
}
.footer_link p {
	margin-bottom:0;
}

.position_fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
}


/*フッターリンク　SNS小窓*/
/*#footer_sns_toppage {
	width:100%;
	height: auto;
	clear:both;
	font-size:0.8em;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	background-color:#FFF;
	opacity:0.5;
	margin-top: 0.5px;
	position:absolute;
	bottom:0;
	margin:0 auto;
	text-align:center;
	display:block;
}*/

/*#footer_sns_toppage {
	width:100%;
	max-width: 800px;
	height: autox;
	padding:0;
	position:absolute;
	right:5px;
	bottom:80px;
	margin:0 auto;
	text-align:center;
}


#footer_sns_toppage ul {
    list-style: none;
    overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
 
#footer_sns_toppage li {
	float:right;
	width:10%;
	max-width:140px;
}
 
#footer_sns_toppage li a {
    display: block;
    padding: 8px 0px;
    text-align: center;
    text-decoration: none;
}
#footer_sns_toppage li p{
	font-size:100%;
	margin:0 auto;
	text-align:center;
	padding:0;
	letter-spacing: -1px;
}*/


/*TOPページのsnsメニュー*/
#footer_sns_toppage {
	/*width:100%;*/
	width:35%;
	max-width: 599px;
	height: auto;
	padding:0;
	position:absolute;
	right:10px;
	bottom:50px;
	margin:0 auto;
	text-align:center;
}
/*
#footer_sns_toppage img{
	border: none;
	vertical-align: bottom;
	width: 100%;
	height: auto;
}*/

#footer_sns_toppage ul {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	/*リストのデフォルトの余白なくす*/
}

#footer_sns_toppage li {
	width: calc(100% / 5 );
	position: relative;
	/*max-width:140px;*/
}

#footer_sns_toppage li a {
	display: block;
	padding: 0;
	text-align: center;
	text-decoration: none;
	margin:auto;
	/*border:#009 solid 1px;*/
}

#footer_sns_toppage li a:hover {
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;     /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;  /* Safari 1.x */
	transition: .3s;
	background-color:#ffffff;
}


/*　参照元 http://www.wwx.jp/css-navigation-menu */

/*#footer_sns_toppage li p{
	font-size:100%;
	text-align:center;
	margin:0 auto;
	padding:0;
}*/


/*TOPページ以外のpcメニュー　sns*/
#footer_sns_pc {
	width:100%;
	max-width: 599px;
	height: auto;
	padding:1000px 0 0 0;
	position:absolute;/* 親要素position:relativeでleftやbottom絶対的な位置とり */
	left:0;
	bottom:-15px;
	margin:0 auto;
	text-align:center;
}

#footer_sns_pc ul {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	list-style: none;
	padding:0 0 0 0;
	/*リストのデフォルトの余白なくす*/
}
 
#footer_sns_pc li {
	width: 120%;
	/*width: calc(100% / 5 );*/
	position: relative;
	margin:0;
}

#footer_sns_pc img{
	border: none;
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

#footer_sns_pc li a {
	display: block;
	/*position: relative;*/
	padding: 0;
	text-align: center;
	text-decoration: none;
	margin:0 auto;
	font-size:1.25em;
	border-right: 1px solid #999;
}

#footer_sns_pc li a:hover img {
	-moz-opacity: 0.2;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	-moz-opacity:0.2;     /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.2;  /* Safari 1.x */
	transition: .4s;
}



/* topページ以外のSNS　要素をdivボックス */

#footer_sns_pc {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width:50%;
	max-width:600px;
	height:auto;
	text-align:center;
	margin: 0 auto;
	padding:2% 0 0 0;
	clear:both;
}


#footer_sns_pc .footer_sns_pc_item {
    width: calc(100% / 5 );
    margin-bottom: 0px;
    padding: 0px 0px;
    text-align: center;
	box-sizing: border-box;
	position: relative;
}

#footer_sns_pc p {
    /* 高さを0、内側余白50%ずつにする事で幅高さの比率を1:1にする */
    height: 0;
    padding: 50% 0;
}

#footer_sns_pc img {
    /* 親クラスの幅高さを継承し、positionを使って絶対配置 */
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; left: 0;
    object-fit: cover;
}

.footer_sns_pc_item p {
    /* 高さを0、内側余白50%ずつにする事で幅高さの比率を1:1にする */
    height: 0;
    padding: 50% 0;
}

.footer_sns_pc_item img {
    /* 親クラスの幅高さを継承し、positionを使って絶対配置 */
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; left: 0;
    object-fit: cover;
}

#footer_sns_pc a:hover img {
	-moz-opacity: 0.2;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	-moz-opacity:0.2;     /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.2;  /* Safari 1.x */
	zoom:1;
	transition: .4s;
}

https://qiita.com/YJ2222/items/65da0a00cd9dba09dc0e
https://ecco.co.jp/blog/blog-989/

/* topページ以外のSNS　要素をdivボックス　ここまで */








/*20220918*/
.footer_sns_pc_right {
	width:100%;
	max-width: 599px;
	height: auto;
	padding:0;
	position:absolute;
	left:0;
	/*left:-40px;*/
	bottom:0;
	margin:0 auto -2%;
	/*bottom:-15px;
	margin:0 auto -1%;*/
	text-align:center;
}

.footer_sns_pc_right ul {
	list-style: none;
	overflow: hidden;
/*	margin:0 0 0 2.5em;*/
	margin:0 2.5em 0 0;
	padding:0;
	/*リストのデフォルトの余白なくす*/
}
 
.footer_sns_pc_right li {
	float:left;
	/*border-right: 1px solid #DDD;*/
	/*width:20%;*/
	margin:0 1%;
	max-width:140px;
}

.footer_sns_pc_right li a {
	display: inline-block;
	/*display: block;*/
	padding: 7px 12px 0;
	/*padding: 7px 12px;*/
	text-align: center;
	text-decoration: none;
	margin:0 auto;
	font-size:1.25em;
	/*font-size:1.5em;*/
	/*border:#900 solid 1px;
	border-radius: 10px;*/
}

.footer_sns_pc_right li a:hover {
	background: #ff99cc;
	color: #FFF;
	border: 1px solid #FFaadd;
}
 
.footer_sns_pc_right li.active a {
    background: #333;
    color: #EEE;
}
/*20220918*/






/*　参照元 http://www.wwx.jp/css-navigation-menu */

.footer_sns_youtube {
	/*width: 60px;
	height: 38px;*/
	/*border: 1px solid #cd1f1f;
   background: #8f0303;
   background: -webkit-gradient(linear, left top, left bottom, from(#cd1f1f), to(#8f0303));
   background: -webkit-linear-gradient(top, #cd1f1f, #8f0303);
   background: -moz-linear-gradient(top, #cd1f1f, #8f0303);
   background: -ms-linear-gradient(top, #cd1f1f, #8f0303);
   background: -o-linear-gradient(top, #cd1f1f, #8f0303);*/
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	background: #fff;
	color:#DA1725;
	/*color:#8f0303;*/
}
.footer_sns_tw {
	background: #fff;
	/*color:#57c7ff;*/
	color:#1DA1F2;
}
.footer_sns_fb {
	background: #fff;
	/*color:#6b8bff;*/
	color:#3C5A99;
}
.footer_sns_ameblo {
	background: #fff;
	color:#1c910a;
}
.footer_sns_instagram {
	background: #fff;
	color:#CF2E92;
}


.footer_sns_youtube_pc {
	/*width: 60px;
	height: 38px;*/
	/*border: 1px solid #cd1f1f;
   background: #8f0303;
   background: -webkit-gradient(linear, left top, left bottom, from(#cd1f1f), to(#8f0303));
   background: -webkit-linear-gradient(top, #cd1f1f, #8f0303);
   background: -moz-linear-gradient(top, #cd1f1f, #8f0303);
   background: -ms-linear-gradient(top, #cd1f1f, #8f0303);
   background: -o-linear-gradient(top, #cd1f1f, #8f0303);*/
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	width: 35px;
	height: 36px;
	border: 1px solid #8f0303;
	background: #8f0303;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color:#fff;
}
.footer_sns_tw_pc {
	width: 35px;
	height: 36px;
	border: 1px solid #57c7ff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	background:#57c7ff;
	color:#fff;
}
.footer_sns_fb_pc {
	width: 35px;
	height: 36px;
	border: 1px solid #6b8bff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	background: #6b8bff;
	color:#fff;
}
.footer_sns_ameblo_pc {
	width: 35px;
	height: 36px;
	border: 1px solid #1c910a;
	border-radius: 10px;
	-moz-border-radius: 10px;
	background:#1c910a;
	color:#fff;
}
.footer_sns_instagram_pc {
	width: 35px;
	height: 36px;
	border: 1px solid #CF2E92;
	border-radius: 10px;
	-moz-border-radius: 10px;
	background:#CF2E92;
	color:#fff;
}

#footer_sns_sp .footer_sns_youtube {
	/*width: 60px;
	height: 38px;*/
	/*border: 1px solid #cd1f1f;
   background: #8f0303;
   background: -webkit-gradient(linear, left top, left bottom, from(#cd1f1f), to(#8f0303));
   background: -webkit-linear-gradient(top, #cd1f1f, #8f0303);
   background: -moz-linear-gradient(top, #cd1f1f, #8f0303);
   background: -ms-linear-gradient(top, #cd1f1f, #8f0303);
   background: -o-linear-gradient(top, #cd1f1f, #8f0303);*/
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
	background: #fff;
	color:#8f0303;
}
#footer_sns_sp .footer_sns_tw {
	background: #fff;
	color:#57c7ff;
}
#footer_sns_sp .footer_sns_fb {
	background: #fff;
	color:#6b8bff;
}
#footer_sns_sp .footer_sns_ameblo {
	background: #fff;
	color:#1c910a;
}
#footer_sns_sp .footer_sns_instagram {
	background: #fff;
	color:#CF2E92;
}


/*  メインコンテンツ　*/
article {
	width:90%;
	margin:0 auto;
	padding:2% 0;
	clear:both;
}

#main100 {
	float:left;
	width:100%;
	background-color: #fff;
	opacity:0.9;
}
/*
#main100 p {
	font-size: 13px;
	font-size: 1.3rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.25;
	margin:1rem;
}*/

#main100-tv {
	float:left;
	width:100%;
	background-color: #fff;
}

/*  メインコンテンツ 記事のひとかたまり*/
.article-main {
	width:100%;
	margin:0 auto;
	padding:2% 0 5%;
	clear:both;
	position:relative;/*20190228追加*/
}
.article-main img {
	width:100%;
	height:auto;
}
.article-main h2 {
	font-size:1.2rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	padding:1% 0;
}

/*  メインコンテンツ ハーフハーフ*/
.article-left50 {
	float:left;
	width:48%;
	padding:1%;
}

.article-left50 p {
  font-size: 14px;
  font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.5;
	margin-bottom:10px;
	margin-bottom:1rem;
}

.article-left50 ul {
	margin:10px 0 10px 10px;
	list-style:none;
}
.article-left50 li {
	font-size: 14px;
	font-size:1.4rem;
	line-height:1.75;
}

.article-left50 dt {
	text-align: left;
	margin:0 0 -3px 0;
	font-size: 14px;
	font-size:1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
}

.article-left50 dd {
	margin:0 0 5% 0;
}


.article-right50 {
	float:right;
	width:48%;
	padding:1%;
}

.article-right50 p {
  font-size: 14px;
  font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	line-height:1.5;
	margin-bottom:10px;
	margin-bottom:1rem;
}

.article-right50 ul {
	margin:10px 0 10px 10px;
	list-style:none;
}
.article-right50 li {
	font-size: 14px;
	font-size:1.4rem;
	line-height:1.5;
	margin:8px 0;
}

.article-right50 dt {
	text-align: left;
	margin:0 0 -3px 0;
	font-size: 14px;
	font-size:1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
}

.article-right50 dd {
	margin:0 0 5% 0;
}

/* ＣＤ曲順番号　*/
.article-right50 ol {
	list-style:decimal;
	margin:2em 0 2em 2em;
	padding:0;
	color: #333;
}

/*基本はlive-box　bordrのみ非表示*/
.disco-box-top {
	width:95%;
	margin:0 auto 3%;
	padding:1% 2%;
	/*border-top:#F90 dashed 2px;*/
	clear:both;
}

.disco-box-top h3 {
	font-size:14px;
	font-size:1.48rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
}
.disco-box-top h4 {
	font-size:16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	padding:0.1em 0;
	text-align:left;
	/*text-align:center;*/
}

.disco-box-top p {
	font-size: 14px;
	font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.75;
	/*line-height:1.75;*/
}


.youtube-link p a {
	display:block;
	margin:10px auto;
	text-align:center;
	text-decoration:none;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	/*font: 16px bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: 1.6rem bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	padding:0.3em 0;
	/*border:#009 solid 1px;*/
	border:#8f0303 solid 1px;
	border-radius: 18px;/*角丸に*/
	color:#8f0303;
}

.youtube-link p a:link {
	color:#8f0303;
	background-color:#FFF;
}
.youtube-link p a:hover {
	color: #fff;
	border:#8f0303 solid 1px;
	background-color:#8f0303;
}


/* ライブ情報ページ */
.live-box {
	width:95%;
	margin:0 auto;
	/*margin:0 auto 3%;*/
	padding:5% 2% 0 2%;
	border-top:#F90 dashed 2px;
	clear:both;
}

.live-box h3 {
	font-size:14px;
	font-size:1.48rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
}
.live-box h4 {
	font-size:16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	padding:0.1em 0;
	text-align:left;
	/*text-align:center;*/
}

.live-box p {
	font-size: 14px;
	font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.75;
	margin:2% 0;
}

.live-box p a {
	display:block;
	margin:20px auto;
	text-align:center;
	text-decoration:none;
	font: 16px bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: 1.6rem bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0.3em 0;
	border:#009 solid 1px;
}

.live-box p a:link {
	color: #009;
	background-color:#FFF;
}
.live-box p a:hover {
	color: #ff0000;
	border:#f00 solid 1px;
	background-color: #FFe;
}

.live-box dl {
	list-style:none;
}
.live-box dt {
	text-align: left;
	margin:0 0 0 1em;
	font-size: 16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color: #C60;
	line-height:1.5;
}
.live-box dd {
	font-size: 16px;
	font-size:1.6rem;
	margin:-1.5em 0 0 4em;
	line-height:1.5;
}

.ribbon_box {    
    	display: block;
    	position: relative;
 	width:95%;
	margin:0 auto;
	padding: 2%;
	/*margin:0 auto 3%;
	padding:1% 2%;*/
	border-top:#F90 dashed 2px;
    	background: #f1f1f1;
  }
.ribbon1 {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    box-sizing: border-box;
    margin: 0;
    height: 30px;
    color: white;
    background: #70c7ff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
.ribbon1:before {
    position: absolute;
    content: '';
    top: 0;
    left: -7px;
    border: none;
    height: 38px;
    width: 7px;
    background: #70c7ff;
    border-radius: 5px 0 0 5px;
}
.ribbon1:after {
    position: absolute;
    content: '';
    bottom: -7px;
    left: -5px;
    border: none;
    height: 7px;
    width: 5px;
    background: #4d99ca;
    border-radius: 5px 0 0 5px;
}
.article-main h2.ribbon1 {
    line-height: 30px;
    font-size: 18px;
    letter-spacing: 0.1em;
    padding: 0 12px;
}

.ribbon_box2_freelive {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    padding: 3px 0;
    font-size: 18px;/*文字サイズ*/
    background: #7f9dfb;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
	float: right;
	clear: right;
}
.ribbon_box2_freelive h2 {
    vertical-align: middle;
    margin: 0;
    padding: 0 30px 0 15px;
    border-top: dashed 1px #FFF;
    border-bottom: dashed 1px #FFF;
    line-height: 23px;
}

.ribbon_box2_freelive:after{
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 15px 15px 15px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}


/*202104 新リボン 候補*/
/*フラッグ*/
.ribbon_box2_radio3 {
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 10px 0;
  width: 300px;
  background: #f1f1f1;
  box-sizing: border-box;
	float: right;
	clear: right;
}
.ribbon_box2_radio3 h2 {
  display: inline-block;
  position: absolute;
  top: -20px;
  right: 10px;
  margin: 0;
  padding: 10px 0 7px;
  z-index: 2;
  width: 60px;
  /*width: 40px;*/
  text-align: center;
  color: white;
  font-size: 13px;
  background: #fa8383;
  border-radius: 2px 0 0 0;
}

.ribbon_box2_radio3 h2:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #d07676;
  border-right: solid 5px transparent;
}

.ribbon_box2_radio3 h2:after{
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 10px solid #fa8383;
}


/*　丸　*/
.ribbon_box2_radio2 {
  position: relative;
  display: inline-block;
  padding: 5px 0 0 0;
  /*margin: 1.5em 15px 1.5em 0;
  padding: 0 5px;*/
  width: 60px;
  height: 60px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  /*font-size: 20px;*/
  font-weight: bold;
  background: #a58eff;
  border-radius: 50%;
  box-sizing: border-box;
	float: right;
	clear: right;
  overflow: hidden;
  box-shadow: 0px 0px 0px 5px #a58eff;
  border: dashed 1.5px #FFF;
}

/*フリーと同じ　色黄色*/


.ribbon_box2_freelive-y {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    padding: 3px 0;
    font-size: 18px;/*文字サイズ*/
    background: #ffc668;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
	float: right;
	clear: right;
}
.ribbon_box2_freelive-y h2 {
    vertical-align: middle;
    margin: 0;
    padding: 0 30px 0 15px;
    border-top: dashed 1px #FFF;
    border-bottom: dashed 1px #FFF;
    line-height: 23px;
}

.ribbon_box2_freelive-y:after{
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 15px 15px 15px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}


/*202104 新リボン候補ここまで*/

.ribbon_box h3 {
	font-size:14px;
	font-size:1.48rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	margin-top:4%;
}
.ribbon_box h4 {
	font-size:16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	padding:0.1em 0;
	text-align:left;
	/*text-align:center;*/
}

.ribbon_box p {
	font-size: 14px;
	font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.75;
	margin:2% 0;
}

.ribbon_box p a {
	display:block;
	margin:20px auto;
	text-align:center;
	text-decoration:none;
	font: 16px bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: 1.6rem bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:#009 solid 1px;
	padding:0.3em 0;
}

.ribbon_box p a:link {
	color: #009;
}
.ribbon_box p a:hover {
	color: #ff0000;
	border:#f00 solid 1px;
}

.ribbon_box dl {
	list-style:none;
}
.ribbon_box dt {
	text-align: left;
	margin:0 0 0 1em;
	font-size: 16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color: #C60;
	line-height:1.5;
}
.ribbon_box dd {
	font-size: 16px;
	font-size:1.6rem;
	margin:-1.5em 0 0 4em;
	line-height:1.5;
}


/*ラジオの時間用*/

.ribbon_box_radio {    
    	display: block;
    	position: relative;
 	width:95%;
	margin:0 auto;
	padding:2%;
	/*margin:0 auto 3%;
	padding:1% 2%;*/
	border-top:#F90 dashed 2px;
    	background: #f1f1f1;
}

/*202104 新リボン*/
.ribbon_box2_radio {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    padding: 3px 0;
    font-size: 18px;/*文字サイズ*/
    background: #acd879;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
	float: right;
	clear: right;
}
.ribbon_box2_radio h2 {
    vertical-align: middle;
    margin: 0;
    padding: 0 35px 0 20px;
    border-top: dashed 1px #FFF;
    border-bottom: dashed 1px #FFF;
    line-height: 23px;
}

.ribbon_box2_radio:after{
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 15px 15px 15px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

/*202104 新リボン　ここまで*/



.ribbon_box_radio h3 {
	font-size:14px;
	font-size:1.48rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	margin-top:4%;
}
.ribbon_box_radio h4 {
	font-size:16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	padding:0.1em 0;
	text-align:left;
}

.ribbon_box_radio p {
	font-size: 14px;
	font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.75;
}

.ribbon_box_radio p a {
	display:block;
	margin:20px auto;
	text-align:center;
	text-decoration:none;
	font: 16px bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: 1.6rem bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:#009 solid 1px;
	padding:0.3em 0;
}

.ribbon_box_radio p a:link {
	color: #009;
}
.ribbon_box_radio p a:hover {
	color: #ff0000;
	border:#f00 solid 1px;
}

.ribbon_box_radio dl {
	list-style:none;
}

.ribbon_box_radio dt {
	text-align: left;
	margin:0 0 0 1em;
	font-size: 16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color: #C60;
	line-height:1.5;
}
.ribbon_box_radio dd {
	font-size: 16px;
	font-size:1.6rem;
	margin:-1.5em 0 1em 6em;
	line-height:1.5;
}

/*　ライブページ　以上*/


/*クローバーネットTV用*/

/*.live-box-cltv {
	width:95%;
	margin:0 auto 3%;
	padding:1% 2%;
	border-top:#F90 dashed 2px;
	clear:both;
}

.live-box-cltv h3 {
	font-size:14px;
	font-size:1.48rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
}
.live-box-cltv h4 {
	font-size:16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	padding:0.1em 0;
	text-align:left;
	/*text-align:center;*//*
}

.live-box-cltv p {
	font-size: 14px;
	font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.75;
}

.live-box-cltv p a {
	display:block;
	margin:10px auto;
	text-align:center;
	text-decoration:none;
	font: 16px bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: 1.6rem bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0.3em 0;
	border:#009 solid 1px;
}

.live-box-cltv p a:link {
	color: #009;
	background-color:#FFF;
}
.live-box-cltv a:hover {
	color: #ff0000;
	border:#f00 solid 1px;
	background-color: #FFe;
}

.live-box-cltv dl {
	list-style:none;
}
.live-box-cltv dt {
	text-align: left;
	margin:0 0 0 1em;
	font-size: 16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color: #C60;
	line-height:1.5;
}
.live-box-cltv dd {
	font-size: 16px;
	font-size:1.6rem;*/
	/*margin:-1.5em 0 0 4em;*/
	/*line-height:1.5;
}*/


/* cd注文ボタン */
.fl_tw2{/*ボタンの背景*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  display: inline-block;
  height: 50px;/*高さ*/
  width: 220px;/*幅*/
  /*width: 190px;*//*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 1em;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  vertical-align: middle;/*垂直中央寄せ*/
  /*background: #1da1f3;*/
  /*background: #45d08f;*/
  /*background: #39d97d;*/
  background: #2eb368;
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.fl_tw2 .fa-twitter {
    text-shadow: 2px 2px 0px #4287d6;
    font-size: 30px;
}

.fl_tw2 span {/*テキスト*/
  display:inline-block;
  transition: .5s
}

.fl_tw2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}


/*　フォーム　*/
form {
  margin-bottom: 2em;
}
/*入力中の青枠消す　outline: 0で*/
input[type="text"]:focus {
  border: 1px solid #ff9900;
  outline: 0;
}

/*２カラム用*/
.form dt{
  font-weight: bolder;
}
.form dt strong{
	color: #900;
}
.form dd{
  margin: 0 0 1em 0;
}


form input:not([type="radio"]),
textarea{
  width: 90%;
  padding: 10px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
}

/*追加　http://www.abilitydesign.net/2011/06/iphoneandroid---4.html*/
form input[type="radio"]{
 margin:1em;
 font-size:20px;
 width:auto;
}
form input[type="number"]{
 width: 20%;
}
form input[type="submit"]{
  max-width: 200px;
  border-radius: 5px;
  background: #009;
  background: -webkit-linear-gradient(top, #000099, #113041);
  background: -moz-linear-gradient(top, #000099, #113041);
  background: -o-linear-gradient(top, #000099, #113041);
  background: linear-gradient(to bottom, #000099, #113041);
  color: #fff;
}
form label{
  padding-right: 10px;
}
form span{
  color:#F00;
}
input:invalid + span {
  display: block;
}
form .submit{
  margin-bottom: 3em;
  text-align: center;
}

/* 書いてみたけどコレ？*/
form input:hover {
	background-color: #f7e3e3;
  	background: -webkit-linear-gradient(top, #f7e3e3, #ffd7d7);
  	background: -moz-linear-gradient(top, #f7e3e3, #ffd7d7);
  	background: -o-linear-gradient(top, #f7e3e3, #ffd7d7);
  	background: linear-gradient(to bottom, #f7e3e3, #ffd7d7);
  	color:#666;
}

/*form内のtel<address>を装飾　ひろのさんはいらないかと　　*/
.teladd {
	display:none;
}

.contentTitle {
  padding: 0 10px;
  border-bottom: 2px solid #C96;
  font-size: 10px;
  font-size: 1rem;
  font-family:"メイリオ"," ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
  color: #C96;
}

#contentTitle {
  padding: 0 10px;
  border-bottom: 1px solid #fc0;
  font-size: 10px;
  font-size: 1rem;
  font-family:"メイリオ"," ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
  color: #F60;
 }

/*ひろのテレビ用*/
/*article-mainと基本同じ  メインコンテンツ*/
.article-tv {
	width:100%;
	margin:0 auto;
	padding:2% 0;
	clear:both;
}
.article-tv h2 {
	font-size:1.2rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	padding:1% 0;
}

.article-tv h3 {
	font-size:14px;
	font-size:1.48rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
}
.article-tv h4 {
	font-size:16px;
	font-size:1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	padding:0.1em 0;
	text-align:left;
}

.article-tv p {
	font-size: 14px;
	font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.75;
}

.article-tv p a {
	display:block;
	margin:10px auto;
	text-align:center;
	text-decoration:none;
	/*font: 16px bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: 1.6rem bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	padding:0.3em 0;
	border:#8f0303 solid 1px;
	width:75%;
	color:#8f0303;
}

.article-tv p a:link {
	color: #8f0303;
	background-color:#FFF;
}
.article-tv p a:hover {
	color: #fff;
	border:#8f0303 solid 1px;
	background-color: #8f0303;
}

.article-tv-title {
	font-size: 16px;
	font-size: 1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.75;
}

/*  メインコンテンツ スリークオーター*/
.article-left30 {
	float:left;
	width:32%;
	padding:1%;
}

.article-left30 p {
  font-size: 14px;
  font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.5;
	margin-bottom:10px;
	margin-bottom:1rem;
}

.article-right70 {
	float:right;
	width:64%;
	padding:1%;
}

.article-right70 p {
  font-size: 14px;
  font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	line-height:1.5;
	margin-bottom:10px;
	margin-bottom:1rem;
}

/*youtubeの埋め込み*/
.tv-wrapper {
	width:600px;
	max-width:100%;
	text-align:center;
	margin:0 auto;
}
.tv-youtube {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}
.tv-youtube iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.tv-youtube p {
	font-size: 16px;
	font-size: 1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	text-align:left;
}

/*article-mainと基本同じ  メインコンテンツ*/
.article-tv-mini4 {
	width:100%;
	margin:0 auto;
	padding:2% 0;
	clear:both;
}
.article-tv-mini4 p {
	font-size: 16px;
	font-size: 1.6rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color:#666;
	line-height:1.75;
}
.tv-youtube-wrapper-mini4 {
	float:left;
	width:23%;
	/*height:100%;*/
	height:220px;
	/*padding: 1%;*/
	padding: 2% 1%;
}
.tv-youtube-mini4 {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0;
	/*padding-top:30px;*/
	height:0;
	overflow:hidden;
	background:#fff;
	/*background:#000;*/
}
.tv-youtube-mini4 iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.article-tv-mini4 p a {
	display:block;
	margin:10px auto;
	text-align:center;
	text-decoration:none;
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: 1.2rem "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0.3em 0;
	border:#8f0303 solid 1px;
	width:100%;
	color:#8f0303;
}
.article-tv-mini4 p a:link {
	color: #8f0303;
	background-color:#FFF;
}
.article-tv-mini4 p a:hover {
	color: #fff;
	border:#8f0303 solid 1px;
	background-color: #8f0303;
}

/*.article-tv-mini4 img {
	background:#000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}*/
.article-tv-mini4 a img {
	position:absolute;
	top:0;
	left:0;
	width:100%;	
	height:100%;
	/*opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;*/
}
/*.article-tv-mini4 a:link img {
	background: hsla(0,0%,0%,0.40);
}*/
.article-tv-mini4 a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}



/*アーカイブへのリンク　基本はarticle-tv*/
.link-archive-tv-green {
	width:100%;
	margin:0 auto;
	padding:2% 0;
	clear:both;
}

.link-archive-tv-green p {
	font-size: 14px;
	font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color: #060;
	/*color:#666;*/
	line-height:1.75;
}

.link-archive-tv-green p a {
	display:block;
	margin:10px auto 40px;
	text-align:center;
	text-decoration:none;
	/*font: 16px bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: 1.6rem bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	padding:0.3em 0;
	border:#060 solid 1px;
	width:75%;
	color:#060;
	/*color:#8f0303;*/
}

.link-archive-tv-green p a:link {
	color:#060;
	/*color: #8f0303;*/
	background-color:#FFF;
}
.link-archive-tv-green p a:hover {
	color: #fff;
	border:#060 solid 1px;
	background-color: #060;
	/*border:#8f0303 solid 1px;
	background-color: #8f0303;*/
}

.link-archive-tv-blue {
	width:100%;
	margin:0 auto;
	padding:2% 0;
	clear:both;
}

.link-archive-tv-blue p {
	font-size: 14px;
	font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color: #191970;
	/*color:#666;*/
	line-height:1.75;
}

.link-archive-tv-blue p a {
	display:block;
	margin:10px auto 40px;
	/*margin:10px auto;*/
	text-align:center;
	text-decoration:none;
	/*font: 16px bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: 1.6rem bold "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	padding:0.3em 0;
	border:#191970 solid 1px;
	width:75%;
	color:#191970;
	/*color:#8f0303;*/
}

.link-archive-tv-blue p a:link {
	color: #8f0303;
	background-color:#FFF;
}
.link-archive-tv-blue p a:hover {
	color: #fff;
	border:#4169e1 solid 1px;
	background-color: #4169e1;
	/*border:#8f0303 solid 1px;
	background-color: #8f0303;*/
}


.link-archive-tv-red {
	width:100%;
	margin:0 auto;
	padding:2% 0;
	clear:both;
}

.link-archive-tv-red p {
	font-size: 14px;
	font-size: 1.4rem;
  	font-family:"メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	color: #8f0303;
	line-height:1.75;
}

.link-archive-tv-red p a {
	display:block;
	margin:10px auto 40px;
	text-align:center;
	text-decoration:none;
	padding:0.3em 0;
	border: #8f0303 solid 1px;
	width:75%;
	color: #8f0303;
}

.link-archive-tv-red p a:link {
	color: #8f0303;
	background-color: #fff;
}
.link-archive-tv-red p a:hover {
	color: #fff;
	border: #8f0303 solid 1px;
	background-color: #8f0303;
}



/*top小窓*/
.scrollbox {
	width:330px;
	height:150px;
	overflow-y:scroll;
	background-color:#fff;
	position:fixed;
	left:50px;
	bottom:80px;
	padding:1%;
	border-top:1px #C00 solid;
	border-bottom:1px #C00 solid;
}
/*.scrollbox h2,h3 {
	font-size:80%;
	line-height:80%;
}*/


.scrollbox h2 {
	/*font-size:80%;
	line-height:80%;*/
	position: relative;
	color: #158b2b;
	font-size: 18px;
	padding: 1px 0;
	text-align: center;
	margin: 0.5em 0 1.5em 0;
}
.scrollbox h2:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 50%;
	width: 150px;
	/*height: 58px;*/
	height: 35px;
	border-radius: 50%;
	border: 5px solid #a6ddb0;
	border-left-color: transparent;
	border-right-color: transparent;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.scrollbox h3 {
	position: relative;/*相対位置*/
	padding-left: 1.5em;/*アイコン分のスペース*/
	line-height: 1.4;/*行高*/
	color: black;/*文字色*/
}
.scrollbox h3:before {
	font-family: "Font Awesome 5 Free";/*忘れずに*/
	content: "\f1b0";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1.4em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: -0.2em;/*アイコンの位置*/
}
.scrollbox-ex1:before{color: #c00;}
.scrollbox-ex2:before{color: #ffdfa1;}
.scrollbox-ex3:before{color: #a1ceff;}
.scrollbox-ex4:before{color: #b1eab8;}
.scrollbox-ex5:before{color: #663300;}


.scrollbox h3 a {
	display:block;
	margin:10px auto;
	background-color:#ffc;
}
.scrollbox h3 a:hover {
	color: #00c;
	background-color:#fde;
}

.scrollbox p {
	font-size:80%;
	margin: 0.5em 0 1em 0;
}
.scrollbox a {
	color: #c00;
}



/* ------------- スクロールフェードインDown用 スマホ未対応　------------- */
/*.animation {
margin: 0;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.2s;
 -ms-animation-duration:1.2s;
 animation-duration:1.2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(80px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}*/
/* ------------- スクロールフェードインDown用 END ------------- */ 

/* ------------- スクロールフェードイン 【http://ishi-note.com/6814.html】とりあえず簡単な方で採用　ディスコグラフィ------------- */
.fadein {
  opacity : 0;
  transform: translateY(55px);
  transition: all 1.5s;
}


/*【https://imasashi.net/element-fadein.html】こちらも大丈夫そう　*/
/* 画面外にいる状態 */
.fadein2 {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
}
/* 画面内に入った状態 */
.fadein2.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


/* 画面サイズが959px以下の場合に適用 */
/* =====================
	ＰＣ向け
======================= */
@media screen and (min-width: 960px) {
.sp_only {
	display:none;
}/*20190225追加*/

}



/* 画面サイズが959px以下の場合に適用 */
/* =====================
	タブレット向け
======================= */
/*20190225追加 min-max*/
@media screen and (min-width:600px) and (max-width: 959px) {

#menu li{
	float:left;
	width: 12.5%;　メニュー８つ*/
	/*width:11%;/*メニュー９つ*/
	/*width:11%;/*メニュー７つ*/
	margin: 0;
	padding:0;
	/*padding: 0 0 0 2.5%;/*メニュー７つ*/
}

/*
#menu li {
	width: 25%;
}*/
.ribbon_box h3 {
	margin-top:6%;
}
.ribbon_box_radio h3 {
	margin-top:6%;
}

/* CSS再リセット */
#main, #sidebar {
	float:none;
	width:auto;
}

.sp_only {
	display:none;/*20190225追加*/
}
	
}
/* タブレット向けここまで */

/* =====================
	スマホ向け
======================= */
@media screen and (max-width: 599px) {

#header {
	padding:0 0 1% 0;
}

#header h1 {
	margin:0 auto;
	padding:-3em 0 1em 0;
}

#toggle {
	display: block;
	position: relative;
	width:70px;
	height:40px;
	background-color: #FFF;
	/*color: #fff;*/
	/*color: #006400;
	/*color: #00C;*/
	padding: 0 0.5em;
	text-decoration: none;
	border: solid 0.5px #006400;
	/*border: solid 0.5px #67c5ff;*/
	border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	transition: .4s;
	line-height:90%;
	margin:-2% 0 0.5% 0;
}
 
#toggle a {
	display: block;
	position: relative;
	width:100%;
	top:50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	text-align: center;
	text-decoration: none;
	color: #006400;
	font-size:0.8em;
}
#toggle:hover {
    background: #99ee99;
    color: #FFF;
}

#menu {
	display: none;
	width: 100%;
	/*max-width: 960px;
	margin: 0 auto;
	padding: 0;*/
	z-index:3;
	position: relative;/*これで下divとかぶらないらしい*/
	/*border: none;*/
}

#menu li{
	width: 100%;
	float:left;
	margin: 0;
	padding: 0;
	z-index:3;
	background-color: #FFF;
}
#menu li a {
	display: block;
	padding: 13px 0 0 0;
	margin: 0 0 0.5px 0;
	/*padding: 3% 0 0 0;
	margin: 0.5px 0;*/
	height:33px;/*高さ調整*/
	background: #FFd;
	color:  #666;
	text-align: center;
	text-decoration: none;
	/*追記*/
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
		width:100%;
		font-size:100%;
		opacity:0.8;
		border-right:none;
		border-left: none;
		border-bottom: none;
		border-top: 10% 1px;
		/*border-top: 80% 3px;*/
}
/*#menu li a:hover {
    background: #99ee99;
    color: #FFF;
}*/


.menu_li_font {
	padding: 0;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 60%;
	text-shadow: none;
	text-decoration: none;
}

/* トグルメニューとの距離*/
#contents {
	margin-top:5%;
}

/* CSS再リセット */

#sidebar {
	margin-top:15px;
}
#main, #sidebar, #main100, #article-left50, .article-left50, #article-right50, .article-right50, .article-left30, .article-right70 {
	float:none;
	width:100%;
}
#main100 {
	padding-top:1%;
}
#main100-tv {
	padding-top:1%;
}
/* CSS再リセット */

#header img {
	display:none;
}

#footer {
	display:none;
}


/*snsリンク用に、透明なくす*/
#footer_wrap {
	opacity:1.0;
}
#footer_wrap h5 {
	display:none;
}

.ribbon_box h3 {
	margin-top:12%;
}

.ribbon_box_radio h3 {
	margin-top:12%;
}

/*top小窓*/
.scrollbox {
	width:80%;
	height:22%;
	overflow-y:auto;
	background-color:#FFF;
	opacity:0.9;
	position:fixed;
	left:8%;
	bottom:10%;
	/*bottom:1%;*//*20190224変更*/
	padding: 1px 10px;
	text-align:center;
	margin:0 auto;
}

.scrollbox h3,p {
	text-align:left;
}

.article-tv p a {
	width:100%;
}
.link-archive-tv-green p a {
	width:100%;
}

.link-archive-tv-blue p a {
	width:100%;
}


/*フッターリンク　SNS小窓 sp snsメニュー*/
#footer_sns_toppage {
	width:96%;
	max-width: 599px;
	height: auto;
	/*position:fixed;*/
	position:absolute;
	bottom:0;
	margin: 0 auto;
	text-align:center;
	padding: 0;
}
#footer_sns_toppage ul {
	width:82%;
	list-style: none;
	overflow: hidden;
	display:flex;
	/*justify-content: space-around;/* 両端揃え（両端の要素にも均等の余白をつけて配置します）*/
	/*justify-content: flex-end;*//*右寄せ*/
	align-items: flex-end;
	margin: 0 auto;
	justify-content: space-between;/*この行、書かなければ左寄せかと*/
}

#footer_sns_toppage li {
	width: calc(100% / 5 );
	position: relative;
}
#footer_sns_toppage li a{
	display:block;
    	/*padding: 5px 12px 0 12px;*/
}
#footer_sns_toppage li a:hover {
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.6;     /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;  /* Safari 1.x */
	transition: .3s;
}

/*
#footer_sns_toppage li {
    padding:10px 30px;
    margin:2.5px;    
    text-align: center;
}
*/
/*
#footer_sns_toppage li a{
    	padding: 5px 12px 0 12px;
}
*/

/*TOPページ以外のpc snsメニュー なぜかspで消えないため　*/
#footer_sns_pc {
	display:none;
}


/*TOPページ以外のsp snsメニュー　*/
/*右に余白をとる　box内に右余白（marginかpadding）か要素の最後のみ右marginか*/

#footer_sns_sp {
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	/*justify-content: space-between;/*この行、書かなければ左寄せかと*/
	/*justify-content: space-around;*/
	align-items: flex-end;
	/*margin:0 auto;*/
	padding: 0 25% 0 0;*/
}
/* 左に余白　取れるかな?*/

/*
#footer_sns_sp {
	list-style: none;
	width:100%;
	margin:0 auto;
	padding: 0;
	text-align:center;
	position: relative;
}
*/

#footer_sns_sp ul {
	width:100%;
	text-align:center;
	/*margin: 0 auto;*/
	list-style-type: none;
	padding: 0;
	/*padding-left: 0;*/
}

/*
#footer_sns_sp li {
	list-style: none;
	width: calc(20% - 10px / 5 );
}
#footer_sns_sp li:nth-child(5n) {
    margin-right: 10px;
}
*/

#footer_sns_sp li {
	list-style: none;
	padding: 0;
	margin: 0;
	/*font-family:"メイリオ"," ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:16px;
	line-height:1.6rem;*/
	/*margin: 20px 10px 20px 0;*/
	/*width: calc(16.6666666% - 10px);*/
	/*display: inline;*/
}
#footer_sns_sp li a {
	/*position: relative;*/
	/*display: inline;*/
	display: block;
	/*width: 20%;*/
	padding: 0;
	text-decoration: none;
	/*border: solid 1px #66cea0;*/
}

#footer_sns_sp li a:hover {
	-moz-opacity: 0.2;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
	-moz-opacity:0.2;     /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.2;  /* Safari 1.x */
	transition: .4s;
	background-color:#ffffff;　/*491行のからみ？*/
}

.footer_link li  {
	font-size: 150%;
	height: auto;
}
.footer_link li p {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	height: auto;
}

/*youtubeの埋め込み*/
.tv-youtube-wrapper-mini4 {
	width:600px;
	max-width:100%;
	height:100%;
	text-align:center;
	margin:0 auto;
}
.tv-youtube-mini4 {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}	
.tv-youtube-mini4 iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.pc_only {
	display:none;
}
/*20190225追加*/


}
/* スマホ向けここまで */

/*追記　スムーススクロール*/
#back-top {
	position: fixed;
	bottom: 0;
	right: 20px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height:10px;
	line-height:1.0rem;
}
/*丸アイコン*/
#back-top a {
	background: #039;
	text-decoration: none;
	color: #fff;
	width: 44px;
	padding: 15% 10%;
	height: 44px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	text-align: center;
	display: block;
}
/*角丸アイコン*/
/*#back-top a {
	background: #039;
	text-decoration: none;
	color: #fff;
	width: 44px;
	padding: 15% 10%;
	text-align: center;
	display: block;
	border-radius: 5px;
}*/

#back-top a:hover {
	text-decoration: none;
	background: #F30;
}

/*追記　スムーススクロール　イラスト編　http://www.go-next.co.jp/blog/web/javascript/6345/#i-9　*/
#pagetop {
	position:fixed;
    right: 20px;
    bottom:-60px;
    cursor:pointer;
}

/*　ｔｏｐのふきだし　*/
.fukidashi-news {
	position: fixed;
	top:80%;
	left:1%;
	font-size: 1.5em;
	line-height:10px;
	line-height:1.0rem;
}
/*丸アイコン*/
.fukidashi-news a {
	width: 60px;
	height: 38px;
	background: #68e2db;
	background: -moz-linear-gradient(top,#68e2db 0%,#41aea8);
	background: -webkit-gradient(linear, left top, left bottom, from(#68e2db), to(#41aea8));
	border: 1px solid #2a82a3;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	color: #fff;
	/*padding: 42px 20px 20px;*/
	padding: 26px 8px 8px;
	display: block;
	text-align: center;
	font-weight: bold;
	/*font-size: 70%;*/
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	text-decoration: none;
}

.fukidashi-news a:hover {
	text-decoration: none;
	background: #F30;
}

/*//最初非表示状態なら必要です*/

div #openBlock{
	display:none;
}

#openBlock {
	display: block;
    position: absolute;           /* relativeからの絶対位置 */
    top: -20%;
    /*top: 0;*/
	left:120%;
    font-size: 50%;
	line-height:120%;
    color: #666;
	background-color: #FFC;
    /*width: 205px;*/
	width: 250%;
	height:auto;
    padding: 0 0 0 10%;
    border-radius:4px;
    z-index:2;
}
#openBlock :before{
    content:''; 
    display:block; 
    position:absolute;                         /* relativeからの絶対位置 */
    height:0; 
    width:0; 
    /*top:13px; */
    top:40px; 
    left:-7px;
    border:14px transparent solid; 
    /*border-right-width:0; */
	border-bottom-width:0;
    border-left-color:#FFC; 
    transform:rotate(45deg);            /* 傾きをつける */
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    z-index:2;
}
#openBlock a {
	all: initial;
	color: #009;
	background: none;
	background: -moz-linear-gradient(none);
	background: -webkit-gradient(none));
	border: none;
	border-radius: 0; 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	transition: none;
	-webkit-transition: none;
	padding:0;
	display: inline;
	font-weight: normal;
	font-size: 1.25rem;
	font-size: 12.5px;
	text-shadow: none;
	text-decoration: inherit;
}
#openBlock a:hover {
	background:#900;
	color:#FFF;
}

.color_orange {
	color:#E8822A;
}
.color_orange_st {
	color:#E8822A;
	font-weight:bold;
}
.color_blue {
	color:#00C
}
.color_blue_st {
	color:#00c;
	font-weight:bold;
}
.color_lightblue {
	color: #0CF;
}
.color_lightblue_st {
	color: #0CF;
	font-weight:bold;
}
.color_navy {
	color:#000080;
}
.color_navy_st {
	color:#000080;
	font-weight:bold;
}

.color_red {
	color:#cc3333;
}
.color_red_st {
	color:#cc3333;
	font-weight:bold;
}
.color_pink {
	color:#DF3F86;
}
.color_pink_st {
	color:#DF3F86;
	font-weight:bold;
}
.color_sakura {
	color:#f9c;
}
.color_sakura_st {
	color:#f9c;
	font-weight:bold;
}
.color_green {
	color:#3BAF75;
}
.color_green_st {
	color:#3BAF75;
	font-weight:bold;
}
.color_dark_green {
	color:#566c45;
}
.color_dark_green_st {
	color:#566c45;
	font-weight:bold;
}
.color_cha {
	color:#993300;
}
.color_cha_st {
	color:#993300;
	font-weight:bold;
}
.color_brown {
	color:#6D4C33;
}
.color_brown_st {
	color:#6D4C33;
	font-weight:bold;
}
.color_saddlebrown {
	color:#8b4513;
}
.color_saddlebrown_st {
	color:#8b4513;
	font-weight:bold;
}
.color_parple {
	color:#3d2559;
}
.color_parple_st {
	color:#3d2559;
	font-weight:bold;
}
.color_parple2 {
	color:#33052a;
}
.color_parple2_st {
	color:#33052a;
	font-weight:bold;
}
.color_parple3 {
	color:#8c7da8;
}
.color_parple3_st {
	color:#8c7da8;
	font-weight:bold;
}
.color_parple4 {
	color:#800080;
}
.color_parple4_st {
	color:#800080;
	font-weight:bold;
}
.color_gray80 {
	color:#333;
	font-weight: bolder;
}
.color_white {
	color:#FFF;
}


.font-size200 {
	font-size:2em;
}
.font-size150 {
	font-size:1.5em;
}
.font-size125 {
	font-size:1.25em;
}
.font-size120 {
	font-size:1.2em;
}
.font-size110 {
	font-size:1.1em;
}
.font-size75 {
	font-size:0.75em;
}
.font-size50 {
	font-size:0.5em;
}
.font-size25 {
	font-size:0.25em;
}


.text-align_center {
	text-align: center;
}
.text-align_left {
	text-align: left;
}
.border-style_non a {
	border-style:none;
}

.bgc-pastel-green {
	background-color:#e5ffe5;
}
.bgc-pastel-pink {
	background-color:#ffeaff;
}
.bgc-pastel-blue {
	background-color:#eaeaff;
}
.bgc-pastel-orange {
	background-color:#ffefe0;
}

.margin_center {
	margin:0 auto;
}