html,body{
    width: 100%;
    height: auto;
}

html{
font-size: 16px;
}

body img.imgHF {
    width: 30%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 5em;
    
    max-width: 1000px;
    margin: 50px auto;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movie-wrap2 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 5em;
    max-width: 800px;
    margin: 0 auto;
}
 
.movie-wrap2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.spbr{
    display: none;
}

#buybtn{
    width: 120px;
    position: absolute;
    right:4%;
    top:230px;
}

@media all and (max-width: 768px) {
    #buybtn{
        display: none;
    }
}


#onlineBtn{
    padding: 1em 2em;
    display: block;
    margin: 5vw auto;
    background: black;
    color: white;
    width: 30%;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   
}

#footer{
margin-top: 80px;
}


.storeBtn{
    width: 25%;
    height: auto;
    font-size: 1.5em;
    padding: 1em 2em;
    border-radius: .5em;
    background: gray;
    background: #65c4ff;
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1em;
    display: block;
    text-decoration: none;
}

.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.flex a{
    margin: 0;
    padding: 0;
    width: 25%;
    font-size: 1em;
    color: #242424;
    font-weight: bold;
}

.flex a img{
    
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
}

ul#locate.locateLink.flex{
-ms-flex-pack: distribute;
justify-content: space-around;
}


ul#locate.locateLink.flex li{
background: #65c4ff;
}


.locateLink li{
    width: 30%;
    padding: 1em 1em;
    background: gray;
    text-decoration: none;
    color: white;
    margin-bottom: 1em;
    border-radius: .5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.locateLink li a{
    color: white;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.locateLink li:hover{
    background: #a0a0a0;
}


/* BtnEffects */
.poyon{
-moz-animation-name: boyon;
-moz-animation-duration: .5s;
-moz-animation-timing-function: cubic-bezier(.2, 2, 0.6, .6);
-moz-animation-fill-mode: both;

-webkit-animation-name: boyon;
-webkit-animation-duration: .5s;
-webkit-animation-timing-function: cubic-bezier(.2, 2, 0.6, .6);
-webkit-animation-fill-mode: both;

-o-animation-name: boyon;
-o-animation-duration: .5s;
-o-animation-timing-function: cubic-bezier(.2, 2, 0.6, .6);
-o-animation-fill-mode: both;

-ms-animation-name: boyon;
-ms-animation-duration: .5s;
-ms-animation-timing-function: cubic-bezier(.2, 2, 0.6, .6);
-ms-animation-fill-mode: both;
}

/*boyon*/

@-webkit-keyframes boyon {
	0% {
		-webkit-transform: scale(0.9);
	}
	100% {
		-webkit-transform: scale(1);
	}
}
/* BtnEffects */


@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?10bosv');
    src:    url('fonts/icomoon.eot?10bosv#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?10bosv') format('truetype'),
        url('fonts/icomoon.woff?10bosv') format('woff'),
        url('fonts/icomoon.svg?10bosv#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-kop:before {
    content: "\e900";
        margin-right: 7px;
    font-size: 1.3em;
    height: 1.5em;
    vertical-align: middle;
    padding-bottom: 5px;
}
.icon-h1:before {
    content: "\e901";
    margin-right: 7px;
    font-size: 1.3em;
    height: 1.5em;
    vertical-align: middle;
    padding-bottom: 5px;
}
.icon-h2:before {
    content: "\e902";
    margin-right: 7px;
    font-size: 1.3em;
    height: 1.5em;
    vertical-align: middle;
    padding-bottom: 5px;
}

.icon-display:before {
    content: "\e905";
        margin-right: 6px;
    font-size: 1em;
    height: 1.5em;
    vertical-align: middle;
    padding-bottom: 5px;
      height: 3em;
    line-height: 3.5em;
}



.icon-iphone:before {
    content: "\e903";
    font-weight: bold;
    float: left;
    font-size: 1.3em;
    height: 1.5em;
    vertical-align: middle;
    padding-bottom: 5px;
    height: 3em;
    line-height: 2.25em;
}








html li{
list-style: none;
}

body{
height: auto;
width: auto;
text-align: center;
/* background: url(../images/bg.png) left top repeat-x; */
background-color: #fff;
margin: 0;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"Meiryo", "メイリオ", sans-serif;
/*overflow: hidden;*/
}

#wrapper{
width: auto;
min-width: 980px;
height: auto;
margin: 0 auto;
position: relative;
/* overflow: hidden; */

}

img{
height: auto;
max-width: 100%;
width:auto;
}

#content2 a{
color: #555;
text-decoration: none;
font-weight: bold;
}




/* ///////////////////////////////////////////////////////////header */

#header{
position: relative;
height: 125px;
width:100%;
margin: 0 auto;
display: block;
/* background: url(../images/logo.png) 5px top no-repeat; */
background-color: white;
border-bottom: 1px solid #d6d6d6;

}

html body div#wrapper div#header div#Gnavi.clearfix ul#dropmenu li a.placeholder{
color:#ccc ;
cursor:help;
}


#Gnavi{
max-width: 1200px;
min-width: 600px;
margin: 0 auto;
position: relative;
    

}

#dropmenu{
height: auto;
/*max-width: auto;*/
position: absolute;
right: 0;
bottom: 0;
padding-bottom: 5px;
}


#dropmenu li{

position: relative;
width: 80px;
float: left;

height: auto;
text-align: center;
cursor: pointer;
padding-left: 20px;
padding-right: 20px;
list-style: none;

border-right: 1px solid black;
display: block;

font-weight: bold;
color: #666;
font-size: 0.9em;
}

#dropmenu li a{
  display: block;
  text-decoration: none;
  color: inherit;
}

#dropmenu li a:hover{
color: #222;
}


#dropmenu ul li a:hover{
color: #fff;
}



#dropmenu li ul{
  list-style: none;
  position: absolute;
  
  top: 19px;
  left: 0px;
  margin: 0;
  padding: 0;
  z-index: 8888;
  padding-top: 3px;
  


}

#dropmenu li ul li{
  overflow: hidden;
  width: 140%;
  height: 0;
  color: #000;
  border: none;
  background: #F7F7F7;
 display: block;
  -webkit-transition: .2s;
  transition: .2s;

}

#dropmenu li ul li:hover{
background: #3584BC;
color: white;
}


#dropmenu li ul li a{

  padding: 13px 10px;
  
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  padding-top: 15px;
}

#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
 
}



#logo{
max-width: 100%;
max-width: 1170px;
width: auto;
height: 124px;
margin: 0 auto;
}

#logo img{
float: left;
margin-left: 5px;
display: block;
z-index: 9999;
height: 124px;
}


/* ///////////////////////////////////////////////////////////Content 1 */

#content1{
height: auto;
width: 100%;
display: block;

}

#content1_menu{
height: auto;
max-width: 1200px;
width: auto;
display: block;
background-color: white;
margin: 0 auto;
border-bottom: 1px solid #d6d6d6; 
}

