/* ======================================== サイト全体に適用*/
* { /* 全ての要素の間隔・余白を０へ */
margin:0;
padding:0;
}



body {
	margin: 0;
	font-size: 96%;
	color: #333;
	text-align: center;
	background-color: #ECF2F1;
        background-image: url(img/);
        font-family: "メイリオ";
}


p, /* 文章の行間を指定 */
#main ul,
#main ol,
#menuL ul,
#menuL ol,
dl
{
	line-height: 160%;
}



/* ========================================  #page ページ外枠 */
#page {
	width: 1000px;
	padding: 0px 5px;
	margin: 0px auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(img/bg111111.gif);
　　　　background-repeat: repeat-ｙ;
}


/* ========================================  #header 画面上部 */
#header {
	padding:0px 0 0;
	margin: 0;
background-color: #E6E6FA;
	background-image: url(img/headback100701111.gif);
}



#headerinfo { /* ヘッダー右上の文字スペース */
	text-align: left;
	font-size: 14px;
        color: #0000ff;
	margin-right: 0px;
	margin-bottom:-15px;
	margin-left: 0px;
        margin-top: -15px;
}



#header #header_title {/* ヘッダー左上のタイトルスペース */
	float: left;
	font-size: 24px;
	color: #666666;
	font-weight: bold;
	margin: 20px 0px 5px;
	padding: 0px;
	height: 10px;
}



#header #headerimg {
	clear: both;
	height: 200px;
	margin: 0px 0 0;
	border-top: 0px solid #666666;
	border-right: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	background-image: url(img/headback00.gif);
	background-position: center center;
	background-repeat: no-repeat;
}



#header #headerimg #msg { /* ヘッダー内メッセージ */
	color:#ffffff;
	margin:0px auto auto;
	text-align:center;
	font-size: 14px;
	font-weight: normal;
}



#header img {
	border: none;
}


#header #headerimg2 {
	clear: both;
	height: 150px;
	margin: 2px 0 0;
	border-top: 0px solid #666666;
	border-right: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	background-image: url(img/headback.gif);
	background-position: center center;
	background-repeat: no-repeat;
}



#header #headerimg2 #msg { /* ヘッダー内メッセージ */
	color:#000000;
	margin:0px auto auto;
	text-align:center;
	font-size: 14px;
	font-weight: normal;
}
/* ========================================  #menu 上部メニュー */
#menu {
	border-right: 0px solid #F0F0F0;
	border-left: 0px solid #F0F0F0;

}



ul.menu_f01{ /* 上部メニュー */
	background-color: #F0F0F0;
	height: 40px;
	border-bottom: 5px solid #999999;
	margin: 0px;
	border-top: 1px solid #999999;
}


ul.menu_f01 li{
	float: left;
	border-right: 1px solid #999999;
	display: block;
}


ul.menu_f01 li a{
	height: 30px;
	width: 141.8px;
	padding: 10px 0px 0px;
	border-bottom: 5px solid #F0F0F0;
	font-size: 14px;
	font-weight: bold;
	color: #FF6699;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #FFFCFC;
}


ul.menu_f01 li a.nowthis{
	border-bottom: 5px solid #FF6699!important;
}


ul.menu_f01 li a:hover , ul.menu_f01 li a.nowthis{
	padding: 15px 0px 0px;
	border-bottom: 5px solid #FF6699;
	background-color: #F3F3F3;
}



/* ======================================== #contents 画面中央部 #mainとサイドメニューの外枠 */
#contents{
	padding: 15px 0px 0px;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(img/backS001.png);
	background-position: top;
	background-repeat: repeat-x;
}



/* ========================================  #main ページの本文 */
#main {
	float: right;
	width: 760px;
	padding: 0;
	margin: 10px 0 0 0px;
	background-color: #FFF;
}



.contentswrap { /* #main中の間隔調整 */
	margin:0 10px 15px;
	padding:0;
}



#breadNavi {
	height: 5px;
	padding: 0px 0 0 2px;
	margin: 5px 0 20px;
}


