body { width:100%;
         font-size: 11px;
         color:#555555;
         text-align:center;
		 margin:0 auto;
         background:#fff;
         font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
		 -webkit-text-size-adjust: 100%; }

* { margin: 0; padding: 0; font-size:100%; }

img    { border: 0px;
                 font-size:0;
				 vertical-align:middle;
				 -webkit-backface-visibility:hidden; }
.clear { clear:both; }
strong { font-weight:normal; }
em     { font-style:normal; }

a:link    { text-decoration:none; color:#0676fc; }

ul { list-style-type:none;
            list-style-image:none;
			overflow:hidden; }

.hide_sp { display:none; }


/*ページ遷移時フェードイン*/

#home {	animation: fadein 1s forwards; }

@keyframes fadein {
	0% {opacity: 0.5}
	100% {opacity: 1}
}


/* 基本レイアウト */

#header { width:100%;
               margin:0 auto;
               text-align:center;
			   overflow:hidden; }

#main { width:100%;
               margin:0 auto;
               text-align:left;
			   overflow:hidden; }

#background01 { width:100%;
                   background: linear-gradient(#f2f2f2, #f7f7f7);
				   overflow:hidden; }



/* header */

#header h1 { min-width:90vw;
                height:;
				line-height:1.3;
				padding:min(4vw,15px) min(4.5vw,17px) min(4vw,15px) min(5.5vw,20px);
				text-align:center;
				font-size:min(6.4vw,24px);
				color:#fff;
				background:#b7c200;
				overflow:hidden;
				/*
				overflow:hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				*/
				/* フェードイン・アニメーション・左から右 */
				/*
				animation-name: fadeleft01;
				animation-duration: 0.5s;
				animation-iteration-count:1;
				*/ }

@keyframes fadeleft01 {
from { opacity: 0;
               transform: translateX(150px); }
to   { opacity: 1;
               transform: translateX(0); }
}

#header h1 a { text-decoration:none; color:#fff; }

#total { display:none; }

/*
#header p { width:95%;
                line-height:1.4;
				padding:10px 2.5%;
				text-align:left;
				font-size:12px;
				color:#fff;
				background:#c1cd00;
				overflow:hidden; }
*/

#header p { min-width:90vw;
                line-height:1.5;
				padding:0 min(4.5vw,17px) min(4vw,15px) min(5.5vw,20px);
				text-align:left;
				font-size:min(4vw,15px);
				color:#fff;
				background:#b7c200;
				border-bottom:solid 3px #a3ad00;
				overflow:hidden; }

@media screen and (max-width: 374px) {
#header p { font-size:14px; }
}

#header p a { text-decoration:none; color:#fff; }





/* ページ先頭へ戻る */

#page-top { position: fixed;
            bottom: min(8.125vw,30px);
			right: 2%;
			font-size:min(3.2vw,13px);
			z-index:99; }

#page-top a { background:#42382a url(image/bg_page-top.png) no-repeat left bottom;
			  background-size:contain;
              text-decoration: none;
			  color: #fff;
			  width:min(14vw,53px);
			  height:min(12vw,45px);
			  padding:min(4vw,15px) min(1vw,4px) 0;
			  line-height:1.3;
			  text-align: center;
			  display: block;
			  border-radius: 16vw; }








/* グローバルナビゲーション */

.nav { width:100%;
                 height:auto;
				 clear:both; }

.nav ul { width:100%;
                 margin:0 auto; }

.nav span { display:none; }

.nav li { width:20%;
                 height: min(15.2vw,57px);
				 margin-bottom:min(2.4vw,9px);
				 overflow:hidden;
				 float:left; display:inline; }

.nav li.nav00 { width:80%;
                    text-align:left; }
.nav li img { width:90%;
                    padding:1.5vw 0 0 1.5vw; }

.nav li.nav04,
.nav li.nav01,
.nav li.nav02 { display:none; }