#content1_menu ul{
max-width: 1170px;
height: auto;
min-width: 13%;
width: auto;
margin: 0 auto;
padding: 2% 0 1.5% 0;
display: block;
overflow: hidden;
background-color: white;
    
display: -webkit-box;
    
display: -ms-flexbox;
    
display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#content1_menu li{
/*float: left;*/
width: 12.5%;
    width:10%;
    width: 8%;
    min-width: 50px;
/*    width: 200px;*/
    
height: auto;
display: block;
/*margin-left: 1.6%;*/
font-size: .6em;
cursor: pointer;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
}

#content1_menu li img{
height: auto;
max-width: 100%;
width:auto;
margin-bottom: 10px;

}


#content1_menu ul li.first{
margin-left: 15px;
}

#content1_window{
height: auto;
width: 100%;
display: block;


}

#slider{
position:relative;
max-width: 1200px;

width: auto;
height: auto;
display: block;

margin: 0 auto;
-webkit-transition: .6s;
transition: .6s;
}


li div#content1_menu ul li a{
text-decoration: none;
color: #6d6d6d;
font-weight: bold;
}


@media all and (max-width: 414px) {
    #content1_menu{
        display: none;
    }
}


/* ///////////////////////////////////////////////////////////Content 2 */

#content2{
height: auto;
max-width: 1160px;
min-width: 800px;
width: auto;
display:block;
margin: 1% auto;
color: #6D6D6D;

padding: 0 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    
}



/* /////////////////////////ContentBoxSetter */
#content2_left,#about_content2_left{
/* width: 780px; */
width:65%;
width: 100%;

height: auto;
display: block;
float: left;
margin-left: 0px;
margin-top: 5%;
margin-bottom: 80px;

background-color: #F9F9F9;

}



html body div#content2.clearfix div#content2_left.clearfix dl.clearfix dd.clearfix p{
letter-spacing: .2em;
}

#content2_right{
width: 340px;
width:33%;
height: auto;
min-height: 450px;
display: block;
float: right;
margin-right: 0px;
margin-top: 5%;
text-align: left;
margin-bottom: 80px;



background-color: #F9F9F9;

}
/* /////////////////////////ContentBoxSetterEnd */



/*//////////////////////////menu header setting */
#content2_left h1,#about_content2_left h1{

width:95%;

/*background: url(http://kopek.jp/images/h1.svg) left top no-repeat;*/
/*text-indent: -9999px;*/
margin: 2.5% 2.5% 6% 2.5%;
border-bottom: 1px solid #dbdbdb;
/*padding-bottom: 5px;*/
    font-size: 1.2em;
    text-align: left;
    padding-bottom: 5px;
/*    display: flex;*/

}

#about_content2_left h1#abouth1{
/*background: url(http://kopek.jp/images/abouth1.png) left top no-repeat;*/
}

#about_content2_left h1#privh1{
/*background: url(http://kopek.jp/images/privh1.png) left top no-repeat;*/
}


#content2_right h2{
width:300px;
width:90%;
height: 30px;
/*
background: url(http://kopek.jp/images/h2.svg) left top no-repeat;
text-indent: -9999px;
*/
margin:5%;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 5px;
        font-size: 1.2em;
    text-align: left;
    padding-bottom: 5px;
}
/*//////////////////////////menu header setting end*/



#content2_left dl,
#content2_right dl
{
width:100%;
height: auto;

margin-bottom: 50px;
}

#content2_left dt{
/* width: 100px; */
width:15%;
height: auto;
display: block;
font-size: 1em;


float: left;
/*min-height: 175px;*/
margin-right: 30px;
margin-right: 1%;


margin-left: 20px;
margin-left: 2.5%;
margin-top: -1px;
letter-spacing: 0.1em;
}

#content2_left dd{
float: right;
text-align: left;
/* width: 600px; */
width:74%;
height: auto;
/*min-height: 175px;*/
margin-right: 20px;
margin-right: 2.5%;
}


/*//////////////////// contentTitlesetter */
.newsheader{
width: 600px;
width:100%;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #dbdbdb;
display: block;
font-size: 14px;
}

.infoheader{

width:90%;
margin-top: 40px;
margin-bottom: 15px;
margin-left: 20px;
margin-left: 5%;

padding-bottom: 15px;
border-bottom: 1px solid #dbdbdb;
display: block;
font-size: 12px;
}
/*//////////////////// contentTitlesetterEnd*/



#content2_left p,#content2_right p{
font-size: 0.656em;
line-height: 1.6em;
}
#content2_right p{
margin-left: 5%;
width: 300px;
width:90%;
}






/* ///////////////////////////////////////////////////////////Content 34 */

#content3,#content4,#content5{
height: auto;
max-width: 1198px;
width: auto;
display: block;
margin: 0 auto;
margin-bottom: 80px;
}








/*///////////////////////////////////////////////////////////Footer*/

#footer{
height: 570px;
max-width: 85%;


display: block;
/* margin: 10px auto 0; */

padding: 100px 7.5% 0px 7.5%;
margin: 2em auto;
    margin-bottom: 0px;

text-align: left;
font-size: 1em;
color: #777777;
background-color: #F2F2F2;
position: relative;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}

#footer h3{
max-width: 1200px;
min-width: 800px;
width:auto;
height: 100px;
text-indent: -9999px;
background: url(/images/footlogo.png) left top no-repeat;
    background-size: 25%;
border-bottom: 1px solid #cfcfcf;

margin: 0 auto;
}

#sns{
max-width: 1200px;
min-width: 800px;
/*padding: 0px 0% 0px 7.5%;*/
/*position: absolute;*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top:-35px;
/*top:165px;*/
/*right: 8%;*/
    text-align: right;

}

#sns img{
width: 30px;
}




#footmenu{
width: 100%;
max-width: 1200px;
height: auto;
display: block;
border-bottom: 1px solid #cfcfcf;
padding-bottom: 30px;
margin: 0 auto;
}

#footmenu ul{
margin-top: 40px;
width: 17%;
min-width: 160px;
height: auto;
display: block;
float: left;

}

#footmenu li{
margin-bottom: 20px;
list-style: none;
font-size: 0.6em;
}

#footer li a{

text-decoration: none;
color:#6d6d6d;

}

span.foottitle{
font-size: 0.8em;
font-weight: bold;
display: block;
margin-bottom: 20px;
height: 19px;

padding-top: 3px;
}

.cable{
background: url(../images/conect_icon.png) -5px top no-repeat;
padding-left: 15px;
}
.audio{
background: url(../images/audio_icon.png) -1px top no-repeat;
padding-left: 20px;
}
.gadget{
background: url(../images/gadget_icon.png) -4px top no-repeat;
padding-left: 15px;
}



#about ul{
width: 100%;
height: 20px;
display: block;
margin-top: 15px;
}

#about li{
list-style: none;
float: right;
margin-left: 10px;
font-size: 0.6em;

}


#footer a{
cursor: pointer;
}

