@charset "EUC-JP";


/*--------------------PC ＆ タブレット　641px以上--------------------*/
@media only screen and (min-width: 641px){

/*----------パンくず----------*/
#breadcrumbs ul li{background:none;}


/*---------------------------見出し---------------------------*/
.ttl1{
font-size:21px;
text-align:center;
line-height:1.6;
background:#B8DCF6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
position: relative;
margin-top:0;
padding:15px 15px 11px 15px;
}

.ttl1:before{
content: "";
position: absolute;
bottom: -6px;
left: 50%;
margin-left: 10px;
width: 0;
height: 0;
border-top: 7px solid #B8DCF6;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}

.ttl2{
font-size:18px;
margin:20px 0 5px 0;
}

.mainCopy{
text-align:center;
margin:7px 0 22px 0;
}


/*----------メインコピー----------*/
.mainCopy h1{
font-size:22px;
font-weight:bold;
}


/*---------------------------ドメインキャンペーン---------------------------*/
.topCampaign{
clear:both;
background:#FFFFFF;
box-shadow: 0 0 1px rgba(0,0,0,0.10);
border:solid 1px #D0D0D0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
margin-bottom:25px;
padding:18px 18px 13px 18px;
}

.topCampaign img{vertical-align:middle;}

.midashi .limit{
font-size:15px;
background:url("/parts/img/icon_watch_gray.png") no-repeat left 1px;
background-size:auto 75%;
margin-left:12px;
padding-left: 23px;
}

.detail {display:none;}

.domList{
width:100%;
line-height:1.3;
margin:25px 0 10px 0;
}

.domList td{
white-space:nowrap;
}

.domList th, .domList td{
vertical-align:middle;
padding:8px 8px 7px 7px;
}

.domList td:nth-child(even){
text-align:right;
}

.domList td{border-bottom:solid 1px #CCCCCC;}

.domList b{
font-size:15px;
}

.item th{
font-weight:bold;
color:#FFFFFF;
background:#999999;
padding:9px 5px 7px 5px;
}

.bgGray{background:#F5F5F5;}

.price{width:110px;}

.domAttention{margin-top:25px;}


/*----------ドメインキャンペーンアイコン----------*/
.lang{
font-size:9.5px;
font-weight:normal;
color:#333333;
background:#cae9ff;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
margin:-4px 0 0 7px;
padding:2px 3px;
}

.newAdd{
background: #FF0000;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius: 2px; 
color: #ffffff;
font-size: 9px;
margin-left: 5px;
padding: 1px 5px;
}


/*----------その他の取扱いドメイン----------*/
.domExample{margin:25px 0 20px 0;}

.domExample li{
float:left;
width:203px;
height:25px;
line-height:1.7;
background:#EEEEEE;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius: 3px;
margin:2.5px;
padding:10px 6px 7px 6px;
box-shadow: 1px 1px rgba (0, 0, 0, 1);
}

.domExample .double{height:72px;}

.domExample b{margin-right:10px;}

.priceNum{
font-size:14px;
font-weight:bold;
color:#006990;
}


/*----------プラン組み合わせ----------*/
.planExample{margin:35px 0;}

.planExample ul{margin:8px 0 10px 0;}

.planExample li{
float:left;
margin-left:6px;
}

.applyUser{margin-top:30px;}


/*----------GMOヘッダー----------*/
#gmofooter{width:960px;}

}


/*--------------------スマートフォン　640px以下--------------------*/
@media only screen and (max-width: 640px){

#breadcrumbs ul li.home{background:none;}

/*----------お知らせ----------*/
#topics{
clear:both;
border-bottom:solid 1px #07608F;
margin-top:15px;
padding-bottom:0;
}

#topics h2{
font-size:15px;
color:#FFFFFF;
background:#006699;
padding:6px 2% 3px 2%;
}

#topics .past{
float:right;
font-size:9.5px;
font-weight:bold;
background:#FFFFFF;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
margin-top:2px;
padding:2px 7px 0 6px;
}

#topics .past a{
text-decoration:none;
color:#006699;
}

#topics dl{
font-size:12px;
background:url(../img/arrow_next.gif) no-repeat center right;
border-bottom:solid 1px #CCCCCC;
margin-top:0;
padding:7px 25px 7px 2%;
}

#topics dt, #topics dd{margin:0;}

#maintenance{display:none;}


/*----------ドメイン検索----------*/
#domainSearch{margin-bottom:20px;}

.mainCopy{display:none;}

.ttl1{
width:95%;
font-size:17px;
text-align:center;
line-height:1.5;
background:#B8DCF6;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
position: relative;
margin:0 1.5% 15px 1.5%;
padding:8px 1% 6px 1%;
}

