@charset "utf-8";
/* CSS Document */

 @media screen and (min-width: 480px) and (max-width: 667px) {
	 
	 img {
max-width: 100%;
height: auto;
width /***/:auto}


    .main-contents ul li {
	width: 50%;	/* スマホを横にしたときはリストを2列にする*/
}

.main-contents ul li img {
	width: 98%;	/*リスト内の画像を収めつつ横に並んだ時にピッタリくっつくのを防ぐ*/
}


.globalnavi ul li {
	width:33.33%;	/*メニュー幅*/
}

.menu-navi ul li {
	width:33.33%;	/*メニュー幅*/
}

.menu-card  {
	width:100%;   /*メニュー幅*/
}

.menu-card2  {
	width:100%;   /*メニュー幅*/
}

.viewer ul li {
	width:80%;	/*メニュー幅*/
}
.gridWrapper {
    width:100%;
}
.gridcolLight{
    width:100%;
}
.gridcolDark{
    width:100%;
}
.contents2{
    width:100%;
    font-size:90%;
}
.contens3{
    width:80%;
    border-radius:10px;
    text-align: left;
}
.contents4{
    width:100%;
    font-size:90%;    
}
}
@media screen and (max-width:479px) {
	
	img {
max-width: 100%;
height: auto;
width /***/:auto}

.main-contents ul li {
	width: 100%;	/* スマホを縦にしたときはリストを1列にする*/
}

.globalnavi ul li {
	width:50%;	/*メニュー幅*/
}

.menu-navi ul li {
	width:50%;	/*メニュー幅*/
}

.menu-card  {
	width:100%;  /*メニュー幅*/
}

.menu-card2  {
	width:100%;  /*メニュー幅*/
}

.viewer ul li {
	width:80%;	/*メニュー幅*/
}
.gridWrapper {
    width:100%;
}
.gridcolLight{
    width:100%;
}
.gridcolDark{
    width:100%;
}
.contents2{
    width:100%;
    font-size:90%;
}
.contens3{
    width:80%;
    border-radius:10px;
    text-align: left;
}
.contents4{
    width:100%;
    font-size:90%;
}
.share span		{display: inline-block;
				text-indent: -9999px}

}