#footer a:hover{
color:#ccc;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
text-decoration: underline;
}

#about{
max-width: 1200px;
margin: 0 auto;
}




/*AboutPage*/

#about_content2_left dl{
border-bottom: 1px solid #d6d6d6;
margin:0 2.5% 20px 2.5%;

}

#about_content2_left dt,
#about_content2_left dd{
height: auto;
display: table-cell;
vertical-align: middle;
padding-bottom: 15px;
}



#about_content2_left dt{
/* width: 100px; */
width:20%;
display: block;
font-size: .8em;
float: left;
margin-right: 1%;
margin-left: 2.5%;
margin-top: 2px;
letter-spacing: 0.1em;
font-weight: bold;


}


#about_content2_left dd{
float: right;
text-align: left;
font-size: .7em;
/* width: 600px; */
width:74%;
margin-right: 20px;
margin-right: 2.5%;
line-height: 1.6em;
}

.date{
width: 100%;
display: block;
text-align: center;
margin:30px 0 15px 0;
border-bottom: 1px dotted #d6d6d6;
background-color: #F2F2F2;
}




/* --------------------------------------Linkase */

.linkasetitle{
font-size: 18px;
margin:50px 0 80px 0;
line-height: 2em;
}

.boxes{
width: 48%;
margin-right: 2%;
margin-bottom: 80px;
float: left;
text-align: left;
}

.boxesLong{
width: 100%;

margin-bottom: 80px;

text-align: left;
}

.linkaseText{

font-size: 14px;
line-height: 2em;
color:#6d6d6d;
}


.linkheader{
margin-top: 30px;
margin-bottom: 15px;
font-size: 24px;
display: block;
line-height: 1.5em;
font-weight: bold;
color: #555;
}

#content4{
border-top: 1px solid #d6d6d6;
padding-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   
}


#linkase_h1{
margin: 50px auto;
font-size: 40px;

}

.minih1{
line-height: 2em;
font-size: 23px;
border-bottom: 1px solid #d6d6d6;
margin-bottom: 15px;

}

div.boxes img{
margin-top: 30px;
}





.boxes p a{
color: black;
font-weight: bold;
text-decoration: underline;
font-size: 0.8em;
}


#newsPage{
    text-align: left;
    margin-top: 50px;
    min-height: 500px;
    width: 78%;
    float: left;
}

#newsPage h1{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
    
}

#newsPage p{
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 30px;
}

#newsPage span{
    font-size: 12px;
}


#rightContents{
margin-top: 64px;
width: 19%;
float: right;
text-align: left;
}

#rightContents h3{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid gray;
    margin-bottom: 15px;
}

#rightContents li a{
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 10px;
    text-decoration: underline;
    
}

#newslist li{
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
html body div#content2.clearfix div#content2_left.clearfix dl.clearfix dd.clearfix span.newsheader a:hover,
html body div#content2.clearfix div#content2_left.clearfix dl.clearfix dd.clearfix p a.contRead:hover,
#newslist li a:hover{
    color: #0089C1;
}


.contRead{
    float: right;
    text-decoration: underline !important;
    display: block;
    margin-top: 15px;
    padding-bottom: 5px !important;
}

li ol{
    width: 80%;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 100px;
    padding: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #efefef;
}

li ol li{
    margin-bottom: 1em;
    list-style-type: decimal;
    margin-left: 1em;
    font-size: .8em;
}

.itemButton{
    width: 80%;
    margin: 0 auto;
    margin: 100px auto;
}

.itemButton table{
    width: 100%;
    margin: 0 auto;
    color: #5c5c5c;
    border: 1px solid gray;
    font-size: 12px;
   
}

.itemButton img{
    width: 70%;
}

.butTable td{
    vertical-align: middle;
    height: 60px;
    border: 1px solid gray;
}


/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////S1_Settings//////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/

#mainContent{
    color:#393939;
    max-width: 1000px;
    width: auto;
    margin: 0 auto;
    overflow: hidden;
}

body#S2 #mainContent{
    color:#393939;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}




#mainImgArea{
    width: 100%;
    height: 500px;
    overflow: hidden;
}

body#S2 #mainImgArea{
    width: 100%;
    height: auto;
    overflow: hidden;
}

#innerBox{
    width: 960px;
    margin: 0 auto;
    height: auto;
}

#itembtn,
#itemview{
    margin-bottom: 100px;
    border-bottom: 1px solid #d6d6d6;
    display: block;
    padding-bottom: 50px;
}

#itembtn{
    padding: 80px 0;
}

#itembtn a,
#itemview a{
    text-decoration: none;
    padding: 20px 30px;
    display: inline-block;

    border: 2px solid #5c5c5c;
    color: #5c5c5c;
    font-size: 14px;
    -webkit-transition: .2s;
    transition: .2s;
}

#itembtn a:hover,
#itemview a:hover{
    text-decoration: none;
    padding: 20px 30px;
    display: inline-block;

    border: 2px solid #5c5c5c;
    background-color: #5c5c5c;
    color: white;
    font-size: 14px;
}

h4.secTitle{
    font-size: 34px;
    color: #2e2e2e;
    display: inline-block;
    margin-bottom: 50px;
}



div.normalSection{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
}


#mainContent img{
    width: 100%;
}

#mainCont1{
    width: 100%;
}

h1.sph1{
    font-size:2em;
    padding: 1em;
    border-top: 1px solid #bababa;
    margin-top: 1em;
}

h1.sph1:first-child{
    border-top: 0px;
}

h2.sph2{
    font-size:1.5em;
    margin-bottom: 1em;
}

#mainContent p{
    line-height: 2em; 
    margin-bottom: 2em;
}



#functions{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto;
    border-bottom: 1px solid gray;
    padding-bottom: 50px;
    margin-bottom: 80px;
}

div.normalSection{
    padding-bottom: 50px;
    margin-bottom: 80px;
    border-bottom: 1px solid #d6d6d6;
}

div.normalSection.cent{
    border-bottom: none;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

div.normalSection.cent h5{
    text-align: center;
    font-weight: normal;
}

div.normalSection section,
div.normalSection div{
    width:48%;
    text-align: left;
}

div.normalSection section h5{
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
    line-height: 22px;
}

div.normalSection section p{
    font-size: 14px;
}

div.normalSection section a{
    font-size: 14px;
    padding: 10px 20px;
    border: 2px solid #5c5c5c;
    display: inline-block;
    text-decoration: none;
    color: #5c5c5c;
    -webkit-transition: .2s;
    transition: .2s;
}

div.normalSection section a:hover{

    color:white;
    background-color: #5c5c5c;
}


div.imageshots img{
    display: block;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom:1px solid #d6d6d6;
}



#functions dl{
    width: 30%;
}


#functions img{
margin-bottom: 2.5em;
    padding-bottom: 2.5em;
    border-bottom: 1px solid #c9c9c9;
}

div.normalSection strong,
#functions strong{
    display: block;
    margin-bottom: 1em;
}

