@charset "UTF-8";



@media only screen and (min-width: 769px) {
  body {
    /* min-width: 920px;  */
	}

  #container {
    margin: 0 auto;
    width: 100%;
    max-width: 940px;
    background: "#aa0000"; }

  #primary {
    margin: 0 24px 0 0;
    width: 668px;
    float: left; }

  /* HEADER ++++++++++++++++++ */
  #home header figure,
  #en header figure {
    margin: 0 auto 8px;
    width: 100%;
    max-width: 940px;
	height: auto;
    max-height: 348px; 
	}

  .home header figure ,
  .lower header figure {
    margin: 0 auto 8px;
    width: 100%;
    max-width: 940px;
    height: auto; }
	
  .home header section ,
  .lower header section {
    margin: 0 auto;
    width: 100%;
    max-width: 940px;
    height: auto; }

  header section:after {
    content: " ";
    height: 0;
    display: block;
    clear: both; }

  header section hgroup {/* 1か所：header.php ロゴ部分で使用 */
    height: 96px;
    vertical-align: middle;
    float: left; }

  header button {
    display: none; }

  /* CONTENTS ++++++++++++++++++ */
  
  
  #primary > div,
  #primary > section {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    margin-bottom: 36px; }

  #primary #news h1,
  #contact #primary header h1,
  #primary > section h1.main {
    margin: 0 0 8px;
    padding: 0 0 0 32px;
    height: 28px;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    color: #e50012;
    background: url("images/dropCap-a.png") no-repeat left center; }

  #primary > section h1.main:last-child {
    margin-bottom: 0; }

  #primary > section header h2 {
    margin-bottom: 4px;
    font-size: 14px;
    color: #333; }

  #primary > section h2:last-child {
    margin-bottom: 0; }

  #primary > section > header {
    margin-bottom: 20px; }

  section article {
    margin: 0 0 32px;
    padding: 0 0 0 8px;
    border-left: solid #e50012 16px;
    z-index: 1; }

  section article.noBorder {
    border-left: none; }

  section article header {
    margin-bottom: 16px; }

  #primary > section article .contents {
    margin-bottom: 12px; }
    #primary > section article .contents:last-child {
      margin-bottom: 0; }
  #primary > section article h1 {
    margin-bottom: 4px;
    color: #000; }
    #primary > section article h1 em.en {
      font-size: 110%;
      font-weight: inherit;
      font-family: inherit; }
    #primary > section article h1:last-child {
      margin-bottom: 0; }
  #primary > section article h2 {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    color: #000; }

  #primary > section article dl {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 20px; }
	
    #primary > section article dl h1 {
      font-size: 13px; }
      #primary > section article dl h1.header {
        margin-bottom: 8px;
        font-size: 16px;
        color: #52a2fe; }
    #primary > section article dl:first-child h1 {
      margin-bottom: 8px;
      font-size: 15px;
      color: #52a2fe; }
    #primary > section article dl h2 {
      font-size: 13px; }
	  
  #primary > section article div {
    margin-bottom: 12px; }
	
    #primary > section article div h1 {
      font-size: 13px; }
      #primary > section article div h1.header {
        margin-bottom: 8px;
        font-size: 16px;
        color: #e50012; }
    #primary > section article div:first-child h1 {
      margin-bottom: 8px;
      font-size: 15px;
      color: #e50012; }
    #primary > section article div:last-child {
      margin-bottom: 0; }
    #primary > section article div .moredetail {
      display: inline-block;
      margin-top: 4px;
      padding: 0 8px;
      font-size: 11px;
      border: #2932dc solid 1px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
      #primary > section article div .moredetail i {
        margin-left: 12px;
        font-size: 14px; }
    #primary > section article div span {
      display: block; }

  #primary > section dl dt {
    margin-right: 12px; }

  #primary > section dl dd {
    flex: 1 1 auto; }

  #about #primary > section dl dd,
  #recruit #primary > section dl dd,
  #evaluation #primary > section dl dd {
    flex: 1 0 0; }

  /* Package +++++++++ */
  #primary > section#packagePlan figure {
    text-align: center; }

  #primary > section dl.plan {
    align-items: center;
    /* アイテムの形状の変形度 */
    align-content: center;
    /* アイテムの配置	*/
    border: #e50012 solid 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }

  #primary > section dl.plan dt {
    flex: 0 1 120px;
    margin-right: 8px; }

  #primary > section dl.plan dt h2 {
    padding: 8px 12px;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    background: #e50012;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px; }

  #primary > section dl.plan dd {
    flex: 1 1 0;
    width: 516px; }

  #primary > section dl.plan dd p {
    padding-left: 13px;
    text-indent: -13px;
    font-size: 13px;
    line-height: 16px; }

  #primary > section dl.package dt {
    flex: 1 1 auto;
    margin-right: 8px;
    width: 440px; }

  #primary > section dl.package dd {
    flex: 0 0 168px; }

  #primary > section dl.package dd img {
    width: 100%;
    height: auto; }

  #primary > section dl.package dt div {
    margin-bottom: 12px; }

  #primary > section dl.package dt div h2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    /* アイテムの形状の変形度 */
    align-content: space-around;
    /* アイテムの配置	*/
    margin-bottom: 8px;
    background: #ffffd9;
    border: #e50012 solid 1px; }

  #primary > section dl.package dt div h2 .tag {
    flex: 0 1 auto;
    padding: 4px 6px;
    width: 60px;
    font-size: 11px;
    line-height: 14px;
    color: #fff;
    background: #e50012; }

  #primary > section dl.package dt div h2 .subject {
    flex: 1 1 auto;
    padding: 4px 6px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  /* ARTIST VOICE ++++++++++++++++++ */
  #primary article dl.artist {
    margin-bottom: 0px; }

  #primary article dl.artist dt {
    /* color: #000; */
    font-weight: bold; }

  #primary > section.free dl.voice dt {
    flex: 1 1 auto;
    margin-right: 8px;
    width: 488px; }

  #primary > section.free dl.voice dt header {
    margin-bottom: 8px; }

  #primary > section.free dl.voice dd img {
    height: 100%;
	width: auto;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; 

}

  /* ABOUT ++++++++++++++++++++++++++++++++++++ */
  #greeting article dt {
    flex: 0 0 100px; }

  #greeting article dt p {
    line-height: 1.2; }

  #greeting article dt img {
    width: 100px;
    height: auto; }

  #greeting article dt p em {
    font-size: 84%; }

  #greeting article dd p {
    margin-bottom: 8px;
    /* text-indent: 1rem; */ }

  #greeting article dd figure.concept {
    padding-top: 8px; }

  #primary > section.strict div.officer {
    margin-bottom: 8px; }

  /* #primary>section.free dl dt div:after{ */
  /* content: ""; */
  /* display: inline-block; */
  /* width: 64px; */
  /* height: 14px; */
  /* } */
  /* ABOUT END ++++++++++++ */
  /* ACTIVITY ++++++++++++ */
  #primary > section.free dl dt {
    position: relative;
    z-index: 11; }

  #primary > section.free dl dd {
    width: 48%;
	}

  #primary > section.free dl dd img {
    /* object-fit: cover; */ }

  dt .more {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    padding: 0 4px;
    height: 20px;
    line-height: 18px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #e5e5e5 solid 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  #container h1#main,
  #recent {
    margin: 0 auto 16px;
    width: 711px; }

  #recent:after {
    content: " ";
    height: 0;
    clear: both;
    display: block; }

  #recent article {
    margin-right: 24px;
    width: 221px;
    float: left; }

  #recent article:nth-child(3) {
    margin-right: 0; }

  .detail section article img {
    width: 100%;
    height: auto; }

  /* ASIDE +++++++++++++++ */
  body#en #primary {
    width: 100%;
    float: none; }

  #newsArea {
    margin: 0 0 28px;
    border-bottom: solid #b3b3b3 1px;
    background: url("./images/ill-rainbow.png") no-repeat right top; }

  #primary #newsArea h1.main {
    margin: 0 0 24px;
    padding: 0 0 0 32px;
    height: 28px;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    color: #e50012;
    background: url("./images/dropCap-a.png") no-repeat left center; }



  #newsArea article dl dd,
  #newsArea article dl dt {
    display: table-cell; }