#main h1 { /* 本文の見出し */
	background-image:url(img/h1bar1.png);
	background-repeat:no-repeat;
	clear:left;
	color:#FFF;
	font-size:22px;
	height:50px;
	margin:0;
	padding:12px 0 0 10px;
}



#main h2 { /* 本文の見出し2 */
	background-image:url(img/.gif);
        background-color: #e0ffff;
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	clear:left;
	color:#333;
	font-size:20px;
	margin:5px 0 10px 0;
	padding:9px 0 0px 10px;
	height: 30px;
        border-left: 5px solid #1e90ff;
}



#main h3 { /* 本文の見出し3 */
	margin:0.5em 0;
	background-color: #F6F6F6;
	border-left: 4px solid #0000ff;
	padding: 3px 0px 3px 5px;
	font-size: 16px;
        border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}



#main h4 { /* 本文の見出し3 */
	margin:0.5em 0;
	background-color: #F6F6F6;
	border-left: 5px solid #1e90ff;
	padding: 3px 0px 3px 5px;
	font-size: 96%;
	border-bottom: 1px solid #CCCCCC;
}



#main p { /* 本文の段落 */
	margin:10 2px 1.5em 5px;
        padding-left:15px;

}



#main ul , #main ol{ /* リスト表示 */
	margin:1em 20px 2em 40px;
	padding-left:25px;
}



#main dl { /* 定義リスト表示 */
	margin:1em 0 1em 30px;
	padding:0 0 10px;
}



#main dt {
	float: left;
	clear: left;
	margin: 0 20px 0px 0;
	font-weight: 700;
}



#main dd {
	padding: 0 0 0 10px;
	margin: 0;
}




#main dd.link {
	margin: 0 0 0 100px;
	border-left: 0px solid #CCCCCC;
}



#main #subnavi {
	clear: both;
	padding: 10px 0;
	margin: 20px 0 10px;
	border-top: 1px dashed #999;
	text-align: right;
}



#main .img { /* 図・写真用クラス：写真のような枠をつける */
	background-color:#CCC;
	border:1px solid #999;
	margin:0 0 20px 20px;
	padding:1px;
}



#main .img2 { /* 図・写真用クラス：写真のような枠をつける */
	background-color:#CCC;
	border:1px solid #999;
	margin:0 0 20px 20px;
	padding:1px;
}




.toInfo {
	clear: right;
	margin: 0px !important;
	text-align: right;
	list-style-type: none;
}


.toInfo a {
	padding: 0px 0px 0px 0px;
	background-image: url(img/iconYa04.png);
	background-repeat: no-repeat;

}

.kp_link {
	padding: 0.1em 0.3em 0em 0.3em;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(33,150,244,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .3s;
	color: #0000ff;
}
.kp_link:hover {
	background-position: 0 100%;
	color: #fff;
}

a {
  text-decoration: none;
}

.kt_link {
	padding: 0.1em 0.3em;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(33,150,244,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: .3s;
	color: #0000ff;
}
.kt_link:hover {
	background-position: -100% 0;
	color: #fff;
}
/* ========================================  menuL 左サイドメニュー */
#menuL {
	float: left;
	clear: left;
	width: 220px;
	padding: 0;
	margin: 10px 0 0 0px;
	color: #FFF;

}



.menuInfo { /* サイドボックス内のメッセージボックス */
	background-image:url(img/.gif);
	background-repeat:no-repeat;
	color:#333;
	margin:0px 0 0;
	padding:0px 0;
}



.menuInfo p {
	padding: 0 0 0 10px;
	margin: 1em 10px 1em 5px;
        background-color: #F3F3F3;
        width: 210px;
}


.subinfo {　/* サイドボックのメニュー */
	margin:0 0 10px;
	background-image: url(img/submenuback001png);
}



.subinfo .label { /* サイドボックのメニュー:ラベル */
	padding:3px 0px 0px 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(img/sidemnu_labcak1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 28px;
}


.subinfo .label1 { /* サイドボックのメニュー:ラベル */
	padding:3px 0px 0px 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(img/sidemnu_labcak2.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 28px;
}



.subinfo ul{ /* サイドボックのメニュー:リスト */
	margin: 0px;
}


.subinfo li {
	padding: 0px;
	margin: 1px 0px 0px;
	font-size: 86%;
	color: #666666;
	list-style-type: none;
}


.subinfo li a{
	padding: 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 7px solid #F0F0F0;
        border-right: 1px solid #CCCCCC;
	text-decoration: none;
	display: block;
}


.subinfo li a:hover, .subinfo li a.nowthis{
	border-left: 7px solid #FF6699;
	color: #FF6699;
	background-color: #F3F3F3;
}



.banner { /* サブメニュー内のバナー画像スペース */
	margin: 0px 0px 0px 0px;
	width: 220px;
}



div#license {
    width:218px;
    height:255px;
    background-image:url("./img/license111.jpg");
    background-repeat:no-repeat;
}

div#messagetop {
    width:218px;
    height:523px;
    background-image:url("./img/messagetop.jpg");
    background-repeat:no-repeat;
}



/* ========================================  #underNavi 画面下部サブナビゲーション */
#underNavi{
	clear: both;
	padding: 10px;
	border-top: 1px solid #CCCCCC;
}