/*div.normalSection p,*/
#functions p{
    text-align: left;
    font-size: 12px;
}

.videoCont {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
    margin-bottom: 1em
}

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

.storyBox img{
    margin-bottom: 1em;
}





/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*snapprosettings*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/

html body div#wrapper div#mainContent.snapproMain{
    width: 100%;
    max-width: 100%;
}

div#mainImgArea.snappro{
    position: relative;
    height: auto;
}

.overText{
    position: absolute;
    width: 30%;
  
    text-align: left;
    color: white;
    left: 20%;
    bottom: 20%;
}

.overText strong{
    font-size: 2.5em;
}


#snapcontent dl{
    position: relative;
}

#snapcontent dd{
    position: absolute;
    display: block;
    z-index: 200;
}

#snapcontent dd p{
    font-size: .8em;
}

#snapcontent dd strong{
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.5em;
  

}


#snapcontent > dl:nth-child(1) > dd:nth-child(2){
    top:4em;
    width: 40%;
    text-align: left;
    right: 5em;
    font-weight: bold;
}

#snapcontent > dl:nth-child(2) > dd:nth-child(2){
    bottom:10%;
    width: 40%;
    text-align: left;
    left: 20%;
    color: white;
    font-weight: bold;
    text-shadow: 0px 1px black;
}

#snapcontent > dl:nth-child(3) > dd:nth-child(2){
    bottom:35%;
    width: 40%;
    text-align: left;
    left: 10%;
    color: white;
    font-weight: bold;
    text-shadow: 0px 1px black;
}


#snapcontent > dl:nth-child(4) > dd:nth-child(2){
    bottom:30%;
    width: 40%;
    text-align: left;
    left: 20%;
    color: white;
    font-weight: bold;
    text-shadow: 0px 1px black;
}


#snapcontent > dl:nth-child(5) > dd:nth-child(2){
    top:25%;
    width: 40%;
    text-align: left;
    left: 15%;
    color: white;
    font-weight: bold;
    text-shadow: 0px 1px black;
}

#snapcontent > dl:nth-child(6) > dd:nth-child(2){
    top:5%;
    width: 40%;
    text-align: left;
    left: 30%;
    color: black;
    font-weight: bold;
/*    text-shadow: 0px 1px black;*/
}

#snapcontent > dl:nth-child(7) > dd:nth-child(2){
    top:10%;
    width: 40%;
    text-align: left;
    left: 20%;
    color: black;
    font-weight: bold;
/*    text-shadow: 0px 1px black;*/
}

#snapcontent > dl:nth-child(8) > dd:nth-child(2){
    top:30%;
    width: 40%;
    text-align: left;
    right: 7%;
    color: black;
    font-weight: bold;
/*    text-shadow: 0px 1px black;*/
}

div#mainCont1 dl.buycontent{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2em;
    text-align: left;
}


div#mainCont1 dl.buycontent dt{
    width: 60%;
    padding-left: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div#mainCont1 dl.buycontent dd{
    width: 40%;
    padding-right: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div#mainCont1 dl.buycontent dd strong{
    font-size: 2em;
    padding-top: 1em;
    display: inline-block;
    margin-bottom: 1em;
}

div#mainCont1 dl.buycontent dd p{
    font-size: 1em;
}

.buycontent dd ul.flex{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.buycontent > dd:nth-child(2) > ul:nth-child(4){
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

html body div#wrapper div#mainContent.snapproMain div#mainCont1 div.bx-wrapper div.bx-viewport div.bxslider{
    min-height: 500px;
}

.switchImages{
    position: relative;
    min-height: 650px;
}

.switchImages li{
    position: absolute;
    left: 0;
    top:0;
    display: none;
}

.switchImages li{
    width: 90%;
}


.switchImages li:first-child{
    display: block;
}

#blk,
#wht,
#slim,
#spec{
padding: .5em;
border: 1px solid;
border-radius: 5px;
margin-right: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}

#blk,
#slim{
    color: red;/*初期値*/
}

html body div#wrapper div#mainContent div#mainCont1 dl.buycontent > dd:nth-child(2) > ul:nth-child(4) li{
   
    padding: .3em;
    text-align: center;
    border: 3px solid black;
    border-radius: 3px;
    font-size: .8em;
    width: 45%;
}



/*mainCont2Settings*/

.nopcimg{
    display: none;
}

.nosp{
    display: block;
}

.imgChanger li.nopc{
    display: none;
}

#mainCont2 h3{
    font-size: 2em;
    margin-bottom: 1em;
}
.iphonebg{
    width: 1000px;
    min-height: 460px;
    display: block;
    background: url(../images/iphonebg.png) no-repeat;
    background-position: center;
    position: relative;
    margin: 0 auto;
    margin-bottom: 2em;
}

.wind{
    width: 632px;
    height: 356px;
    background: url(../images/chngimg.jpg) no-repeat;
    position: absolute;
    left:184px;
    top:67px;
    -webkit-transition: .2s;
    transition: .2s;
}

.imgChanger{
    width: 70%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.imgChanger li{
    width: 30%;
    display: block;
    text-align: left;
    font-size: .8em;
    margin-right: 3%;
    padding: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5em;

}

.imgChanger li strong{
    display: block;
    margin-bottom: .3em;
    font-size: 1.2em;
}

  .speccont{
        width: 100%;
        height: auto;
        background: url(/images/specbg.jpg);
        background-size: cover;
        margin: 5em 0;
      padding: 5em 0;
      text-align: left;
     
}

.speccont span{
 
}

div.speccont h1.sph1.spech1{
    text-align: left;
width: 60%;
    margin: 0 auto;
    border-bottom: 3px solid black;
    padding-left: 0em;
    padding-bottom: .3em;
    margin-bottom: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.speccont dl{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    width: 60%;
    margin: 0 auto;
    border-bottom: 3px solid black;
    padding-bottom: 2em;
}


.speccont dt{
    width: 20%;
    font-weight: bold;
}

.speccont dd{
    width: 80%;
}

.speccont dt,
.speccont dd{
    margin-bottom: 2em;
}

.snslinks .flex{
    padding: 5em 10%;
    max-width: 500px;
    margin: 20px auto;
}
.snslinks .flex li{
    width: 25%;
    font-size: 12px;
    text-align: center;
}
.snslinks .flex li img{
    border-radius: 30px;
}

.flexDiv{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 100px;
    width: 100%;
    margin: 0 auto;
}

.fStart{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flexDiv p{
    width: 50%;
}

.flexDiv dl{
    width: 50%;
    text-align: left;
    padding: 0 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.flexDiv dt{
    font-size: 20px;
    margin-bottom: 1em;
    border-bottom: 1px solid gray;
}
.flexDiv dd{
    font-size: 16px;
    margin-bottom: 10px;
}

.specContainer{
    border: 1px solid gray;
    padding: 3em;
}


/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////HDWIDELENS_Settings//////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/

#hdwide{
    width: 95%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: left;
    color: #484848;
}

#hdwide img{
    width: 100%;
}

#hdwide h3{
    font-size: 20px;
    display: block;
    text-align: left;
    margin-bottom: 50px;
}


#hdwide h4{
    font-size: 18px;
    display: block;
    text-align: left;
    margin: 20px 0;
}

