@charset "utf-8";

/*===============================================
●  〜640px
===============================================*/
@media screen and (max-width: 640px)
{

/* ガードウェア
============================================================================== */
.gwl { width:calc(100% - 20px); height:auto; margin: 10px 0px 10px 10px; text-align: center; }
.gwr { width:calc(100% - 20px); height:auto; margin: 10px 0 10px 10px; }

.gwf { width:calc(100% - 20px); height:auto; margin: 10px 0px 20px 10px; }
.gwfr { width:calc(100% - 20px); height:auto; margin: 10px 0px 40px 10px; }

img.t5 { display:none; }

.thumb li { margin: 0px 2px 2px 0px; display: block; float: left; height:44px;}

.gwf16 {font-size: 16px; margin:3px 0 0 0; padding: 0 0 3px 0 ; border-bottom:1px #000 solid;}
.gwf12 {font-size: 12px; margin:5px 0 0 0; }

.r4{margin:0 4px 0px 0;  padding:0;}
.r0{margin:0 0 0px 0; padding:0; }

.gwp { width:calc(100% - 20px); height:auto; margin: 10px 0px 10px 10px; }
.gwp li {float: left; width: 100%;}
.gwp li img {width: 100%; height: auto; margin: 0 0 5px 0; }

}

/*===============================================
●  641px〜
===============================================*/
@media screen and (min-width: 641px),print
{

/* ガードウェア
============================================================================== */
.gwl { width:385px; height:166px; float:left; margin: 5px 0px 10px 0px; }
.gwr { width:535px; height:166px; float:left; margin: 5px 0 10px 40px; }

.gwf { width:306px; height:319px; float:left; margin: 5px 21px 10px 0; }
.gwfr { width:306px; height:319px; float:left; margin: 5px 0 10px 0; }

.thumb li { margin: 0px 2px 2px 0px; display: block; float: left; height:44px;}

.gwf16 {font-size: 16px; margin:3px 0 0 0; padding: 0 0 3px 0 ; border-bottom:1px #000 solid;}
.gwf12 {font-size: 12px; margin:5px 0 0 0; }

.r4{margin:0 4px 0px 0;  padding:0;}
.r0{margin:0 0 0px 0; padding:0; }

.gwp {margin:0; padding:0; }
.gwp li {float: left; margin:0; padding:0;}

}