/* ========================================  #footer 画面下部 */
#footer {
	clear: both;
	margin: 0px;
	border-top: 5px solid #999999;
	border-bottom: 1px solid #666;
	text-align: center;
	background-color: #FFF;
	background-image: url(img/backS001.png);
}



#footer p {
	padding-top: 10px;
	padding-bottom: 10px;
}



/* ========================================  #templatelink 画面下部:著作リンク */
#templatelink {
	padding: 5px 0px;
	margin: 0px;
	font-size: 12px;
	text-align: right;
}



#templatelink a{
	color: #666666;
	text-decoration: none;
}



/* ========================================  そのほか個別設定 */
#newsbox {
	height: 150px;
	margin: 0px 0px 10px;
	overflow: auto;
	border: 1px solid #999999;
	background-image: url(img/backS001.png);
	background-position: left top;
	background-repeat: repeat-x;
}


.table, /* 表の整形・配色 */
.table3 {
	width: 730px;
}




table {
	margin: 0px 0 2em 2px;
}



.table td {
	padding: 10px;
	border: 1px solid #ff8080;
	background-color: #FFF;
}



.table td.tb {
	width: 150px;
	background-color: #F8F5EF;
}



.
table3 {
	margin: 0 0 2em 2px;
}



.table3 td {
        width: 290px;
	padding: 10px;
	border: 1px solid #ff8080;
	background-color: #FFF;
}



.table3 td.tb {
	width: 290px;
	background-color: #F8F5EF;
}



table4 {
	margin: 0 0 2em 2px;
}



.table4 td {
	padding: 10px;
	border: 1px solid #ff8080;　　
	background-color: #FFF;
        width: 185px;
　　　　text-align: center;
}



.table4 td.tb {
	width: 185px;
	background-color: #F8F5EF;
　　　　text-align: center;
}

.table4 td.tb1 {
	width: 185px;
	background-color: #F8F5FF;
　　　　text-align: center;
}

.table4 td.tb2 {
	width: 185px;
	background-color: #F8F5EF;
　　　　text-align: center;
}

.table4 td.tb3 {
	width: 480px;
	background-color: #F8F5EF;
　　　　text-align: center;
}



table41 {
	margin: 0 0 2em 2px;
}



.table41 td {
	padding: 10px;
	border: 1px solid #00aaff;
	background-color: #FFF;
        width: 185px;

}



.table41 td.tb {
	width: 185px;
	background-color: #F8F5EF;
}


table5 {
	margin: 0 0 2em 2px;
　　　
　　　
}



.table5 td {
	padding:10px;
	border: 1px solid #00aaff;
	background-color: #F8F5EF;
        width: 0px;

      
}



.table5 td.tb {
	width: 0px;
	background-color: #F8F5EF;
}



.table6 td {
	padding: 10px;
	border: 1px solid #ff8080;
	background-color: #F8F5EF;
        width: 600px;
        height: 20px
}