#hdwide p{
    font-size: 14px;
    line-height: 18px;
}


#hdwide section{
    margin-bottom: 20px;
}

#hdwide section span{
    margin-top: 20px;
    display: block;
}

#hdwide span a{
    color:#f25a1d;
    text-decoration: none;
}


/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////i5_Settings//////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/

#mainContent {
}
#mainContent.i5Main{
    width: 100%;
    max-width: 1040px !important;
    line-height: 0px !important;
}

#mainCont1{
    width: 100%;
}

#mainCont1 img{
    width: 100%;
    line-height: 0px;
}







#SPOD .cableTitle {
    font-size: 24px;
    font-weight: normal;
    color: #555;
    margin-bottom: 15px;
    line-height: 1.3em;
    display: block;
    margin-left: 180px;
}

#SPOD .items{
    width:960px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 50px;
    
}

#SPOD .items div:not(.partsCont){
    width:65%;
    text-align: left;
}

#SPOD .items div span,
#SPOD .items div p{
    margin-left: 0px;
}

#SPOD .items div p{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    display: block;
    margin-bottom: 60px;
}


#SPOD .items a:NOT(#contactA){
/*    width: 30%;*/
    width: auto;
    display: block;
}

#cableContent > div.items a.itemimg{
    width:30% !important;
}

#SPOD .items a img{
    width:100%;
}

#SPOD .pageLink{
    right: 50px;
}

#SPOD .pageLink a{
    width:100%;
    padding: 10px 20px;
    border: 2px solid #313131;
    text-align: center;
    position: relative;
}


#S2 #innerBox > h5{
    font-size: 18px;
    margin: 20px auto;
    display: block;
}


#repCont{
    text-align: center;
    display: block;
    border: none;
}

#repCont h3{
    font-size: 44px;
    display: block;
    width:100%;
    text-align: center;
    margin: 30px 0;
}

#repCont .subtext{
    display: block;
    width:100%;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #5c5c5c;
}

#repCont p{
    display: block;
    width: 80%;
    font-size: 14px;
    text-align: center;
    margin:30px auto;
    line-height: 25px;
    color: #5c5c5c;
}

#repCont > span:nth-child(4){
    display: block;
    width: 100%;
    text-align: center;
    color: #5c5c5c;
}

#repCont > .partsCont{
    width: 100% !important;
    border-bottom: 1px solid #d6d6d6;
    padding-top: 40px;
    padding-bottom: 40px;
}

.partsCont ul{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.partsCont ul li{
    width:30%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.partsCont ul li img{
    width:250px;
height: auto;
    margin-bottom: 30px;
}

#repCont > div:nth-child(7) p{
    text-align: center;
     margin: 30px auto;
}

img.repartsimg{
    width:500px !important;
    margin: 0 auto !important;
    display: inline-block!important;
    float: none !important;
} 

#linkproCont{
    line-height: 0px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}






/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////768px_Settings//////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/


@media all and (max-width: 441px) {

    
    #cableContent > div.items a.itemimg{
    width:100% !important;
    }
    
    #SPOD .items a:NOT(#contactA){
    width: 100%;
    display: block;
    }
    
    #SPOD .items div:not(.partsCont) {
    width: 100%;
    text-align: center;
    }
    
    #SPOD .cableTitle {
    font-size: 24px;
    font-weight: normal;
    color: #555;
    margin-bottom: 15px;
        margin-top: 30px;
    line-height: 1.3em;
    display: block;
    margin-left: 180px;
    }
    
    #SPOD .pageLink {
    right: 50px;
    }
    
    #repCont p {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin: 30px auto;
    line-height: 25px;
    color: #5c5c5c;
    }
    
    .partsCont ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
    
    .partsCont ul li{
        width:100%;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 20px;
    }
#repCont > .partsCont {

    border-bottom: 0px solid #d6d6d6;

}
    
    
    .partsCont ul li span{
        width:100%;
    }
    
    #repCont h3 {
    font-size: 30px;
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px 0;
    }
    
    #SPOD .items div p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    display: block;
    margin-bottom: 30px;
    }
    
    
    
    
    html > * {
 -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    
    #header{
    height: auto;
    }

    #wrapper{
    width: 100%;
    min-width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    /* overflow: hidden; */

    }

    .spbr{
    display: block;
        height: 0;
    }
    
  
    
    #mainContent.open,
    #slider.open
    {
        -webkit-filter: blur(13px);
        filter: blur(13px);
    }
    
    /*///////////////////////////////////////////////index.html Settings*/
    
    #content1_menu ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    
    #content1_menu ul li{
        width: 20%;
    }
    
    
    #content2{
    height: auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    display:block;
    margin: 1% auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
        
    color: #6D6D6D;
    overflow: hidden;
    

    padding: 0 20px;
    border-bottom: 0px solid #d6d6d6; 
    }
    
    .newsPage iframe{
        display: none;
    }
    
    #content2_left,
    #content2_right,
    #about_content2_left{
        width: 100%;
        margin-bottom: 2em;
    }
    
    #content2_left dl{
        margin-bottom: .5em;
    }
    
    #content2_left dt{
        font-size: .8em;
    }
    
    #content2_left dt,
    #content2_left dd{
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        margin: 0;
        text-align: left;
        width: 100%;
        margin-bottom: .5em;
        padding: 0 1em;
    }
    
    #contetn_left a{
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    
  /*//////////////////////////////////////////////////////index.html Settings*/
    
    .linkheader{
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 1.2em;
    display: block;
    line-height: 1.5em;
    font-weight: bold;
    color: #555;
    }
    
    /*//////////////////////////////////////////////////////NEWSページ Settings*/
    #newsPage {
    float: left;
    margin-top: 50px;
    min-height: 500px;
    text-align: left;
    width: 100%;
    }
    
    #rightContents{
        width: 100%;
    }

    #rightContents li a {
      display: block;
      font-size: 1em;
      font-weight: normal;
      margin-bottom: 10px;
      text-decoration: underline;
    }

    #linkase_h1 {
    font-size: 1.2em;
    margin: 50px auto;
    }
    
    .linkasetitle{
        width: 90%;
        margin: 0 auto;
        font-size: .8em;
        text-align: left;
    }
    
    .butTable{
        display: none;
    }
    
    
    .boxes{
        width: 100%;
        margin-bottom: 2em;
    }
    
    #content3,
    #content4{
        width: 95%;
        margin: 0 auto;
         margin-bottom: 50px;
    }
    
    /* About*/
    
    #about_content2_left dl{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        
    }
    
    #about_content2_left dt {
    display: block;
    float: none;
    font-size: 0.8em;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-left: 2.5%;
    margin-right: 1%;
    margin-top: 2px;
    width: 30%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #about_content2_left dd{
        width: 60%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    



    #logo{
    max-width:40%;
    height: 100%;
    margin: 0 auto;
    padding:5px 0; 
    }

    #logo img{
    margin-left: 0px;
    display: block;
    z-index: 9999;
        height: auto;
    }
    
    #mainContent{
    color:#393939;
    max-width: 90%;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: .4s;
    -webkit-transition: .6s;
    transition: .6s;
    }

    