.glb a:before { content: attr(data-label); }

.nav li.nav00 a:before { /*疑似要素*/
                            content: '';
							display: inline-block;
							width: min(80%,240px);
							height: min(13.33vw,50px);
							margin:min(2vw,8px) 0 0 1.4vw;
							background-image: url(image/logo_sjwcc.png);
							background-repeat: no-repeat;
							background-size: contain;
							/*vertical-align: middle;*/ }

.nav a        { display: block;
                width:100%;
				height:100%;
				line-height:min(25.6vw,88px);
				color:#42382a;
				font-size:min(3.47vw,13px);
				text-decoration:none; }


@media screen and (max-width: 374px) {
.nav a { line-height:24vw; }
}


.nav li.nav01 a { background: url(image/glnav_sp01.png) no-repeat center top; background-size:min(90%,68px); }
.nav li.nav02 a { background: url(image/glnav_sp02.png) no-repeat center top; background-size:min(90%,68px); }
.nav li.nav04 a { background: url(image/glnav_sp04.png) no-repeat center top; background-size:min(90%,68px); }
.nav li.nav05 a { background: url(image/glnav_sp05b.png) no-repeat center top; background-size:min(100%,78px); }
.nav li.nav05 a:before { content: ''; }



.fixed { position: fixed;
         top: 0;
		 left: 0;
		 width:100%;
		 height:auto;
		 text-align:center;
		 background:#42382a;
		 border-bottom:solid 1px #fff;
		 z-index:99; }


.fixed li.nav00 { width:19.6%;
                          text-align:center;
						  overflow:hidden;
						  float:left; display:inline; }

.fixed li { width:19.6%;
                 height:min(15.5vw,58px);
				 margin-bottom:0;
				 border-right:solid 0.35vw #605546;
				 overflow:hidden;
				 float:left; display:inline; }

.fixed li.nav05 { border-right:none; }

.glb a:before { content: attr(data-label); }

.fixed li a { color:#fff; }

.fixed li.nav00 a:before,
.fixed li.nav05 a:before { content: attr(data-label);
                                    background-image:none;
									margin:0 0 min(1vw,4px) 0; }

.fixed li.nav00 a { background: url(image/glnav_sp00.png) no-repeat center top; background-size:min(90%,66px); }
.fixed li.nav05 a { background: url(image/glnav_sp05.png) no-repeat center top; background-size:min(92%,70px); }

.fixed li.nav04,
.fixed li.nav01,
.fixed li.nav02 { display:inline; }





/* パンくずリスト */

#pankuzu { width:100%;
                height:26px;
				font-size:13px;
				color:#736242;
                text-align:left;
                background:#fafafa;
				border-top:solid 1px #eee;
				border-bottom:solid 1px #e5e5e5;
				overflow:hidden;
                clear:both; }

#pankuzu ul { width:auto;
                margin-left:3%;
				background: url(image/ic_home.png) no-repeat left center;
				background-size:18px;
				overflow:hidden; }

#pankuzu li { height:26px;
                line-height:23px;
                padding: 0 14px 0 6.5%;
                background: url(image/arrow_pankuzu.gif) no-repeat right center;
                float:left; display:inline; }

#pankuzu img  { width:18px;
						   margin:11px 0 0 5px; }




/* PICK UP！特選スタジオ(ランダム表示カバー写真) */

#newtopix { width:100%;
                      height:auto;
					  text-align:left;
					  overflow:hidden; }

#newtopix a   { font-size: min(3.46vw, 15px);
                      font-weight:bold;
					  text-decoration:none; color:#fff; }



#random_studio { width:100%;
                      height:auto;
					  margin-bottom:1px;
					  overflow:hidden;
					  position: relative; }

#random_studio:before { content: "";
                      top: 0;
					  right: 0;
					  border-bottom: 12.5vw solid transparent;
					  border-right: 12.5vw solid #ffc600; /* ラベルの色 */
					  position: absolute;
					  z-index: 1; }