table7 {
	margin: 0 0 2em 2px;
　　　
　　　
}



.table7 td {
	padding:10px;
	border: 0px solid #ff8080;
	background-color: #ffffff;
        width: 0px;

      
}



.table7 td.tb {
	width: 0px;
	background-color: #ffffff;
}

.table8  {
	width:100%;
        padding:0 23px;
}

.table9 {
	margin: 0 0 0 50px;
　　　
　　　
}

.itemList { /* .itemList #main内の段組用外枠 */
	clear:left;
	margin:0 0 1em;
}



.box { /* .itemList #main内の段組用内枠 */

	margin:0 0px 5px 0;
	width:310px;
}




.box h2 {
	margin: 0 0 10px;
}



.box ul {
	float: left;
	width: 130px;
	margin: 0 0 30px !important;
	list-style-position: outside;
}


.eyeCaImg { /* .itemList #main内の段組用：アイキャッチ画像 */
	float:left;
	margin:0 0 10px 2px;
}
.eyeCaImgR { /* .itemList #main内の段組用：アイキャッチ画像 */
	float:right;
	margin:0 0 10px 2px;
}
.eyeCaImgC { /* .itemList #main内の段組用：アイキャッチ画像 */
	float:center;
	margin:0px 0px 10px 10px;
}
.eyeCaImgCC { /* .itemList #main内の段組用：アイキャッチ画像 */
	float:center;
	margin:0px 0px 0px 2px;
}
.eyeCaImgCCC { /* .itemList #main内の段組用：アイキャッチ画像 */
	float:center;
	margin:0px 100px 0px 15px;
}



.eyeCaImgCCCC { /* .itemList #main内の段組用：アイキャッチ画像 */
	float:center;
	margin:5px 0px 0px 20px;
}

.eyeCaImgBA { /* before after 用 */
	float:left;
	margin:0 5px 0 5px;
}

strong {
	font-weight: bold;
	color: #CC6666;
}


hr { /* 水平線 flotクリア用 */
	clear:both;
	color: #CCCCCC;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}


ul#before_after {
  margin: 0;
  padding: 0;
}

ul#before_after li{
  float:left;
  display: block;
  width: 190px;
  height: 250px;
  list-style: none;
  margin: 0 auto 50px auto;
}

ul#before_after li img {
    width: 190px;
    height: 250px;
    margin: 0;
    padding: 0;
}


#menu1 ul{
margin: 0; 
padding: 0; 
list-style: none;
}

#menu1 li{ 
display: inline; 
padding: 1; 
margin: 0; 
float: left;
}

#menu1 li a{
display: block; 
border: 0px solid #666;
background-color: #ffffff;
padding: 0px;
text-decoration: none;

width: 150px; 
margin: 0px;
text-align: center;
font-size: 12.5px;
}
#menu1 li a:hover{
background-color: #ffffff;
color: #FF6699;
}


div#option1 p {
    width:999px;
    height:220px;
    background-image:url("./img/option100.png");
    background-repeat:no-repeat;
    margin-bottom:5px;
}

div#option2 {
    width:999px;
    height:385px;
    background-image:url("./img/option campaign1.png");
    background-repeat:no-repeat;
margin-bottom:5px;
}

div#option3 {
    width:999px;
    height:1201px;
    background-image:url("./img/limited items.png");
    background-repeat:no-repeat;
    margin-bottom:5px;
}

div#option4 {
    width:999px;
    height:250px;
    background-image:url("./img/campaignnews1.png");
    background-repeat:no-repeat;
    margin-bottom:5px;
}

div#option5 {
    width:999px;
    height:680px;
    background-image:url("./img/finalnoritzecocampaignnews2452.png");
    background-repeat:no-repeat;
    margin-bottom:5px;
}

div#option6 {
    width:999px;
    height:1820px;
    background-image:url("./img/option2017.07.07noritzrinnaiecocampaignnews.png");
    background-repeat:no-repeat;
    margin-bottom:5px;
}