#mainImgArea{
    height: auto;
}

    h1.sph1{
        font-size: 1.2em;
        margin: 0 auto;
        padding-top: 2em;
        margin-top: 2em;
    }
    
    h2.sph2{
        font-size: 1em;
        margin-bottom: 1em;
        line-height: 1.5em;
    }
    
    
    #mainContent p {
        margin: 0 auto;
        text-align: left;
        line-height: 2em;
        margin-bottom: 2em;
        font-size: .8em;
    }
    
    #functions{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    #functions dl {
      width: 100%;
    
    }
    
    #footer{
        width: 100%;
        overflow: hidden;
    }

    img.lazy {
  width: 100%;
  height: auto;
}
    
    


#Gnavi{
max-width: 80%;
min-width: 80%;
height: auto;
position: absolute;
left:-80%;
top:0em;
background: black;
z-index: 10000;
-webkit-transition: .4s;
transition: .4s;
/*transform : translate(0%, 0px)rotateY(-150deg);*/
            border-bottom-right-radius: 1em;
}
    
    
#Gnavi.open{
    -webkit-transition: .4s;
    transition: 	.4s;
    -webkit-transform : translate(100%, 0);/*chrom12+, Safari4+, Opera15+*//*Opera10.5+*/
    transform : translate(100%, 0px);/*IE10+, FF16+*/
    -webkit-transition-timing-function:ease-in-out;
    transition-timing-function:ease-in-out;
    opacity: .98;
/*    transform: rotateY(10deg);*/

}    
    

#dropmenu{
height: auto;
/*max-width: auto;*/
position: relative;
right: 0;
padding-bottom: 5px;
background: #3c3c3c;
border-bottom-right-radius: 1em;
}


#dropmenu li{

position: relative;
width: 100%;
float: none;

height: auto;
text-align: left;
cursor: pointer;
padding-left: 3vw;
padding-right: 0px;
list-style: none;
    
    margin-top: 4vw;

border-right: 0px solid black;
display: block;

font-weight: bold;
color: #666;
font-size: 0.9em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

#dropmenu > li:nth-child(6) a{
        border-bottom: 0px;
}    
    
    
#dropmenu li a{
display: block;
text-decoration: none;
color: inherit;
color: white;
height: 3em;
line-height: 3em;
border-bottom: 1px solid #535353;
        padding-bottom: 4vw;
}

#dropmenu li a:hover{
color: #222;
}


#dropmenu li ul{
list-style: none;
position: relative;
top: 0px;
left: 0px;
margin: 0;
padding: 0;
z-index: 8888;
padding-top: 3px;
font-size: .8em;
}

#dropmenu li ul li{
overflow: hidden;
width: 100%;
height: auto;
color: #000;
border: none;
background: inherit;
display: block;
padding-left: 0px;
padding-top:5em;
    padding-top: 1vw;
  
-webkit-transition: .2s;
transition: .2s;

}

#dropmenu li ul li:hover{


/* box-shadow */
box-shadow:rgba(0, 0, 0, 1) 0px 0px 0px 0px;
-webkit-box-shadow:rgba(179, 179, 179, 0.45) 0px 0px 0px 0px;
-moz-box-shadow:rgba(179, 179, 179, 0.45) 0px 0px 0px 0px;
}


#dropmenu li ul li a:before{
    content:"> ";
}
    
#dropmenu li ul li a{

padding: 0px;

text-align: left;
font-size: inherit;
font-weight: bold;
padding-top: 0px;
padding-left: 2em;
-webkit-box-sizing: border-box;
box-sizing: border-box;

}

#dropmenu li:hover ul li{
overflow: hidden;
height: auto;

}

    
/*BurgerMenu*/  
    
.bMenu{
    position: absolute;
    right:10px;
    top:15px;
    z-index: 500;
}
    
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	-webkit-transition: all .6s;
	transition: all .6s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 50px;
	height: 34px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 80%;
	height: 4px;
	background-color: #3584BC;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 15px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0px;
}
    
    
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(15px) rotate(-315deg);
	transform: translateY(15px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(315deg);
	transform: translateY(-15px) rotate(315deg);
}
    
    
    
    
    

/*///////////////////////////////////////////////////////////Footer*/

#footer{
height: auto;
max-width: 100%;

display: block;
/* margin: 10px auto 0; */

padding: 2em 7.5% 0px 7.5%;
margin: 0 auto;

text-align: left;
font-size: 1em;
color: #777777;
background-color: #F2F2F2;
position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#footer h3{
max-width: 100%;
min-width: 100%;
width:auto;
height: 100px;
text-indent: -9999px;
background: url(/images/footlogo.png) left top no-repeat;
border-bottom: 1px solid #cfcfcf;
background-size: 100%;
margin: 0 auto;
}

#sns{
position: relative;
display: none;
}

#sns img{
width: 30px;
}




#footmenu{
width: 100%;
max-width: 100%;
height: auto;
display: block;
border-bottom: 1px solid #cfcfcf;
padding-bottom: 30px;
margin: 0 auto;
}

#footmenu ul{
margin-top: 40px;
width: 100%;
min-width: 160px;
height: auto;
display: block;
float: left;

}

#footmenu li{
margin-bottom: 20px;
list-style: none;
font-size: 1em;
height: 2em;
line-height: 2em;
border-bottom: 1px solid #cfcfcf;
}

#footer li a{

text-decoration: none;
color:#6d6d6d;
font-size: .8em;
}

span.foottitle{
font-size: 1em;
font-weight: bold;
display: block;
margin-bottom: 20px;
height: 19px;

padding-top: 0px;
}

.cable{
background: url(../images/conect_icon.png) -5px top no-repeat;
padding-left: 15px;
}
.audio{
background: url(../images/audio_icon.png) -1px top no-repeat;
padding-left: 20px;
}
.gadget{
background: url(../images/gadget_icon.png) -4px top no-repeat;
padding-left: 15px;
}




#about ul{
width: 100%;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 15px;
}

#about li{
list-style: none;
float: none;
margin-left: 10px;
font-size: .8em;

}


    
#footer a{
cursor: pointer;
}

#footer a:hover{
color:#ccc;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 1);
text-decoration: underline;
}

#about{
max-width: 1200px;
margin: 0 auto;
}

    
#buybtn{
    width: 15%;
    position: absolute;
    right:15px;
    top:135px;
    display: none; 
}   
    
    .storeBtn{
    width: 50%;
    height: auto;
    font-size: 1em;
    padding: 1em 2em;
    border-radius: .5em;
    background: gray;
      background: #65c4ff;
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1em;
    display: block;
    text-decoration: none;
}
    
