@charset "utf-8";

@import url("style.min.css");
@import url("bootstrap.css");
@import url("reset.css");
@import url("../js/prettyPhoto/css/prettyPhoto.css");

/* 201510からimport */
@import url("layout.201510.css");



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

body,html{ margin:0; padding:0;}

body{ position:relative;}

/* 201608 campaign */
.floatbnr_pc{ display:block; margin:0; padding:0; width:100px; position:absolute; top:190px; right:0;}
.floatbnr_pc *{ margin:0; padding: 0;}
.floatbnr_pc img{ display:block; margin:0; padding:0;}
.floatbnr_pc .floatbnr_close{ position:absolute; top: 0; right: 0;}
.floatbnr_sm{ display:none;}
/* end */

.pc-block{ display:block;}
.pc-inline{ display:inline;}
.sm-block,.sm-inline{ display:none;}

#HC{ margin:0; padding:0; background:#EB6100;}
#HC .hc-wapper{ 
	margin:0 auto; 
	padding:0; 
	height:100px; 
	width:960px; 
	/* width:100%;  */
	background:#EB6100; 
	position:relative;}
#HC .hc-logo{ margin:0; padding:0; position:absolute; top:20px; left:0;}
#HC .hc-txt{ margin:0; padding:0; position:absolute; top:30px; left:500px;}
#HC .hc-search{ margin:0px; padding:0; position:absolute; top:20px; right:0;}
#HC .hc-helpfeel{ margin:0px; padding:0; position:absolute; top:-2px; right:0;}
#HC .hc-sns{ margin:0; padding:0; position:absolute; top:60px; right:0;}
#HC .hc-sns *{ margin:0; padding:0;}
#HC .hc-sns-facebook{ width:100px; float:left;}
#HC .hc-sns-twitter{  width:100px; float:left; text-align:right;}

}

#IECompatibility{ display:none;}

/* #GM{ margin:0px 0 0 0; padding:0;} */

#GM ul.gm_new{ 
	margin:0 auto;
	 padding:0; 
	 width:960px; 
	 /* width:100%;  */
	 list-style:none;}
#GM ul.gm_new li{ margin:0; padding:0; float:left;}
#GM ul.gm_new li a{ display:block; margin:0; padding:4px 0; border-left:solid 1px #999999;}
#GM ul.gm_new li a span{ display:block; margin:0 4px; padding:8px 0; text-align:center; border-bottom:solid 3px #FFFFFF;}
#GM ul.gm_new li a.active span,#GM ul.gm_new li a:hover span{ border-bottom-color:#EB6100;}
#GM ul.gm_new li.gm01 a{ width:119px;}
#GM ul.gm_new li.gm02 a{ width:119px;}
#GM ul.gm_new li.gm03 a{ width:119px;}
#GM ul.gm_new li.gm04 a{ width:119px;}
#GM ul.gm_new li.gm05 a{ width:119px;}
#GM ul.gm_new li.gm06 a{ width:119px;}
#GM ul.gm_new li.gm07 a{ width:119px;}
#GM ul.gm_new li.gm11 a{ width:119px;}
#GM ul.gm_new li.gm08 a{ width:118px; border-right:solid 1px #999999;}


.MB {
	margin:0 auto; padding:0; width:940px;
	/* margin:0 auto; padding:0; width:100%; */
  *zoom: 1;
}
.MB:before,
.MB:after {
  display: table;
  line-height: 0;
  content: "";
}
.MB:after {
  clear: both;
}

/*
.MB h1:first-child img{ border-radius:50px;}
*/

.MC{ margin:0; padding:0; width:700px; float:left;}
.SC{ margin:0; padding:0; width:220px; float:right;}

/*#FC { margin:20px 0 0 0; padding:20px 0 20px 0; border-top:dashed 2px #EB6100; border-bottom:solid 20px #a8a8a8;}
#FC .fc-wapper{ margin:0 auto; padding:0; width:960px; background:url(../img/com-fc-gooday-tencho.png) no-repeat 20px 130px;}
#FC .fc-logo{ margin:0; padding:0;float:left; width:330px;}
#FC .fc-nav{ margin:0; padding:0;}
#FC .fc-nav ul{ margin:0; padding:0;}
#FC .fc-nav ul.col{ margin-left:20px; padding:0; width:190px; float:left;}
#FC .fc-nav ul ul{ margin-left:0px;}
#FC .fc-nav ul li{ margin-top:5px; background:url(../img/ic-circle-right.png) no-repeat left 2px; padding-left:18px;}
#FC .fc-nav ul ul li{ background:url(../img/ic-arrow-left.png) no-repeat left 5px; padding-left:10px;}
#FC .fc-nav ul li a{ color:#EB6100;}
#FC .fc-nav ul li li a{ color:#000000;}
*/