div#option7 {
    width:999px;
    height:2180px;
    background-image:url("./img/option2017.06.26syuugoucampaignnews.png");
    background-repeat:no-repeat;
    margin-top:10px;
    margin-bottom:5px;
}

div#option8 {
    width:999px;
    height:3345px;
    background-image:url("./img/optionnoritzrinnaidanboucampaignnews.png");
    background-repeat:no-repeat;
    margin-top:10px;
    margin-bottom:5px;
}

div#option9 {
    width:999px;
    height:680px;
    background-image:url("./img/finalnoritzecocampaignnews2452.png");
    background-repeat:no-repeat;
    margin-top:10px;
    margin-bottom:5px;
}



table#noritzkyutoukiselecttop {
    margin-bottom:-1px;
}


table#noritzkonroselecttop {
    margin-bottom:-1px;
}

table#rinnaikyutoukiselect {
    margin-bottom:-1px;
}


table#rinnaikonroselect {
    margin-bottom:-1px;
}

table#syuugoucampaignnews {
    margin-bottom:-1px;
    margin-left:0px;
}

table#rinnaisueokirinsetucampaignnewsimages {
    margin-bottom:-1px;
    margin-left:0px;
}

table#noritzrinnaiecocampaignnewsimages {
    margin-bottom:-1px;
    margin-left:0px;
}

table#noritzrinnaidanboucampaignnewsimages {
    margin-bottom:1px;
    margin-left:0px;
}

table#newnoritzrinnaiecocampaignnewsimagesimages {
    margin-bottom:1px;
    margin-left:0px;
}

table#newnoritzrinnaiecocampaignnewsimages {
    margin-bottom:1px;
    margin-left:0px;
}

table#finalnoritzrinnaiecocampaignnewsimages {
    margin-bottom:1px;
    margin-left:0px;
}

table#rinnaiecoimages {
    margin-bottom:5px;
    margin-left:0px;
}

table#rinnaisyuugouimages {
    margin-bottom:5px;
    margin-left:0px;
}

table#rinnaisueokiimages {
    margin-bottom:5px;
    margin-left:0px;
}

table#rinnaikyuutousenyouimages {
    margin-bottom:5px;
    margin-left:0px;
}

table#noritzecoimages {
    margin-bottom:2px;
    margin-left:0px;
}

table#noritzeco2462images {
    margin-bottom:2px;
    margin-left:0px;
}

table#noritzsyuugouimages {
    margin-bottom:2px;
    margin-left:0px;
}

table#noritzikyuutousenyouimages {
    margin-bottom:2px;
    margin-left:0px;
}

table#finalnoritzeco2452images {
    margin-bottom:2px;
    margin-left:0px;
}

table#c2451images {
    margin-bottom:2px;
    margin-left:0px;
}

table#c2450images {
    margin-bottom:2px;
    margin-left:0px;
}

table#cv2450cv2451images {
    margin-bottom:2px;
    margin-left:0px;
}

table#c2449images {
    margin-bottom:2px;
    margin-left:0px;
}

table#a2444images {
    margin-bottom:2px;
    margin-left:0px;
}

table#a2445images {
    margin-bottom:2px;
    margin-left:0px;
}

table#e2406images {
    margin-bottom:2px;
    margin-left:0px;
}

table#e2405images {
    margin-bottom:2px;
    margin-left:0px;
}

table#rvde2405images {
    margin-bottom:2px;
    margin-left:0px;
}

table#te2403images {
    margin-bottom:2px;
    margin-left:0px;
}

table#rufha2400images {
    margin-bottom:2px;
    margin-left:0px;
}

table#rvda2400images {
    margin-bottom:2px;
    margin-left:0px;
}

table#noritzdanbouselectimages {
    margin-bottom:2px;
    margin-left:0px;
}

table#rinnaidanbouselect-slimimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#rinnaidanbouselectimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#rinnaiecoetcselect {
    margin-bottom:2px;
    margin-left:0px;
}


table#rinnaietckonroselect {
    margin-bottom:2px;
    margin-left:0px;
}