.locateLink li{
    width:90%;
    margin: 0 auto;
    padding: 1em 1em;
    background: gray;
    text-decoration: none;
    color: white;
    margin-bottom: 1em;
    border-radius: 0em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}    

    
    

    
    
/*imagechangesettings*/
    #mainCont2{
        width: 100%;
        font-size: 1em;
        background: #f5f5f5;
        padding-top: 2em;
    }
    
    
    .overText{
        position: absolute;
        width: 80%;

        text-align: left;
        color: white;
        left: 10%;
        bottom: 20%;
    }
    
    #snapcontent dd p{
        font-size: 3vw;
    }
    

    .overText strong{
        font-size: 2.5em;
    }
    
    
    #snapcontent dd strong{
        font-size:5vw !important ;
 
    }
    
    
    #snapcontent dd{
        font-size: 4vw !important;
    }
    
    
    .buycontent dd ul.flex {
        -ms-flex-pack:distribute;
        justify-content:space-around;
        
    }
    
    
    /*切替Content設定*/
    div#mainCont1 dl.buycontent dd {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-right: 0em;
        padding: 3%;
    }
    
    html body div#wrapper div#mainContent.snapproMain div#mainCont1 dl.buycontent dd ul.flex{
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: 4vw;
    }
    html body div#wrapper div#mainContent.snapproMain div#mainCont1 dl.buycontent dd ul.flex li{
        margin: 0;   
    }
    
    /*切替Content設定*/
    
 /*content1*/
    
    html body div#wrapper div#mainContent.snapproMain div#mainImgArea.snappro dl{
        position: relative;
    }
    
    #snapcontent > dl:nth-child(1) > dd:nth-child(2) {
        font-weight: bold;
        left: 5%;
        text-align: left;
        top:auto;
        bottom: .5em !important;
        width: 80%;
        color: white;
        font-weight: bold;
        text-align: left;
        text-shadow: 0 1px black;
    }    
/*content2*/    
    #snapcontent > dl:nth-child(2) > dd:nth-child(2) {
      bottom: 3%;
      color: white;
      font-weight: bold;
      left:5%;
      text-align: left;
      text-shadow: 0 1px black;
      width: 80%;
    }
/*content3*/
    #snapcontent > dl:nth-child(3) > dd:nth-child(2) {
      bottom: 5%;
      color: white;
      font-weight: bold;
      left: 5%;
      text-align: left;
      text-shadow: 0 1px black;
      width: 80%;
    }
/*content4*/
    #snapcontent > dl:nth-child(4) > dd:nth-child(2) {
        bottom: 10%;
        color: white;
        font-weight: bold;
        left: 5%;
        text-align: left;
        text-shadow: 0 1px black;
        width: 80%;
    }
/*content5*/
    #snapcontent > dl:nth-child(5) > dd:nth-child(2) {
        color: white;
        font-weight: bold;
        left: 5%;
        text-align: left;
        text-shadow: 0 1px black;
        top: 15%;
        width: 90%;
    }
/*content6*/
    #snapcontent > dl:nth-child(6) > dd:nth-child(2) {
        color: white;
        font-weight: bold;
        left: 5%;
        text-align: left;
        top:auto;
        bottom: 1%;
        width: 90%;
    }
 /*content7*/   
    #snapcontent > dl:nth-child(7) > dd:nth-child(2) {
        font-size: 1em;
        color: white;
        text-shadow: 0 1px black;
        font-weight: bold;
        left: 5%;
        text-align: left;
        top:auto;
        bottom: 3%;
        width: 90%;
    }
    #snapcontent > dl:nth-child(7) > dd:nth-child(2) strong{
        font-size: 1em;
    }    
    #snapcontent > dl:nth-child(7) > dd:nth-child(2) p{
        font-size: .8em;
    }
/*content8*/
    #snapcontent > dl:nth-child(8) > dd:nth-child(2) {
        color: black;
        text-shadow: 0 1px white;
        font-weight: bold;
        right: 7%;
        text-align: left;
        top: 30%;
        width: 50%;
    }
    

/*styleContent*/
    div#mainCont1 dl.buycontent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top:5em;
        text-align: left;
        background: #ffffff;
        border-top: #2d7eff 5px solid;
        padding-bottom: 3em;
    }
    
    div#mainCont1 dl.buycontent dt,
    div#mainCont1 dl.buycontent dd
    {
        width: 100%;
    }
    
    .switchImages {
      min-height: 250px;
      position: relative;
    }
    
    div#mainCont1 dl.buycontent dd strong {
      display: inline-block;
      font-size: 1.5em;
      margin-bottom: .5em;
      padding-top: 0em;
    }
    div#mainCont1 dl.buycontent dd p {
      font-size: .8em;
        line-height: 1em;
    }
    
    
    
    
    .nopcimg{
        display: block;
    }
    .nosp{
        display: none;
    }
    #mainCont2 p{
        width: 90%;
        margin: 0 auto;
        margin-bottom: 2em;
    }
    #mainCont2 h3{
    width: 95%;    
    font-size: 1.4em;
    margin: 0 auto;
    margin-bottom: 1em;
        text-align: left;
    }
    .imgChanger {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 auto;
      width: 95%;
    }

    .imgChanger li{
        width: 100%;
        margin: 0 auto;
        display: block;
        text-align: left;
        font-size: 1em;

        padding: 1em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.5em;
        background-color: rgba(0,0,0,0) !important;
    }

    .imgChanger li strong{
        display: block;
        margin-bottom: .3em;
        font-size: 1.5em;
    }

    .imgChanger li.nopc{
            display: block;
        margin-bottom: 3em;
        border-bottom: 1px solid #dedede;
    }
    .iphonebg{
        display: none;
    }
    
  .speccont{
        width: 100%;
        height: auto;
        background: url(/images/specbg.jpg);
        background-size: cover;
        margin: 2em 0;
      padding: 0em 0;
      text-align: left;
     
}

.speccont span{
 
}

div.speccont h1.sph1.spech1{
    text-align: left;
width: 80%;
    margin: 0 auto;
    border-bottom: 3px solid black;
    padding-left: 0em;
    padding-bottom: .3em;
    margin-bottom: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.speccont dl{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    width: 80%;
    margin: 0 auto;
    border-bottom: 3px solid black;
    padding-bottom: 2em;
}


.speccont dt{
    width: 100%;
    font-weight: bold;
}

.speccont dd{
    width: 100%;
}

.speccont dt,
.speccont dd{
    margin-bottom: 2em;
}

    .snslinks .flex{
        padding: 0 10%;
    }
    .snslinks .flex li{
        width: 25%;
        font-size: 10px
    }
    .snslinks .flex li img{
        border-radius: 18px;
    }
 
    
.flexDiv{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 100px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fStart{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flexDiv p{
    width: 100%;
    text-align: left;
}

.flexDiv dl{
    width: 100%;
    text-align: left;
    padding: 0 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
    
}
.flexDiv dt{
    font-size: 20px;
    margin-bottom: 1em;
    border-bottom: 1px solid gray;
}
.flexDiv dd{
    font-size: 16px;
    margin-bottom: 10px;
}

.specContainer{
    border: 1px solid gray;
    padding: 20px;
}

body img.imgHF {
    width: 80%;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 5vw;
}
    
    
    body#S2 #mainImgArea{
    width: 100%;
    height: 220px;
    overflow: hidden;
}
    
    
#mainCont1 {
    width: 90%;
    margin: 0 auto;
}

#innerBox {
    width: 100%;
    margin: 0 auto;
    height: auto;
}   
    