.ttl1:before{
content: "";
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-top: 5px solid #B8DCF6;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}

.ttl2{
font-weight:15px;
font-weight:bold;
margin:20px 0 5px 0;
}


/*----------ドメインキャンペーン----------*/
.topCampaign{
clear:both;
border-bottom:solid 1px #DDDDDD;
padding-bottom:20px;
margin-bottom:25px;
}

.topCampaign.otherDom{
border-bottom:none;
padding-bottom:0;
}

.midashi .limit{
background:url("/parts/img/icon_watch_gray.png") no-repeat left center;
background-size:auto 70%;
margin-right:13px;
padding-left:18px;
}

.midashi span{font-size:12px;}

.detail a{color:#333333;}

.domList{width:100%;}

.domList th, .domList td{
font-size:11px;
text-align:center;
line-height:1;
vertical-align:middle;
border:solid 1px #CCCCCC;
padding:7px 0;
}

.domList b{font-size:13px;}

.domList .size11{font-size:11px;}

.item th{
font-size:12px;
color:#FFFFFF;
background:#999999;
padding:8px 0 6px 0;
}

.domList .lang{display:none;}

.bgGray{background:#EEEEEE;}


/*----------ドメインキャンペーンアイコン----------*/
.lang{
font-size:8px;
font-weight:normal;
color:#FFFFFF;
background:#999999;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
margin-left:4px;
padding:2px;
}

.newAdd{
background: #FF0000;
border-radius: 2px;
-webkit-border-radius:2px;
-moz-border-radius: 2px; 
color: #ffffff;
font-size: 9px;
margin-left: 5px;
padding: 0 3px;
}


/*----------その他の取扱いドメイン----------*/
.domExample{
clear:both;
font-size:11px;
display:table-cell;
border-top:solid 1px #CCCCCC;
margin: 25px 0 0 0;
}

.domExample li{
float:left;
width:46.8%;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
margin:0;
padding:2% 1.5%;
}

.domExample .oneLine{
width:97%;
border-right:none;
}

.domExample .noR{border-right:none;}

.domExample b{font-size:14px;}

.priceNum{
font-size:12px;
font-weight:normal;
color:#006990;
margin-left:4px;
}

.domExample small{font-size:9px;}

.domExample .jpn{margin-left:1.5em;}

.domAttention{margin:20px 2% 0 2%;}

}


/*----------------------------------------スライドショー（flexslider）----------------------------------------*/
.flexslider .slides > li{
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img{
width: 100%;
display: block;
}
.flexslider .slides:after{
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides{
display: block;
}
* html .flexslider .slides{
height: 1%;
}
.no-js .flexslider .slides > li:first-child{
display: block;
}


/*----------------------------------------DEFAULT THEME/*----------------------------------------*/
.flexslider .slides{zoom: 1;}

.flex-viewport{
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.loading .flex-viewport{
max-height: 300px;
}

.carousel li{
margin-right: 5px;
}


/*----------ナビ----------*/
.flex-control-nav{
clear:both;
width:100%;
position: absolute;
text-align: center;
margin:10px auto;
}

.flex-control-nav li{
margin: 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}

.flex-control-paging li a{
width: 15px;
height: 15px;
display: block;
background: #999999;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.flex-control-paging li a:hover{
background: #00659B;
}

.flex-control-paging li a.flex-active{
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}

.flex-direction-nav .flex-disabled{
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
}


/*----------ナビ----------*/
.flex-direction-nav{
*height: 0;
}

.flex-direction-nav a{
box-sizing: border-box;
text-decoration: none;
display: block;
height: 48px;
width: 48px;
position: absolute;
top: 84px;
margin:0 10px;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: #FFFFFF;
text-shadow: 0 0 1px #333333;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before{
font-size: 1px;
display: inline-block;
content: '';
}
.flex-direction-nav a.flex-next:before{
content: '';
color: #FFFFFF;
}

.flex-direction-nav .flex-next{
background:url("/parts/img/slide/slider_arrow_next.png") no-repeat;
right: 0;
text-align: right;
}

.flex-direction-nav .flex-prev{
	background:url("/parts/img/slide/slider_arrow_previous.png") no-repeat;
}

.flexslider:hover .flex-direction-nav .flex-prev{
opacity: 0.7;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover{
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next{
opacity: 0.7;
}
.flexslider:hover .flex-direction-nav .flex-next:hover{
opacity: 1;
}

@media only screen and (min-width: 641px){

.flexslider{
float:right;
width:700px;
height:210px;
margin:3px 0 10px 0;
}

.flex-direction-nav{
width:665px;
font-size:24px;
margin-top:12px;
}

.flex-nav-prev{
float:left;
}

.flex-nav-next{
float:right;
}

}


@media only screen and (max-width: 640px){

.flex-direction-nav{display:none;}

}