#random_studio:after { content: "特 選";
                      display: block;
					  top: 1.87vw;
					  font-size: min(3.46vw, 15px);
					  transform: rotate(45deg);
					  color: #fff; /* 文字色 */
					  right: 0.54vw;
					  position: absolute;
					  z-index: 2; }

.coverphoto { width:100%;
                      height:auto;
					  margin:0;
					  overflow:hidden; }

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

.covername { width:100%;
                      height: min(7.5vw, 30px);
					  line-height: min(7.5vw, 30px);
					  background:#9b9895;
					  overflow:hidden;
					  position: relative; }

.covername span { padding:0 1.56vw;
                      height:100%;
					  margin-right:1.56vw;
					  line-height: min(7.5vw, 30px);
					  font-size: min(3.4vw, 14px);
					  color:#fff;
					  /*background:#4c4030;*/
					  display:inline-block; }




/* 新着スタジオ情報(最新4件) */

#newstudio { width:100%;
                      height:auto;
					  overflow:hidden; }

#newstudio a   { font-size: min(3.46vw, 15px); }

.pr_studio { width:calc(50% - 1px);
                      height:auto;
					  border-bottom:solid 1px #fff;
					  overflow:hidden;
					  float:left; display:inline;
					  position: relative; }

.pr_studio:nth-child(2n) { float:right; }

.pr_studio:after { content: "NEW";
                      display: block;
					  top: 1.87vw;
					  right: -5.6vw;
					  padding:0 5.4vw;
					  font-size: min(3vw, 12px);
					  transform: rotate(45deg);
					  color: #fff; /* 文字色 */
					  background:#fd046c;
					  position: absolute;
					  z-index: 91; }

.pr_photo { width:100%;
                      height:auto;
					  overflow:hidden; }

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

.pr_text { width:100%;
                      height: min(7.5vw, 30px);
					  line-height: min(7.5vw, 30px);
					  background:#9b9895;
					  color:#fff;
					  overflow:hidden;
					  position: relative;
					  white-space: nowrap;
					  text-overflow: ellipsis; }
					  
.pr_text span { padding:0 1.25vw;
                      height:100%;
					  margin-right:0.32vw;
					  line-height: min(7.5vw, 30px);
					  font-size: min(3.4vw, 14px);
					  display:inline-block;
					  width:3em;
					  text-align:center; }