/* 20151010 importt fc */
.fc{ padding:0 0 20px 0; border-top:dashed 1px #999999; border-bottom:solid 10px #CCCCCC; /** background:url(/img/201510/com-fc-gooday-tencho.png) no-repeat right 20px;**/ }
  .fc .inner{ 
		margin:0 auto; 
		padding:0; 
		width:960px;
		/* width:100%; */
	  }
  .fc .fc-menu li{ background:url(/img/201510/com-fc-icon01.png) no-repeat left 5px; padding-left:15px;}
  .fc .fc-menu li a{ color:#EB6100;}
  .fc .fc-menu ul{ margin-top:0;}
  .fc .fc-menu ul li{ background:url(/img/201510/com-fc-icon02.png) no-repeat left 7px;}
  .fc .fc-menu ul li a{ color:#333333;}

  .fc-sns{ position:relative; overflow:hidden;}
  .fc-sns ul{ margin:0 auto; padding:0; position:relative; left:50%; float:left;}
  .fc-sns li{ margin:0 0 0 10px; padding:0; position:relative; left:-50%; float:left;}
  .fc-sns li *{ margin:0; padding:0;}
  .fc-sns { *zoom: 1;}
  .fc-sns:before,
  .fc-sns:after { display: table; line-height: 0; content: "";}
  .fc-sns:after { clear: both;}
/* end import */



img.img-responsive{ width:100%; height:auto;}
img.ic-image{ vertical-align:middle; margin:0; padding:0;}
.fit{ margin:0; font-size: 100%;}

.page-title{ background:#EB6100; color:#FFFFFF; padding:20px 20px; font-size:153.9%; line-height:1.0; border-radius:5px; font-weight:normal;}
.section-title{ border-bottom:solid 2px#EB6100; padding:0 0 5px 0; font-size:123.1%; font-weight:bold; color:#333333;}
.MB .article-title{ padding:5px 12px; text-align:left; background:#EB6100; color:#FFFFFF; border-radius:5px; font-size:123.1%; font-weight:normal !important;}
.SC .article-title,.SC .sc-title{ padding:5px 12px; text-align:center; background:#EB6100; color:#FFFFFF; border-radius:5px; font-size:123.1%; font-weight:normal;}
.SC .article-title a{ color:#FFFFFF; display:block;}

.btn-gooday{ font-size:138.5%; padding:12px 50px; background:#EB6100; color:#FFFFFF; border:none; border-radius:100px;}
.btn-gooday:hover{ /* /com/js/com.js */}
.hr-gooday{ border-style:solid none none noen; border-top:dotted 2px #EB6100;}

/* SC  overwite */

.sc-list{}
.sc-list li{ margin:5px 0 0 0; padding:0 0 0 18px; background:url(../img/com-sc-list-dotic.png) no-repeat left 5px; width:220px;}
.SC .sc-imgbtn{}
.SC .sc-imgbtn li{ margin-top:20px;}

/*
.MB .col03{ margin-left:-20px;}
.MB .col03 .col{ margin:0 0 0 20px; width:300px; float:left;}
.MB .col04{ margin-left:-20px;}
.MB .col04 .col{ margin:0 0 0 20px; width:220px; float:left;}


.MB .MC .col02{ margin-left:-20px;}
.MB .MC .col02 .col{ margin:0 0 0 20px; width:340px; float:left;}
.MB .MC .col02 .col-span2{ width:700px;}
.MB .MC .col03 .col{ margin:0 0 0 20px; width:220px; float:left;}
.MB .MC .col03 .col-span2{ width:460px;}
.MB .MC .col04 .col{ margin:0 0 0 20px; width:160px; float:left;}
*/

/* col */
.col{ margin-top:0;}
.col *{ word-wrap: break-word; overflow-wrap : break-word;}
/*
.col02{ margin-left:-20px; padding:0;}
.col02>*{ margin-top:20px; margin-left:20px; float:left; width:-webkit-calc((100% - 40px) /2); width:calc((100% - 40px) /2);}
*/
.col02{ margin-left:-1%; padding:0;}
.col02>*{ margin-top:20px; margin-left:1%; float:left; width:49%;}


.col03{ margin-left:-20px; padding:0;}
.col03>*{ margin-top:20px; margin-left:20px; float:left;  width:-webkit-calc((100% - 60px) /3); width:calc((100% - 60px) /3);}

.col04{ margin-left:-20px; padding:0;}
.col04>*{ margin-top:20px;margin-left:13px; float:left; width:-webkit-calc((100% - 55px) /4); width:calc((100% - 55px) /4);}

.col05{ margin-left:-1%; padding:0;}
.col05>*{ margin-top:0; margin-left:1%; float:left; width:19%;}

.col06{ margin-left: -20px; padding:0;}
.col06>*{ margin-top:20px; margin-left:20px; float:left;  width:-webkit-calc((100% - 120px) /6); width:calc((100% - 120px) /6);}

.col07{ margin-left:-0.5%; padding:0;}
.col07>*{ margin-top:0; margin-left:0.5%; float:left; width:13.7857%;}
.col08{ margin-left:-0.5%; padding:0;}
.col08>*{ margin-top:0; margin-left:0.5%; float:left; width:12%;}

.col-21{ margin-left:-2%; padding:0;}
.col-21>*:nth-child(2n){ margin-top:0; margin-left:2%; float:left; width:31%;}
.col-21>*:nth-child(2n+1){ margin-top:0; margin-left:2%; float:left; width:64%;}

.col-12{ margin-left:-2%; padding:0;}
.col-12>*:nth-child(2n){ margin-top:0; margin-left:2%; float:left; width:64%;}
.col-12>*:nth-child(2n+1){ margin-top:0; margin-left:2%; float:left; width:31%;}

.col02>*:nth-child(2n+1){ clear:left;}
.col03>*:nth-child(3n+1){ clear:left;}
.col04>*:nth-child(4n+1){ clear:left;}
.col05>*:nth-child(5n+1){ clear:left;}
.col06>*:nth-child(6n+1){ clear:left;}
.col07>*:nth-child(7n+1){ clear:left;}

.col { *zoom: 1;}
.col:before,
.col:after { display: table; line-height: 0; content: "";}
.col:after { clear: both;}



/* jQuery Action selector */
.masonry,.masonry-item{ margin:0; padding:0;}
.masonry-desktop{ margin-left:-20px;}
.masonry-desktop .masonry-item{ margin-left:20px; width:220px;}


/* prettyPhoto */
.pp_pic_holder,.pp_pic_holder *{ margin:0; padding:0;}
.pp_pic_holder .pp_description{ display:none !important;}

a.underConst{ color:#F00 !important; font-weight:bold !important;}
.old-inner{ margin:0 auto; padding:0; width:640px;}

.none{ display:none;}

/* sumart switch */

.visible-desktop{ display:block;}
.visible-smart{ display:none;}

.text-gooday{ color:#EA6600;}


/* sogyosai 2016 */
/*
#fixbn-sogyosai {display: block; margin: 0; position: fixed; top: 190px; right: 10px; width: 250px; border: #000 solid 2px; z-index: 50;}
#fixbn-sogyosai a {display: block;}
#bannerclose {position: absolute; top:-20px; right: -2px;}
*/

#SOGYOSAI2016_SP_FO{ display:none;}



.well{ background:#f9f9f9; padding:7px 15px 7px 15px; border-radius:4px; } /*border:solid 1px #D9D9D9;*/
.well>*:first-child{ margin-top:0;}
.well-primary{ background:#337ab7; color:#FFFFFF;}/*border-color:#255C9B; */
.well-success{ background:#dff0d8; color:#3c763d;}/*border-color:#C0CEB4; */
.well-info{ background:#d9edf7;  color:#31708f;}/*border-color:#B7D1D6;*/
.well-warning{ background:#fcf8e3;  color:#8a6d3b;}/*border-color:#DCD4C1;*/
.well-danger{ background:#f2dede;  color:#a94442;}/*border-color:#D0BBBF;*/
.well-fit{ margin-top:5px;}
.well-inline{ display:inline-block; text-align:center; }


/* bootstrap overwide */
@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
}
.map label { width: auto; display:inline;}
.map img { max-width: none;}
blockquote{ border-left:none;}
.table th{ white-space:nowrap;}
.page-header{ margin:0; padding:0; background:none; border:none;}
table.table-rowbordered{ border-bottom:solid 1px #D8D8D8;}


@media (min-width: 481px) and (max-width: 767px) { /* as pad type */

body{
	margin:0 0; padding:0 0 0 0; min-width:740px; position:relative;
}

/* 201608 campaign */
.floatbnr_pc{ display:none;}
.floatbnr_sm{ display:block; position:fixed; width:100%; left:0; bottom:0;}
.floatbnr_sm *{ margin:0; padding: 0;}
.floatbnr_sm img{ display:block; width:100%; height:auto;}
.floatbnr_sm .floatbnr_close{ position:absolute; top: 0; right: 0; width: 5%; height: auto;}
#FC{ margin-bottom:100px;}
/* end */

#HC .hc-wapper,#GM ul,.MB,.MC,.SC,#FC .fc-wapper{ margin:0 auto; width:700px; float:none;}
#HC .hc-wapper{ margin:0 auto; padding:0; width:680px;}
#HC .hc-search,#HC .hc-sns{ display:none;}
#FC .fc-wapper{ height:240px;  background:url(../img/com-fc-gooday-tencho.png) no-repeat right 0;}
#FC .fc-nav{ display:none;}
#FC .fc-logo{ float:none;}


#GM{ margin:20px 0 0 0; padding:0;}


#GM ul.gm_new{ width:700px; border-top:solid 1px #999999;}
#GM ul.gm_new li{ border-bottom:solid 1px #999999;}
#GM ul.gm_new li.gm01 a{ width:174px;}
#GM ul.gm_new li.gm02 a{ width:174px;}
#GM ul.gm_new li.gm03 a{ width:174px;}
#GM ul.gm_new li.gm04 a{ width:173px; border-right:solid 1px #999999;}
#GM ul.gm_new li.gm05 a{ width:174px;}
#GM ul.gm_new li.gm06 a{ width:174px;}
#GM ul.gm_new li.gm07 a{ width:174px;}
#GM ul.gm_new li.gm08 a{ width:173px; border-right:solid 1px #999999;}





.visible-desktop{ display:none;}
.visible-smart{ display:block;}

.SC .masonry{ margin-left:-20px;}
.SC .masonry .masonry-item{ margin-left:20px; width:220px;}

/* add sm col */
/* col */
.sm-col{ margin-top:0;}
.sm-col *{ word-wrap: break-word; overflow-wrap : break-word;}
.sm-col02{ margin-left:-2%; padding:0;}
.sm-col02>*{ margin-top:10px; margin-left:2%; float:left; width:48%;}
.sm-col03{ margin-left:-2%; padding:0;}
.sm-col03>*{ margin-top:0; margin-left:2%; float:left; width:31.333333%;}
.sm-col04{ margin-left:-2%; padding:0;}
.sm-col04>*{ margin-top:10px;margin-left:2%; float:left; width:23%;}
.sm-col05{ margin-left:-1%; padding:0;}
.sm-col05>*{ margin-top:0; margin-left:1%; float:left; width:19%;}
.sm-col06{ margin-left: -0.5%; padding:0;}
.sm-col06>*{ margin-top:0; margin-left:0.5%; float:left; width:16.1%;}
.sm-col07{ margin-left:-0.5%; padding:0;}
.sm-col07>*{ margin-top:0; margin-left:0.5%; float:left; width:13.7857%;}
.sm-col08{ margin-left:-0.5%; padding:0;}
.sm-col08>*{ margin-top:0; margin-left:0.5%; float:left; width:12%;}

.sm-col-21{ margin-left:-2%; padding:0;}
.sm-col-21>*:nth-child(2n){ margin-top:0; margin-left:2%; float:left; width:31%;}
.sm-col-21>*:nth-child(2n+1){ margin-top:0; margin-left:2%; float:left; width:64%;}

.sm-col-12{ margin-left:-2%; padding:0;}
.sm-col-12>*:nth-child(2n){ margin-top:0; margin-left:2%; float:left; width:64%;}
.sm-col-12>*:nth-child(2n+1){ margin-top:0; margin-left:2%; float:left; width:31%;}

.sm-col02>*:nth-child(2n+1){ clear:left;}
.sm-col03>*:nth-child(3n+1){ clear:left;}
.sm-col04>*:nth-child(4n+1){ clear:left;}
.sm-col05>*:nth-child(5n+1){ clear:left;}
.sm-col06>*:nth-child(6n+1){ clear:left;}
.sm-col07>*:nth-child(7n+1){ clear:left;}

.sm-col { *zoom: 1;}
.sm-col:before,
.sm-col:after { display: table; line-height: 0; content: "";}
.sm-col:after { clear: both;}

/* add 20160216 FC Specific */
.pc-block{ display:none;}
.sm-block{ display:block;}

/* fc clear */
  .fc .fc-menu li{ background:nonex; padding-left:0;}
  .fc .fc-menu li a{ color:inherit;}
  .fc .fc-menu ul{ margin-top:0;}
  .fc .fc-menu ul li{ background:none;}
  .fc .fc-menu ul li a{ color:inherit;}


.fc{ margin:20px 0 0 0; padding:0 10px; border-top:dotted 1px #999999; border-bottom:solid 10px #CCCCCC;}
.fc .fc-menu{ margin-top:20px !important;}
.fc .fc-menu li{ background:none;}
.fc .fc-menu a{ display:block; margin:0; padding:10px 7px; background:#F0EDEA url(/img/201510/ic-smart-fc-menu.png) no-repeat right 5px center; color:#998675; font-size:93%;}
.fc .fc-info{ margin-top:20px;}
.fc .fc-info h2{ margin-top:0;}

.fc .fc-gooday{ margin:20px 0 0 0; text-align:center;}
.fc .fc-gooday img{ margin:0 auto; width:50%; height:auto; display:block;}



/* sogyosai 2016 */
/*
#fixbn-sogyosai {display: none;}
#SOGYOSAI2016_SP_FO {display:block; margin:0 auto; position: fixed; bottom: 0; left: 0; right:0; width: 100%; height:auto; z-index:9999;}
*/

/* ↓workshop review 2016↓ */
.review { background-color:#dddddd;
	text-align:center;
	padding-top:26px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:26px;}
.reviewitem {
	background-color: #ffffff;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	position: relative;
	text-align:left;
}
.reviewitem .revphoto {
	width: 30px;
	height: 30px;
	margin: 0px;
	position: absolute;
	left: 8px;
	top: 8px;
}
.revlink {
	width: 296px;
	margin: 0px;
	background-color: #FFFFFF;
	position: absolute;
	left: 344px;
	top: 8px;
}
.revlink a {
	font-weight:bold;
	display:block;
	padding:4px;
	text-align:center;
	font-size:10px;
}
.reviewitem dt{ 
	color:#FFFFFF;
	padding-top:13px;
	padding-left:45px;
	padding-right:280px;
	padding-bottom:13px;
	font-size:18px;
	margin:0px;}
.r_female dt{ background-color:#C61E33;}
.r_male dt{ background-color:#165C9C;}
.reviewitem dd{ 
	padding:20px;
	font-size:18px;
	margin:0px;}
/* ↑workshop review 2016↑ */
	
/* ↓workshop form 2018↓ */	
	.playbutton {
	width: auto;
	padding:0;
	margin:0;
	background:none;
	border:0;
	font-size:0;
	line-height:0;
 	overflow:visible;
	cursor:pointer;
}
.menmerbox {
	width: auto;
	padding:40px;
	border: #33B371 solid 2px;
}
/* ↑workshop form 2018↑ */

}
/* //tablet */

/* 2021.4_suizu_css_add */
@media screen and (min-width:481px) {
	.none{display: none !important;}
	.sm-only{display: none !important;}
	.sp-br{display: none!important;}
	#fb-root{margin:0;}
}

@media screen and (max-width:480px) {
	.none{display: none;}
	.visible-desktop{ display:none;}

	.MC{width: 100%;}
	.SC{width: 100%;}
	.sc-list li{ margin:5px 0 0 0; padding:0 0 0 18px; background:url(../img/com-sc-list-dotic.png) no-repeat left 5px; width:100%;}

	.SC .article-title, .SC .sc-title{
		padding: 2px 12px;
    text-align: center;
    background: #EB6100;
    color: #FFFFFF;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
	}
	.sc-fair .item-title {
    margin: 0;
    padding: 5px;
    line-height: 1.4;
    font-size: 12px;
		font-weight: bold;
	}
	.sc-fair .item-title a{color:#3D6695;}
	.fc .fc-menu li{ background:none; padding-left:0px;}
	.fc .fc-menu li a{ color:#998675;}

	.masonry-desktop{ margin: 20px 0 0 ;}
	.masonry-desktop .masonry-item{ margin-left:0px; width:100%;}
	.visible-smart{ display:block;}

	.col06>*{ margin-top:0px; margin-left:0px; float:left; width:100%;}
	.col:before, .col:after{content:none;}
}