table#noritzecoetcselect {
    margin-bottom:2px;
    margin-left:0px;
}


table#noritzetckonroselect {
    margin-bottom:2px;
    margin-left:0px;
}


table#rinnaideliciaimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#rinnaiLisseimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#rinnaimytoneimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#noritzprogreimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#noritzprogrelightimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#noritzpiattosteimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#noritzpiattosilverimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#noritzpiattolightimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#noritzfamiotoimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#noritzfamistaimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#optionnoritzrinnaidanboucampaignnewsimages {
    margin-bottom:2px;
    margin-left:0px;
}


table#rinnaiecombctw171images {
    margin-bottom:2px;
    margin-left:0px;
}


table#se2406images {
    margin-bottom:2px;
    margin-left:0px;
}


/* before_after */

div#bf div{
    width: 65%;
    margin: 0 auto;
    text-align: center;
}
div#bf ul li{
    float: left;
    list-style: none;
}

div#bf ul li#after{
    padding-left: 150px;
}

.bffont {
    font-size:36px;
}

p {
  font: normal normal 14px/1.5 Montserrat, sans-serif;
  margin-bottom: 10px; /* 要素下の隙間 */
}

.title {
        font-size: 18px;
        font-weight: bold;
        margin-top: 0px; /* 要素下の隙間 */
        margin-bottom: 5px; /* 要素下の隙間 */
        padding-left: 5px; /*ボックス内側左の余白*/
}

.body {
        font-size: 12px;
        margin-bottom: 10px; /* 要素下の隙間 */
        padding-left: 10px; /*ボックス内側左の余白*/
}

.detail {
        font-size: 12px;
        margin-top: -5px; /* 要素下の隙間 */
        margin-bottom: 10px; /* 要素下の隙間 */
        padding-left: 10px; /*ボックス内側左の余白*/
}

.info {
        font-size: 13px;
        margin-top: 5px; /* 要素下の隙間 */
        margin-bottom: 5px; /* 要素下の隙間 */
        padding-left: 10px; /*ボックス内側左の余白*/
}

.dk {
   font-size: 1.3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
   color: #000000; /*文字色指定*/
   background: linear-gradient(transparent 50%, #00bfff 0);/
   border-bottom: solid 0px #8effa1; /*下境界線の一括指定(solidは1本線,線の太さ,線の色)*/
   padding: 0px 0px 0px 5px; /*ボックス内側左の余白*/
}


.dkh {
   font-size: 1.3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
   color: #000000; /*文字色指定*/
   background: linear-gradient(transparent 100%, #66cdaa 0);/
   border-bottom: solid 0px #8effa1; /*下境界線の一括指定(solidは1本線,線の太さ,線の色)*/
   padding: 0px 0px 0px 5px; /*ボックス内側左の余白*/
}


.uk {
   font-size: 1.5em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
   color: #000000; /*文字色指定*/
   background: linear-gradient(transparent 40%, #ffa500 0);/
   border-bottom: solid 0px #8effa1; /*下境界線の一括指定(solidは1本線,線の太さ,線の色)*/
   padding: 0px 0px 0px 5px; /*ボックス内側左の余白*/
}

.ukh {
   font-size: 2.4em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
   color: #000000; /*文字色指定*/
   background: linear-gradient(transparent 30%, #ffff00 0px);/
   border-bottom: solid 0px #8effa1; /*下境界線の一括指定(solidは1本線,線の太さ,線の色)*/
   padding: 0px 0px 0px 10px; /*ボックス内側左の余白*/
}

.cp_link {
	padding: 0.1em 0.3em 0em 0.3em;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(33,150,244,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .3s;
	color: #2196f4;
}
.cp_link:hover {
	background-position: 0 100%;
	color: #fff;
}

a {
  text-decoration: none;
}

.flex{
    display: flex;/*コレ*/
    padding: 0px;
}
.flex div{
    width: 50%;
    margin: 0px;
    padding: 0px;
}

a.overwhite{
	background-color:#ffffff;
	display:block;
}

a.overwhite:hover img{
	cursor:pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity:0.6;
	zoom:1;
}