@charset "utf-8";
/* CSS Document */
html{color:#ff2e95;}

body{ 
	font-size:12px;
	}
a:link{color:#ff2e95;}
a:hover{color:#ff2e95;}
a:visited{color:#ff2e95;}
a:active{color:#ff2e95;}

header a:link,#sp_menu a:link{color:#fff; font-weight:bold;}
header a:hover,#sp_menu a:hover{color:#fff; font-weight:bold;}
header a:visited,#sp_menu a:visited{color:#fff; font-weight:bold;}
header a:active,#sp_menu a:active{color:#fff; font-weight:bold;}

.wrap{
	margin:0 auto;
	width : 100%;
}
header{
	position:relative;
	width:100%;
	border-bottom:1px solid #6c6c6c;
}
header h1{
	width:65%;
	padding:3% 0;
}

header h1 img{width:100%;}

header nav ul{
	width:100%;
}

header nav ul li img{
	margin-bottom:0.5em;	
}

header nav#header_right{
	position:absolute;
	right:0px;
	width:100%;
	top:25%;
}

/*--TOP--*/
div#main_visual{
	text-align:center;
}

div#main_visual img,
.net_pricedown img,
.tv_merit img,
#channel111 img
{width:100%;}
.monthly_pickup img,
.tv_family img,
#channel111 .btn-area img,
.btn-area img,
#channel111 h3 img,
.net_merit img,
.net_menu img,
.tel-service img,
.smartphone-area img,
.electric-area img
{width:95%;}
article#tv h2 img,
article#net h2 img,
article#tel h2 img,
article#c_smartphone h2 img,
article#xmobile h2 img,
article#electric h2 img,
.tv_family h3 img,
.tel-service .btn-green img
{width:80%;}
.monthly_pickup h3 img
{width:45%;}

/*Sp-price*/
article#special-price{
	padding-bottom:0.3em;
	background-color:#fff;	
}
/*TV*/
#tv{
	padding-bottom:0.3em;
	background-color:#fdeef1;	
}
article#tv h2{
	width:100%;
	text-align:center;
	background-color:#e75c78;
		
}

.tv_merit{
	padding:0.5em 0;
	margin:1em 0;
}

/*共用箇所有*/
.box-pink{
	position:relative;
	width:100%;
	background-color:#e75c78;
}

.box-white{
	position:relative;
	width:100%;
	background-color:#fff;
}

.round-16{
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;	
}

.border-pink{
	border:3px solid #e75c78;
}

.merit{
	position:absolute;
	top:-22px;
	margin:0 12px;
}

ul.tv_merit li{
	float:left;
	margin:0 8px;	
}

.monthly_pickup{
	margin:18px 0;
	padding:0 0 16px 0;
	text-align:center;
}

.monthly_pickup h3{
	padding:0 0 12px 16px;
	text-align:left;
}


.tv_family{
	text-align:center;
	padding:0.6em 0;
}

.tv_family h3{
	text-align:center;
	margin:0.5em 0;
}


.txt-right{
	text-align:right;	
}

.btn-area{
	margin:1em 0 0 0;
	text-align:center;
}

.btn-area img{
	margin-bottom:1em;	
}
.area-margin{
	margin-bottom:3em;	
}

/*Channel111*/

#channel111{
	padding-top:0.5em;
	padding-bottom:0.5em;
}
#channel111 h3{
	margin-bottom:0.4em;
	text-align:center;
}


/*NET*/
article#net{
	padding-bottom:0.3em;
	background-color:#e5f1f8;	
}
article#net h2{
	width:100%;
	text-align:center;
	background-color:#0073bd;
		
}

.net_pricedown{
	margin:0.4em 0;
	text-align: center;
}

.net_merit{
	margin:0.4em 0;
	padding-bottom:0.4em;
}

.net_merit,
.net_menu
{
	padding:0.4em 0;
	text-align:center;	
}

.box-blue{
	position:relative;
	background-color:#87bde0;	
}
.h-436{
	height:436px;	
}


/*TEL*/
article#tel{
	padding-bottom:3em;
	background-color:#ebf7ea;
}

article#tel h2{
	width:100%;
	text-align:center;
	background-color:#3eb134;
		
}

.box-orange{
	position:relative;
	background-color:#ffe6c2;
}

.border-brown{
	border:3px solid #d4a157;	
}

.box-lgray{
	position:relative;
	background-color:#ebebeb;
}

.border-gray{
	border:3px solid #b9b9b9;	
}

.tel-service{
	padding:0.6em 0.2em;
	text-align:center;	
	margin-top:24px;
}

/*CableSmartPhone*/
article#c_smartphone{
	padding-bottom:3em;
	background-color:#cbfbff;
}

article#c_smartphone h2{
	width:100%;
	text-align:center;
	background-color:#20ccdb;
		
}

.smartphone-area{
	text-align: center;
}

/*Xmobile*/
article#xmobile{
	padding-bottom:3em;
	background-color:#f7f8d9;
}

article#xmobile h2{
	width:100%;
	text-align:center;
	background-color:#70b92c;
		
}

.xmobile-area{
	text-align: center;
}


/*CableLifeElectric*/
article#electric{
	padding-bottom:3em;
	background-color:#fff4cc;
}

article#electric h2{
	width:100%;
	text-align:center;
	background-color:#efbb07;
		
}

.electric-area{
	text-align: center;
}



.btn-green{
	margin-top:1em;	
}

/*other*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: url(../images/btn_top.png) no-repeat left top;
    text-decoration: none;
	text-indent:-9999px;
    color: #fff;
	opacity:0.5;
    width: 25%;
    padding: 0 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}

.menu
{ width: 10%; height:100px; top: 0px; right:2%; position:absolute; cursor:pointer; }
.menu1
{ width:100%; height:0.5em; background-color:#000; top:0em; position:absolute; } 
.menu2
{ width:100%; height:0.5em; background-color:#000; top:1.2em; position:absolute; } 
.menu3
{ width:100%; height:0.5em; background-color:#000; top:2.4em; position:absolute; }
.menu1,.menu2,.menu3
{ transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out; /* Opera */
  -moz-transition: all 0.5s ease-out; /* Firefox */
  -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
  -ms-transition: all 0.5s ease-out; /* IE */ }
.menuclick1
{ top:1.2em;
  -o-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -webkit-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  transform: rotate(405deg); }
.menuclick2
{ opacity:0;}
.menuclick3
{ top:1.2em;
  -o-transform: rotate(-405deg);
  -moz-transform: rotate(-405deg);
  -webkit-transform: rotate(-405deg);
  -ms-transform: rotate(-405deg);
  transform: rotate(-405deg); } 

#sp_menu ul li{
	width:100%;
	padding:2em 0;
	font-size:240%;
	text-align:center;
	border:1px solid #6c6c6c;
}

#sp_menu ul li.tv{background-color:#e75c78;}
#sp_menu ul li.net{background-color:#0073bd;}
#sp_menu ul li.tel{background-color:#3eb134;}
#sp_menu ul li.c_smartphone{background-color:#20ccdb;}
#sp_menu ul li.electric{background-color:#efbb07;}
/*imgCopyGuard*/
img{
	  touch-callout:none;
	  user-select:none;
	  -webkit-touch-callout:none;
	  -webkit-user-select:none;
	  -moz-touch-callout:none;
	  -moz-user-select:none;
}
.guard {
position:relative;
width: 960px;
height: 280px;
}
.img_Guard{
position:absolute;
display:block;
width:100%;
height:100%;
background: url(../images/spacer.gif);
}