@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
@import url('https://use.fontawesome.com/releases/v5.7.1/css/all.css');

/*--------------------------------------------------------------------*/
/* sewingnews202503 春のミシン祭り */
/*--------------------------------------------------------------------*/

/*clearfix*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

* {
	margin: 0;
	padding: 0;
}
img,video {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.ie8 img{
  width: 100%;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: 1.3;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
em {
	font-style: normal;
}
small,
.small {
  font-size: 85%;
}


/* 新タウン追記
--------------------------------------------------------------------*/
.pane-main {
}
/*.block-globalnav,*/
.block-category-globalnav,
.block-category-list--header,
.block-category-list--comment,
.block-category-list--goods {
	display: none;
}
.wrapper {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.pane-main .container {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.freespace {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/*layout
--------------------------------------------------------------------*/

#sewingnews {
  margin: 0;
}

@media print, screen and (min-width: 840px){
  main {
    padding-bottom: 100px;
  }
}

.txt-strong {
  color: #bf153f;
}
.txt-teddy300 {
  color: #e05586;
}
.txt-teddy100 {
  color: #db8901;
}


/*header
--------------------------------------------------------------------*/

.sewingnews-header h1 {
  text-align: center;
}
.sewingnews-header .lead {
  font-size: 1.125em;
  max-width: 800px;
  margin: 20px auto;
}


/*ミシン
--------------------------------------------------------------------*/

.sewingmachine-detail {
  padding: 10px;
}
.sewingmachine-detail .name {
  font-size: 1.25em;
  font-weight: bold;
}
.sewingmachine-detail .spec-header {
  margin: .5em 0;
  border-bottom: 1px solid #999;
}
.sewingmachine-detail .spec {
  font-size: .9em;
}
.sewingmachine-detail .spec dl {
  display: flex;
  padding: .125em 0;
}
.sewingmachine-detail .spec dt {
  color: #999;
  font-weight: bold;
  width: 5em;
}
.sewingmachine-detail .spec dd {
  flex:1;
}
.sewingmachine-detail .product-number {
  font-weight: bold;
  margin-top: .75em;
}
.sewingmachine-detail .price {
  background: #f0f0f0;
  margin-top: .75em;
  padding: 10px;
}
.sewingmachine-detail .price strong {
  margin: 0 .125em;
}
.sewingmachine-detail .price .list-price {
  
}
.sewingmachine-detail .price .special-price {
  font-size: 1.25em;
  text-align: right;
}
.sewingmachine-detail .price .special-price strong {
  font-size: 1.5em;
}
.sewingmachine-detail .btnarea {
  padding: 10px;
}
.sewingmachine-detail .btnarea a {
  font-size: 1.125em;
}

@media screen and (min-width:768px){
  .sewingmachine-detail {
    padding: 20px;
  }
}


/*ポイント
--------------------------------------------------------------------*/
.sewingnews-point {
  border: 2px solid #333;
  margin: 30px 20px;
  padding: 20px;
}
.sewingnews-point h2 {
  text-align: center;
  margin-bottom: 20px;
}
.sewingnews-point .point {
}
.sewingnews-point .point dt {
  color: #bf153f;
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: .5em;
}
.sewingnews-point .point dt em {
  font-size: 1.5em;
  margin-right: .25em;
}
.sewingnews-point .point dd h4 {
  font-weight: bold;
  margin-bottom: .5em;
}
.sewingnews-point .point dd p {
  font-size: .875em;  
}


/*違い
--------------------------------------------------------------------*/
.sewingnews-comparison {
  border: 2px solid #bf153f;
  margin: 30px 20px;
  padding: 20px;
}
.sewingnews-comparison h2 {
  text-align: center;
  margin-bottom: 20px;
}
.sewingnews-comparison .comparison {
  background: rgba(224, 85, 134, .2);
  padding: 15px;
}
.sewingnews-comparison .comparison dt {
  display: inline-block;
  background: rgba(224, 85, 134, 1);
  color: #fff;
  font-weight: bold;
  border-radius: 30px;
  padding: .25em 1em;
  margin-bottom: 1em;
}
.sewingnews-comparison .comparison dd p {
}


/*職業用ミシン
--------------------------------------------------------------------*/
.professional {
  background: #fff url("../../../../../img/usr/category/sp/sewingnews/202503/bg_professional.png") repeat;
  padding-bottom: 20px;
}
.professional h2 {
  background: #006896;
  text-align: center;
  padding: 20px 10px;
}
.professional .lead {
  font-size: 1.125em;
  font-weight: bold;
  margin: 20px auto;
}
.professional .lead li {
  margin-bottom: .5em;
}
.professional .txt-professional {
  color: #006896;
}
.professional .sewingmachine-detail {
  background: #fff;
}
.professional .sewingmachine-detail em {
}
.professional-point {
  
}
.professional-point dt {
  position: relative;
  color: #006896;
  font-weight: bold;
  padding: 5px 0 0 40px;
}
.professional-point dt em {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background: #006896;
  color: #fff;
  text-align: center;
}
.professional-point dd {
  
}


/*通信講座
--------------------------------------------------------------------*/
.tsushinkoza {
  background: #fbe5f1;
  padding-bottom: 20px;
}
.tsushinkoza h2 {
  background: #d50077;
  text-align: center;
  padding: 20px 10px;
}
.tsushinkoza .tsushinkoza-detail {
  background: #fff;
}
.tsushinkoza .tsushinkoza-detail h3 {
  font-size: 1.25em;
  margin-bottom: 1em;
}
.tsushinkoza .tsushinkoza-price .product-number {
  font-weight: bold;
  margin-top: .75em;
}
.tsushinkoza .tsushinkoza-price .price {
  background: #f0f0f0;
  margin-top: .75em;
  padding: 10px;
}
.tsushinkoza .tsushinkoza-price .price strong {
  margin: 0 .125em;
}
.tsushinkoza .tsushinkoza-price .price .list-price {
  
}
.tsushinkoza .tsushinkoza-price .price .special-price {
  font-size: 1.25em;
  text-align: right;
}
.tsushinkoza .tsushinkoza-price .price .special-price strong {
  font-size: 1.5em;
}
.tsushinkoza .tsushinkoza-price .btnarea {
  padding: 10px;
}
.tsushinkoza .tsushinkoza-price .btnarea a {
  font-size: 1.125em;
}


/*型紙BOOK
--------------------------------------------------------------------*/
.patternbook {
  background: #fffada;
  padding-bottom: 20px;
}
.patternbook h2 {
  background: #ffe960;
  text-align: center;
  padding: 20px 10px;
}
.patternbook-point {
  padding: 30px 0;
}
.patternbook-point dt {
  color: #bf153f;
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: .5em;
}
.patternbook-lineup {
  background: #fff;
  padding: 20px 0 0;
  margin-top: 30px;
}

.patternbook-lineup h3 {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 60px 0 30px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 1.125em;
  font-weight: 700;
  box-sizing: border-box;
}
.patternbook-lineup h3:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.patternbook-lineup h3:after {
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.patternbook-lineup h3.ladys {
  background: #c9205c;
}
.patternbook-lineup h3.kids {
  background: #2d9249;
}
.patternbook-lineup h3.mens {
  background: #237cc1;
}

.patternbook-lineup ul {
  margin: 15px;
}
.patternbook-lineup .cover {
}
.patternbook-lineup .title {
  margin-top: .25em;
}
.patternbook-lineup .designer {
  font-size: .875em;
  margin-top: .125em;
}
.patternbook-lineup .btnarea {
  padding: 0 20px;
  margin: 20px 0;
}