.pr_red    { background: #c74355; }
.pr_orange { background: #f69100; }
.pr_blue   { background: #2f90b3; }
.pr_green  { background: #a6a713; }

.pr_new { padding:0 1.875vw;
              margin-left:0.625vw;
			  background:#ff006b;
			  border-radius: 2.2vw; }





/* 人気・注目のまとめ */

#background02 { width:100%;
                    background: linear-gradient(#f1f1f1, #eee);
					border-top:solid 2px #fff;
					padding:6vw 0 3vw;
					overflow:hidden; }

.pic_sele_title { width:auto;
                    font-size: min(6.4vw, 26px);
					text-align:center;
					color:#463f2d; }

.pic_sele li { width:92vw;
                    height:auto;
					border-bottom:solid 1px #e1e1e1;
					padding:2vw;
					margin:0 2vw 2vw;
					background:#fff;
					overflow:hidden;
					position:relative; }

/*
.pic_sele li:before { content: "";
                      bottom:1vw;
					  right: 1%;
					  border-top: 1.8em solid transparent;
					  border-right: 1.8em solid #635031;
					  position: absolute;
					  z-index: 90; }
*/

.pic_sele li:first-child { margin-top:3vw; }
.pic_sele li:last-child  { margin-right:0px;
                           margin-bottom:3vw; }


.pic_sele_name { width: 57%;
                    height:96%;
					margin-left:3%;
					font-size: min(4.54vw, 17px);
					text-align:left;
					line-height:1.3;
					padding-top:4%;
					border-top: solid min(1.1vw, 5px) #42382a;
                    float:left;
					display:inline-block;
					overflow:hidden; }

.pic_sele_photo { width: 40%;
                    height:31VW;
                    float:left;
					display:inline-block;
					overflow:hidden; }

.pic_sele img { width:auto;
                    height: 31VW; }


@media (min-width: 414px) {
.pic_sele_name { width: calc(100% - 165px - 13px);
                                       margin-left: 13px; }

.pic_sele_photo { width: 165px;
                        height:130px; }

.pic_sele img { height: 130px; }
}

.pic_sele a { display: block;
                             width: 100%;
							 height:100%;
							 color:#463f2d;
							 text-decoration:none; }



/* エリア・タイプでさがす */

#background03 { width:100%;
                  background: linear-gradient(#eee, #eee);
				  padding-bottom:4vw;
				  overflow:hidden; }

#homemenu_area,
#homemenu_type { width:92vw;
                  height:auto;
				  text-align:center;
				  background:#fff;
				  margin: 2vw;
				  padding: 2vw;
				  border-radius:0;
				  overflow:hidden; }

#homemenu_area h2,
#homemenu_type h2 { width:auto;
                       height: min(18.75vw, 78px);
					   line-height: min(17.5vw, 73px);
					   font-size: min(5.3vw, 22px);
					   color:#463f2d;
					   border-top: solid 1.1vw #42382a;
					   background: linear-gradient(#fff, #fff); }

#homemenu_area h2:before,
#homemenu_type h2:before {/*疑似要素*/
                            content: '';
							display: inline-block;
							width: min(8vw, 34px);
							height: min(8vw, 34px);
							margin: -1.5vw 1.3vw 0 -4.7vw;
							background-image: url(image/homemenu_area.png);
							background-size: contain;
							vertical-align: middle; }

#homemenu_type h2:before { background-image: url(image/homemenu_type.png); }


.search_space,
.search_type { width:100%;
                   height:auto;
				   background: linear-gradient(#f3f3f3, #fff);
				   overflow:hidden;
				   position: relative; }

.search_space { height:min(72vw, 320px); }




/* 都道府県別検索 */

.search_spot { width: min(99%, 410px);
                height:auto;
                font-size: min(4.38vw, 18px);
				overflow:hidden;
				position: absolute;
				top:2vw;
				left:1vw; }

.search_spot li { height: min(15.6vw, 66px);
                    width: min(17%, 66px);
					line-height: min(15.6vw, 66px);
					margin-right: min(1.1vw, 5px);
					margin-bottom: min(-1.1vw, -5px);
					color:#ccc;
					background:#fffefd;
					border:solid min(0.8vw, 4px) #dfdbd6;
					border-radius:17vw;
					float:left; display:inline;
					overflow:hidden; }

.search_spot li:first-child  { font-weight:bold;
                               background:#f8eff0;
							   border:solid min(0.8vw, 4px) #d1a9ae; }

.search_spot li:nth-child(5),
.search_spot li:nth-child(6) { font-weight:bold;
                               border:solid min(0.8vw, 4px) #b9aea0; }

.search_spot li:nth-child(6) { margin-left: min(9vw, 38px);
                               letter-spacing:0.5em;
							   text-indent:0.5em; }

.search_spot li:nth-child(6),
.search_spot li:nth-child(7),
.search_spot li:nth-child(8) { margin-bottom: 0; }

.search_spot li a { display: block;
                             width: 100%;
							 height:100%;
							 color:#736242;
							 text-decoration:none; }

.search_spot li:first-child a { color:#c74355; }





/* エリアで探す(日本地図) */

.search_map li { text-align:center;
				   border-radius:0.63vw;
				   font-weight:bold;
				   font-size: min(4.27vw, 18px);
				   line-height:1.2;
				   overflow:hidden;
				   position: absolute; }

.search_map span { display:block; }

.jmp03,.jmp04,.jmp06,.jmp07 { width:18%; }
.jmp01,.jmp02,.jmp05 { width:20%; }

.jmp02,.jmp05,.jmp06,.jmp07 { height:min(31.25vw, 138px); }
.jmp03,.jmp04 { height: min(15vw, 66px); }
.jmp01 { height: min(15vw, 66px); }

.jmp01 { bottom:min(35.6vw, calc(138px + 3.7vw)); right:0; }
.jmp02 { bottom:2.5vw; right:0; }
.jmp03 { bottom: min(18.75vw, calc(66px + 3.7vw)); right:21.5%; }
.jmp04 { bottom:2.5vw; right:21.5%; }
.jmp05 { bottom:2.5vw; right:41%; }
.jmp06 { bottom:2.5vw; right:62.5%; }
.jmp07 { bottom:2.5vw; right:82%; }

.jmp01 span { padding-top:2vw; }
.jmp03 span { padding-top:2vw; }
.jmp04 span { padding-top: min(4.8vw, 22px); }
.jmp02 span,.jmp05 span     { padding-top: min(12.5vw, 60px); }
.jmp06 span,.jmp07 span     { padding-top: min(9.375vw, 45px); }

.jmp01,
.jmp03,
.jmp06,
.jmp07 { background: linear-gradient(#c2b7a7, #b8ab99); }
.jmp02 { background: linear-gradient(#3db3dd, #2f90b3); }
.jmp04 { background: linear-gradient(#7e7262, #6c6254); }
.jmp05 { background: linear-gradient(#f6b900, #f69100); }

.search_map a { display: block;
                 width: 100%;
				 height:100%;
				 color:#fff;
				 text-decoration:none; }



/* 汎用ボタン */

.bt_base { width:auto;
                   height:auto;
				   overflow:hidden; }

.bt01,
.bt02 { width:auto;
                  height: min(12.8vw, 54px);
				  line-height: min(12.6vw, 52px);
				  text-align:center;
				  font-size: min(4.8vw, 18px);
				  border:solid 1px #493e2f;
				  border-radius:1vw;
				  overflow:hidden; }

.bt02 { width:92vw;
                  margin:0 auto; }

.bt01 a,
.bt02 a { display: block;
                       width: 100%;
					   height:100%;
					   text-decoration:none;
					   color:#fff;
					   background: linear-gradient(#4b4337, #42382a); }

.bt01 a:before,
.bt02 a:before {/*疑似要素*/
                       content: '';
					   display: inline-block;
					   width: min(6vw, 23px);
					   height: min(6vw, 23px);
					   margin: -0.7vw 1.25vw 0 0;
					   background-image: url(image/ic_bt01.png);
					   background-size: contain;
					   vertical-align: middle; }




/* タイプ別検索×6件 */

.search_type ul { margin:0; }

.search_type li { height:auto;
                    width:49%;
					margin-bottom: 2vw;
					font-size: min(4.38vw, 17px);
					font-weight:bold;
					color:#fff;
					background:#000;
					float:left; display:inline;
					overflow:hidden;
					position:relative; }

.search_type li:nth-child(2n) { float:right; }
.search_type li:last-child { margin-bottom: 2.5vw; }

@media (min-width: 480px) {
.search_type li { width:32.66%;
                      margin-right:1%;
					  margin-bottom: 1vw;
					  font-size: 17px; }
.search_type li:nth-child(2n) { float:left; }
.search_type li:nth-child(3n) {  margin-right:0;
                                        float:right; }
}

.search_type span { height:auto;
                    width:100%;
					padding-top:33%;
					display:block;
					overflow:hidden;
					position:absolute;
					top:0;
					left:0;
					z-index:88; }

.search_type img { height:auto;
                    width:150%;
					opacity:0.6; }

.search_type a { display: block;
                             width: 100%;
							 height:100%;
							 color:#fff;
							 text-decoration:none; }




/* タイトル帯・メインコンテンツ汎用 */

.tt600a { width:auto;
                      font-size: 6.14vw;
					  text-align:center;
					  line-height:1.3;
                      padding: 5.4vw 3vw;
					  margin-bottom:1px;
                      color:#463f2d;
                      border-top: solid 4px #6c6254;
					  background: linear-gradient(#faf8f5, #f5f3f0);
					  overflow:hidden;
				      clear:both; }




/* プレミラプラン掲載枠 */

.swaku { width:49.8%;
              margin: 1px 0 0;
			  padding-bottom:12px;
			  text-align:left;
			  background:#f3f3f3;
			  overflow:hidden;
			  float:left; display:inline; }

.swaku:nth-child(2n) { float:right; }

.swaku:last-child { margin-bottom: 1px; }

.swaku div { width:100%;
                color:#665544;
				font-weight:normal;
				position: relative;
				overflow:hidden; }

.swaku img { width:100%; height:30vw; }

.stab { position: absolute;
				  display:block;
				  top: 0;
				  left: 0;
				  color: #fff;
				  font-size:3vw;
				  padding: 0.54vw 1.34vw 0.27vw;
				  z-index: 92;
				  width:3em;
				  text-align:center; }

@media (max-width: 374px) {
.stab { font-size:11px; }
}

.swaku div:before{/*疑似要素*/
                  position: absolute;
				  display:block;
				  top: 0;
				  left: 0;
				  color: #fff;
				  font-size:3vw;
				  padding: 0.54vw 1.34vw 0.27vw;
				  z-index: 92; }

@media (max-width: 374px) {
.swaku div:before { font-size:11px; }
}


.area_red:before{ content: '東京都';
                  background: #c74355; }

.area_orange:before{ background: #f69100; }
.area_blue:before  { background: #2f90b3; }
.area_green:before { background: #a6a713; }

.tab_osaka:before{ content: '大阪府'; }
.tab_kyoto:before{ content: '京都府'; }
.tab_hyogo:before{ content: '兵庫県'; }

.tab_kanagawa:before{ content: '神奈川'; }
.tab_chiba:before   { content: '千葉県'; }
.tab_tochigi:before { content: '栃木県'; }
.tab_saitama:before { content: '埼玉県'; }

.tab_aichi:before   { content: '愛知県'; }

.swaku a { display: block;
                 width: 100%;
				 height:auto;
				 font-size:14px;
				 font-weight:bold;
				 margin-bottom:1.25vw;
			     text-decoration:none;
				 text-align:left;
			     color:#007bbb;
				 background:#fff; }

@media (min-width: 321px) {
.swaku a { font-size:4vw; }
}



.swaku a span { display:inline-block;
                 width: 95%;
				 height:2.3em;
				 line-height:2.2em;
				 margin:0 2.5%;
				 overflow: hidden;
				 white-space: nowrap;
				 text-overflow: ellipsis; }

.swaku p { width:94%;
                height:2.6em;
				padding:0 3%;
				color:#333;
				font-size:3.2vw;
				font-weight:normal;
				line-height:1.3;
				
				text-align:justify;
				text-justify:inter-ideograph;
				word-break:break-all;
				
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow:hidden; }

@media (max-width: 374px) {
.swaku p { font-size:12px; }
}

@media (min-width: 481px) {
.swaku p { font-size:2.7vw; }
}

.swaku b { font-weight:normal;
				font-size:3.2vw; }

@media (max-width: 374px) {
.swaku b { font-size:12px; }
}


.swaku_new { width:100%;
              margin: 0;
			  padding-bottom:6vw;
			  text-align:left;
			  overflow:hidden; }

.swaku_new .stab { font-size:3.47vw;
				   padding: 0.54vw 2vw 0.27vw; }

@media (max-width: 374px) {
.swaku_new .stab { font-size:12px; }
}


.swaku_new img { width:100%; height:60vw; }

.swaku_new div { position:relative; }

.swaku_new div:after { content: "NEW";
                      display: block;
					  top: 1.87vw;
					  right: -5.6vw;
					  padding:0 5.4vw;
					  font-size:3vw;
					  font-weight:bold;
					  transform: rotate(45deg);
					  color: #fff; /* 文字色 */
					  background:#fd046c;
					  position: absolute;
					  z-index: 96; }

@media (min-width: 321px) {
.swaku_new a { font-size:5.1vw; }
.swaku_new p { font-size:3.74vw; }
}




/* フッター新着スタジオ紹介 */

#newst { width:100%;
				  background: #eeebe7;
				  word-break:break-all;
				  overflow:hidden;
				  clear:both; }

#newst_inner h3 { width:auto;
                   height:min(12vw,54px);
				   line-height:min(12vw,54px);
				   text-align:left;
				   font-size:min(4.8vw,20px);
				   font-weight:normal;
				   color:#fff;
				   margin-bottom:min(0.6vw,3px);
				   background:#42382a;
				   overflow:hidden; }

#newst_inner h3:before {/*疑似要素*/
                       content: '';
					   display: inline-block;
					   width: min(9vw,40px);
					   height: min(9vw,40px);
					   margin-top: min(-0.8vw,-4px);
					   background-image: url(image/ic_mglass.png);
					   background-size: contain;
					   vertical-align: middle; }

#newst ul { width:auto; }

#newst li { width:calc(33.33% - 1px );
                  height:auto;
				  text-align:center;
				  color:#665544;
				  line-height:1.25;
				  margin-right:1px;
				  margin-bottom:1px;
				  background:#fff;
				  float:left; display:inline;
				  overflow:hidden;
				  position: relative; }

#newst li:after { content: "NEW";
                      display: block;
					  top: 1.87vw;
					  right: -5.6vw;
					  padding:0 5.4vw;
					  font-size:min(3vw,12px);
					  font-weight:bold;
					  transform: rotate(45deg);
					  color: #fff; /* 文字色 */
					  background:#fd046c;
					  position: absolute;
					  z-index: 91; }

@media screen and (max-width: 374px) {
#newst li:after { font-size:11px; }
}


#newst ul img { width:100%;
                   height:auto;
                   margin-bottom:min(1.25vw,5px); }

#newst span      { width:auto;
                      font-size:min(3.2vw,12px);
					  color:#fff;
                      padding:min(0.625vw,3px) 0 min(0.94vw,4px);
					  margin:0 3.5% 3.5%;
					  border-radius:3.13vw;
					  display:block; }

@media screen and (max-width: 374px) {
#newst span { font-size:11px; }
}

.nst_red    { background:#c74355; } /* .s6newと兼用 */
.nst_blue   { background:#2f90b3; } /* .s6newと兼用 */
.nst_orange { background:#f69100; } /* .s6newと兼用 */
.nst_green  { background:#a6a713; } /* .s6newと兼用 */

#newst a       { display:inline-block;
                 width:auto;
				 height:33vw;
				 margin-bottom:0.3em;
				 font-size:min(3.74vw,15px);
				 font-weight:bold;
				 text-decoration:none; color:#007bbb;
				 overflow:hidden; }




/* footer */

.end_spacer { display:none; }

#footer { clear:both;
               width:100%;
			   text-align:center;
               overflow:hidden;
			   background:#42382a;
			   border-top:solid 1px #ddd; }

#footer_home { clear:both;
               width:100%;
			   text-align:center;
			   background:#4d473e;
			   overflow:hidden; }

#ft_3rd { min-width:94vw;
                  padding:min(3.2vw,14px) min(3vw,12px) 0;
				  margin:0 auto;
				  text-align:left;
				  font-size:min(3.47vw,16px);
				  color:#fff;
				  overflow:hidden; }

@media screen and (max-width: 374px) {
#ft_3rd { font-size:13px; }
}

#ft_3rd a { text-decoration:none;
                  color:#e8e1d7; }
#ft_3rd dt a,
#ft_3rd h3 a { color:#fff; }

#ft_3rd h3 { width:100%;
                  margin-bottom:min(2.14vw,12px);
				  font-size:min(4.27vw,20px);
				  overflow:hidden; }

#ft_3rd dl,
#ft_3rd dt,
#ft_3rd dd { width:100%;
                  overflow:hidden;
				  color:#b2a99c; }

#ft_3rd dl { margin-bottom:min(2.14vw,10px); }
#ft_3rd dt { font-weight:bold;
                  color:#fff; }

.ft_3rd_area,
.ft_3rd_type,
.ft_3rd_free { width:100%;
                 overflow:hidden;
				 margin-bottom:min(4vw,16px); }
.ft_3rd_area ul,
.ft_3rd_type ul,
.ft_3rd_free ul { width:auto;
                      overflow:hidden; }

.ft_3rd_type ul { margin:1vw 0 5vw; }

.ft_3rd_area li,
.ft_3rd_type li,
.ft_3rd_free li { width:auto;
                      height:auto;
					  margin-right: min(1.6vw,6px);
					  padding-right:min(1.6vw,6px);
					  float:left; display:inline;
					  overflow:hidden; }

#ft_1st { width:100%;
			   padding-top:min(1.6vw,6px);
               text-align:center;
               overflow:hidden; }

#ft_1st ul { width:auto;
			 padding-left:1.5%; }

#ft_1st li { font-size:min(3.47vw,15px);
                  width:31%;
				  height:min(9.1vw,44px);
				  line-height:min(9.1vw,44px);
				  margin:0 1.5% min(1.6vw,9px) 0;
				  text-align:center;
                  display:inline-block;
				  background:#4d473e;
				  border-radius: 0.3vw;
				  /display:inline;/*for IE6,7*/
				  /zoom:1;        /*for IE6,7*/ }

@media screen and (max-width: 374px) {
#ft_1st li { font-size:13px; }
}

#ft_1st ul li a { display:inline-block;
                            width:100%;
					       height:100%;
						   text-decoration:none;
						   color:#fff; }

#ft_2nd { clear:both;
                  width:100%;
			      height:min(36vw,135px);
				  text-align:left;
				  color:#fff;
                  background:#f6f6f6 url(image/logo_jwcc_sp.png) no-repeat left bottom;
				  background-size:min(100%,375px); }

#ft_2nd p,
#ft_2nd div { width:94%;
               height:min(15vw,56px);
			   padding:min(2.2vw,9px) 3% 0 3%;
			   font-size:min(2.94vw,14px);
			   line-height:1.4;
			   color:#463f2d;
			   background:#ebebeb;/*#b7c200*/ }

@media screen and (max-width: 374px) {
#ft_2nd p,
#ft_2nd div { font-size:11px; }
}

#ft_2nd ol { list-style-type:none;
               list-style-image:none;
			   font-size:min(3.75vw,15px);
			   line-height:1.8;
			   overflow:hidden;
			   float:left; display:inline; }

#ft_2nd li { float:left; display:inline; }

#ft_2nd li:before {/*疑似要素*/
                       content: '＞';
					   display: inline-block;
					   margin: 0 min(1.34vw,6px); }

#ft_2nd li:first-child { margin-left: -1.5em; }

#ft_2nd a    { text-decoration:none; color:#463f2d; }

#copyrights { clear:both;
                    width:auto;
                    height:min(6.25vw,24px);
					color:#fff;
					line-height:min(6.25vw,24px);
                    font-size:min(3.1vw,12px);
					background:#42382a; }

@media screen and (max-width: 374px) {
#copyrights { font-size:11px; }
}