div.normalSection {
    padding-bottom: 50px;
    margin-bottom: 80px;
    border-bottom: 1px solid #d6d6d6;
}

div.normalSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}    
    
div.normalSection section, div.normalSection div {
    width: 100%;
    text-align: center;
}    
  
    
div.normalSection section a {
    font-size: 14px;
    padding: 20px 10px;
    border: 2px solid #5c5c5c;
    display: inline-block;
    width: 80%;
    text-align: center;
    
    
    text-decoration: none;
    color: #5c5c5c;
    -webkit-transition: .2s;
    transition: .2s;
    margin: 0 auto;
    
}    
    
  
    
div.normalSection section h5 {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
    margin-top: 30px;
    line-height: 22px;
    text-align: left;
}

    #innerBox > div:nth-child(16) > section > small{
        font-size: 12px;
        color: gray;
    }
    
    
}/*768END*/


#titleTexts{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5c5c5c;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#titleTexts strong{
    font-size: 60px;
    font-weight: bold;
    display: inline-block;
    margin-right: 20px;
    color: #313131;
}



#ISPIN .boxesLong{
    text-align: center;
}

#ISPIN #content5 .boxesLong{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;
    
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

#ISPIN #content5 img{
    width:48%;
    height: auto;
    margin-right: 5%;
}

#ISPIN #content5 .textbox{
    width:40%;
}

#ISPIN #content5 .textbox .linkheader{
    text-align: left;
}

#ISPIN #content5 .textbox p{
    width:100%;
    text-align: left;
}



@media all and (max-width: 768px) {
    #titleTexts strong{
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        width:90%;
    }
    
    #ISPIN .linkaseText br{
        display: none;
    }
    
    #ISPIN #content1_window{
        margin-bottom: 10vh;
    }
    
    #ISPIN #content5 img{
    width:100%;
    height: auto;
    margin-right: 5%;
    }

    #ISPIN #content5 .textbox{
        width:90%;
        margin: 0 auto;
    }
    
    #content6,#content7{
        width: 90%;
        margin: 0 auto;
    }
    
}


#repCont span#storeLink{
    width:auto;
    display: inline-block;
    margin: 0 auto;
}

#storeLink  a{
        text-decoration: none;
        padding: 20px 30px;
        display: inline-block;
        border: 2px solid #5c5c5c;
        color: #5c5c5c;
        font-size: 14px;
        -webkit-transition: .2s;
        transition: .2s;
}








/*LinkaseGolillla*/
#linkase_Gollila_1 {
    max-width: 1170px;
    margin: 10vw auto;
        
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
}
#linkase_Gollila_1 h1 {
    width:70%;
    height: auto;
    display: block;
    margin: 0 auto;
    
}


#linkase_Gollila_1 h1 img {
    width: 100%;
}

#linkase_Gollila_1 p,.gollilaCont p{
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 150%;
    color: #adadad;
    margin-bottom: 50px;
}
small.abslog {
    width:100%;
    max-width: 1170px;
    margin:  0 auto;
    height: auto;
    text-align: right;
    display: block;
}
small.abslog img {
    width:15%;
    height: auto;
}

@media all and (max-width: 768px) {
    #linkase_Gollila_1 p,.gollilaCont p{
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 150%;
        color: #adadad;
        margin-bottom: 20px;
        padding: 0 15px
    }
    small.abslog {
        width:100%;
        max-width: 1170px;
        margin:  0 auto;
        height: auto;
        text-align: center;
        display: block;
    }
    small.abslog img {
        width:30%;
        height: auto;
    }
}

.gollilaCont{
    width: 100%;
    max-width: 1170px;
    height: auto;
    margin: 10vw auto ;
}

.gollilaCont h2{
    font-size:50px;
    letter-spacing: 3px;
    color: #2a2a2a;
    text-align: center;
    line-height: normal;
}

.gollilaCont h2 span{
    font-size: 38px;
    color: #888888;
    font-weight: normal;
    letter-spacing: 20px;
    margin-top: 10px;
    display: inline-block;
}

#cont5.gollilaCont h2 span{
    letter-spacing: 10px;
}

#cont3.gollilaCont h2 span{
    letter-spacing: 18px;
    -webkit-font-feature-settings : "palt";
    font-feature-settings : "palt";
}

#alot.gollilaCont h2 span{
    letter-spacing: 30px;
}


#alot.gollilaCont h2{
    font-size: 42px;
    -webkit-font-feature-settings : "palt";
    font-feature-settings : "palt";
}

#cont6.golillaCont h2 span{
    line-height: 160%;
}

@media all and (max-width: 768px) {
    .gollilaCont h2,
{
        font-size:20px;
        letter-spacing: 3px;
        color: #2a2a2a;
        text-align: center;
    }

    .gollilaCont h2 span{
        font-size: 16px;
        color: #adadad;
        font-weight: normal;
        letter-spacing: 2px;
        margin-top: 10px;
        display: inline-block;
    }

    #cont5.gollilaCont h2 span{
        letter-spacing: 2px;
    }

    #cont3.gollilaCont h2 span{
        letter-spacing: 2px;
        -webkit-font-feature-settings : "palt";
        font-feature-settings : "palt";
    }

    #alot.gollilaCont h2 span{
        letter-spacing: 2px;
    }
    
    #alot.gollilaCont h2{
        font-size: 20px;
        -webkit-font-feature-settings : "palt";
        font-feature-settings : "palt";
        padding: 0 15px;
        line-height: 150%;
    }
    
}


body .mover { -webkit-transition: .6s; transition: .6s; opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); }
body .mover.active { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }


#newmess{
    letter-spacing: 2px !important;
    line-height: 160%;
}



#buybtn {
    width: 140px;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;

    background: #08c10f;
    text-decoration: none;
    color: white;
    border-radius: 180px;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 4%;
    top: 370px;
    z-index: 10000;

    
    
}



#buybtn i {
    display: block;
    width: 100%;
    font-size: 35px;
}


@media all and (max-width: 768px) {
    #buybtn{
        width:15vw;
        height: 15vw;
        font-size: 19px;
        top:20vh;
    }
    #buybtn i{

        font-size: 15px;
    }
}