#newsArea article dl dd {
	width: calc(100% - 96px);
	background: rgba(255, 255, 255, 0.5); 
}

  section#action article dt {
    position: relative;
    bottom: 0;
    right: 0;
    padding: 0 0 20px;
    width: 320px;
    float: left;
    z-index: 1; }

  body#en section#action article dt {
    width: 600px !important; }

  section#action article dd img,
  section#action article dd {
    width: 308px;
    height: 140px;
    float: right; }

  section#about article dt {
    width: 92px;
    float: left; }

  #en section#about article dt {
    width: 200px;
    float: left; }

  section#about article dd {
    width: 552px;
    float: left; }

  body#en section#about article dd {
    width: 852px; }

  /* SNS ++++++++++++++++++ */
  #fbTimeline {
    margin: 0 0 28px;
    border-bottom: solid #b3b3b3 1px; }

  #primary #fbTimeline h1.main {
    margin: 0 0 24px;
    padding: 0 0 0 32px;
    height: 28px;
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    color: #e50012;
    background: url("images/dropCap-a.png") no-repeat left center; }

  #fbTimeline article {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 0 16px;
    padding: 0 0 0 8px;
    /* height: 140px; */
    border-left: solid #e50012 16px;
    color: #3c3f99;
    /* overflow: auto; */ }

  #fbTimeline article div {
    flex: 0 1 400px;
    /* height: 520px; */
	height: auto;
    /*border: #ccc solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; */
	}
	
	#sns_wrapper{
		max-height: 488px;
	}

	#fbTimeline article{
		
		background: url("./images/sns_bg.jpg") no-repeat center center;
		background-size: cover;
	}

  /* NEWS ++++++++++++++ */
  #newsArea article {
    margin: 0 0 16px;
    padding: 0 0 0 8px;
    /* height: 140px; */
    border-left: solid #e50012 16px;
    color: #3c3f99;
    /* overflow: auto; */ }

  #news article,
  section#action article {
    margin: 0 0 32px;
    padding: 0 0 0 8px;
    border-left: solid #e50012 16px;
    z-index: 1; }

  aside#sakuraBlog a {
    display: block;
    width: 220px;
    height: 137px; }

  em.spbr {
    display: none; } 
		
	#primary #overview  article  dl dt{
		width: 64px;
	}
		
	#award article dl dt {
		flex: 0 0 116px; 
		width: 116px; }
		
	#annualReports article dl dt {
		flex: 0 0 80px; 
		width: 80px; 
		}
		
	#activity1 #primary section.free article dl,
	#activity2 #primary section.free article dl,
	#activity3 #primary section.free article dl,
	#activity4 #primary section.free article dl,
	#activity5 #primary section.free article dl
	{
		display: flex;
		flex-flow: row wrap;	
		justify-content: start;
		
	}

	#activity1 #primary section.free dl dt,
	#activity2 #primary section.free dl dt,
	#activity3 #primary section.free dl dt,
	#activity4 #primary section.free dl dt,
	#activity5 #primary section.free dl dt
	{
		flex: 1 0 48%;
		margin-right: 4%;
	}	
	
}

#about #primary #greeting article dl dt img,
#about #primary #greeting article dl dt p{
	margin-bottom: 4px;
}

#greeting article dt .ruby {
display: flex;
flex-flow: row nowrap;
justify-content: start;
align-content: start;
align-items: start;

line-height: 1rem;
}

#about #primary  #greeting article dt .ruby dt{
	flex: 1 1 auto;
	margin-right: 0;
	width: 36%;
}

#about #primary  #greeting article dt .ruby dd{
	flex: 1 1 auto;
	width: 64%;
}

#about #primary  #greeting article dt .ruby span{
	display: block;
	font-size: 64%; 
}

@media only screen and (max-width: 940px) and (min-width: 769px){
	
	body>footer,
	body>header.root,
	body>#container	
	{
		padding: 0 20px;
		box-sizing: border-box;
	}
	
	#primary {
		margin: 0 2.6% 0 0;
		width: 73.2%;
	}
	
	#secondary {
		width: 24%;
	}
}

@media only screen and (max-width: 768px) {

#greeting article dt .ruby {
	width: 108px;
}


}

  /* SNS ++++++++++++++++++ */
/*# sourceMappingURL=mq_deskTop.css.map */