@charset "utf-8";

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

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

  div#container {
    margin:auto;
  }

  div#content {
    margin:auto;
    padding:9px 0px 0;
  }


  div.asset-content {
    margin-bottom:40px;
    min-height:370px;
  }

  div.asset-body {
    line-height:150%;
    border:1px solid #e5e5e5;
    padding:20px;
    background:#fafafa;
  }

  div.archive-asset {
    border:1px solid #e5e5e5;
    padding:5px;
    background:#fafafa;
  }

  div.entry-asset {
    border:1px solid #e5e5e5;
    padding:5px;
    background:#fff;
  }

  #breadcrumbs {
    padding:5px;
    margin-bottom:10px;
    background:#f6f6f6;
  }

  #breadcrumbs li {
    float:left;
    margin-left:5px;
  }
  #breadcrumbs li:first-child {
    margin-left:0;
  }



  /*------------------------------------------------------ 
  contact,yoyaku
  ------------------------------------------------------*/
  div#contact select,
  div#yoyaku select {
    padding:1px;
  }

  div#contact table,
  div#yoyaku table {
    width:100%;
    border-collapse:collapse;
  }

  div#contact th,
  div#contact td,
  div#yoyaku th,
  div#yoyaku td {
    padding:8px;
    border:1px solid #fff;
  }

  div#contact th,
  div#yoyaku th {
    font-weight:normal;
    width:150px;
    background:#ffecfd;
  }

  div#contact .text,
  div#yoyaku .text {
    float:left;
    display:block;
  }

  div#contact .must,
  div#yoyaku .must {
    float:right;
    display:block;
    color:#e60012;
    font-size:11px;
  }

  div#yoyaku td div {
    margin-bottom:8px;
  }

  div#yoyaku td div.last {
    margin-bottom:0;
  }

  div#contact .btn,
  div#yoyaku .btn {
    width:130px;
    height:40px;
  }

  .thankyou {
    text-align:center;
    color:#8957a1;
    font-size:16px;
    line-height:30px;
  }

  div#contact input[type="text"],
  div#yoyaku input[type="text"] {
    padding:1px;
  }


  /*------------------------------------------------------ 
  entries
  ------------------------------------------------------*/
  /* カテゴリ別 --------------------   */
  .entries {
    clear:both;
    margin-bottom:5px;
    padding-top:5px;
    border-top:1px dotted #d2d2d2;
    display: table;
    width: 100%;
  }

  .entries1st {
    padding-top:0;
    border-top:none;
  }

  .entries .thumbnail {
    width:66px;
    height:66px;
    margin-right:9px;
    padding:1px;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
  }
  .entries .thumbnail img{
    border:1px solid #eee;
  }

  .entries .content {
    display: table-cell;
    vertical-align: top;
  }

  .entries h3 {
    line-height:16px;
    padding:0 0 5px 9px;
    background:url(../image/icon_arrow_purple.gif) no-repeat 0 4px;
  }

  .entries .text {
    line-height:16px;
    padding:0 0 15px 9px;
  }

  .entries .date {
    float:left;
    line-height:15px;
    margin-left:9px;
    padding-left:17px;
    background:url(../image/icon_calendar.gif) no-repeat 0 1px;
  }

  .entries .more {
    float:right;
  }

  .archive-archivebtn a {
    display:block;
  }

  .archive-archivebtn .btn1 {
    float:left;
    margin-right:10px;
  }

  .archive-archivebtn .btn2 {
    float:right;
  }


  /* 月別 --------------------   */
  div.archive-asset h2 {
    margin-bottom:5px;
    padding:5px;
    border-bottom:1px dotted #d2d2d2;
    color:#ae5da1;
    font-size:16px;
    font-weight:bold;
  }


  /* ブログ記事 --------------------   */
  div.asset-header {
    padding:5px;
    border-bottom:1px dotted #d2d2d2;
  }

  div.asset-header h2 {
    float:left;

    color:#ae5da1;
    font-size:16px;
    font-weight:bold;
  }

  div.asset-header abbr {
    float:right;
    display:block;
    line-height:20px;
    padding-left:17px;
    background:url(../image/icon_calendar.gif) no-repeat 0 3px;
  }

  div.entry-body {
    padding:4px 7px;
    color:#313131;
    font-size:14px;
    line-height:20px;
  }


  /* アーカイブ --------------------   */
  .widget-archive-monthly ul {
    margin:5px 10px;
  }

  .widget-archive-monthly ul li {
    padding-left:10px;
    font-size:14px;
    line-height:24px;
    background:url(../image/icon_arrow_purple.gif) no-repeat 0px 8px;
  }
  .productPageInner{
    padding: 0;
  }
  iframe{
    max-width: 100% !important;
  }
}

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

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

  div#container {
    max-width:924px;
    margin:auto;
  }

  div#content {
    margin:auto;
    padding:9px 16px 0;
  }


  div.asset-content {
    margin-bottom:40px;
    min-height:370px;
  }

  div.asset-body {
    line-height:150%;
    border:1px solid #e5e5e5;
    padding:20px;
    background:#fafafa;
  }

  div.archive-asset {
    border:1px solid #e5e5e5;
    padding:5px;
    background:#fafafa;
  }

  div.entry-asset {
    border:1px solid #e5e5e5;
    padding:5px;
    background:#fff;
  }

  #breadcrumbs {
    padding:5px;
    margin-bottom:10px;
    background:#f6f6f6;
  }

  #breadcrumbs li {
    float:left;
    margin-left:5px;
  }
  #breadcrumbs li:first-child {
    margin-left:0;
  }



  /*------------------------------------------------------ 
  contact,yoyaku
  ------------------------------------------------------*/
  div#contact select,
  div#yoyaku select {
    padding:1px;
  }

  div#contact table,
  div#yoyaku table {
    width:100%;
    border-collapse:collapse;
  }

  div#contact th,
  div#contact td,
  div#yoyaku th,
  div#yoyaku td {
    padding:8px;
    border:1px solid #fff;
  }

  div#contact th,
  div#yoyaku th {
    font-weight:normal;
    width:150px;
    background:#ffecfd;
  }

  div#contact .text,
  div#yoyaku .text {
    float:left;
    display:block;
  }

  div#contact .must,
  div#yoyaku .must {
    float:right;
    display:block;
    color:#e60012;
    font-size:11px;
  }

  div#yoyaku td div {
    margin-bottom:8px;
  }

  div#yoyaku td div.last {
    margin-bottom:0;
  }

  div#contact .btn,
  div#yoyaku .btn {
    width:130px;
    height:40px;
  }

  .thankyou {
    text-align:center;
    color:#8957a1;
    font-size:16px;
    line-height:30px;
  }

  div#contact input[type="text"],
  div#yoyaku input[type="text"] {
    padding:1px;
  }


  /*------------------------------------------------------ 
  entries
  ------------------------------------------------------*/
  /* カテゴリ別 --------------------   */
  .entries {
    clear:both;
    margin-bottom:5px;
    padding-top:5px;
    border-top:1px dotted #d2d2d2;
  }

  .entries1st {
    padding-top:0;
    border-top:none;
  }

  .entries .thumbnail {
    float:left;
    width:66px;
    height:66px;
    margin-right:9px;
    padding:1px;
    border:1px solid #eee;
    overflow: hidden;
  }

  .entries .content {
    float:left;
    width:794px;
  }

  .entries h3 {
    line-height:16px;
    padding:0 0 5px 9px;
    background:url(../image/icon_arrow_purple.gif) no-repeat 0 4px;
  }

  .entries .text {
    line-height:16px;
    padding:0 0 15px 9px;
  }

  .entries .date {
    float:left;
    line-height:15px;
    margin-left:9px;
    padding-left:17px;
    background:url(../image/icon_calendar.gif) no-repeat 0 1px;
  }

  .entries .more {
    float:right;
  }

  .archive-archivebtn a {
    display:block;
  }

  .archive-archivebtn .btn1 {
    float:left;
    margin-right:10px;
  }

  .archive-archivebtn .btn2 {
    float:right;
  }


  /* 月別 --------------------   */
  div.archive-asset h2 {
    margin-bottom:5px;
    padding:5px;
    border-bottom:1px dotted #d2d2d2;
    color:#ae5da1;
    font-size:16px;
    font-weight:bold;
  }


  /* ブログ記事 --------------------   */
  div.asset-header {
    padding:5px;
    border-bottom:1px dotted #d2d2d2;
  }

  div.asset-header h2 {
    float:left;
    width:700px;
    color:#ae5da1;
    font-size:16px;
    font-weight:bold;
  }

  div.asset-header abbr {
    float:right;
    display:block;
    line-height:20px;
    padding-left:17px;
    background:url(../image/icon_calendar.gif) no-repeat 0 3px;
  }

  div.entry-body {
    padding:4px 7px;
    color:#313131;
    font-size:14px;
    line-height:20px;
  }


  /* アーカイブ --------------------   */
  .widget-archive-monthly ul {
    margin:5px 10px;
  }

  .widget-archive-monthly ul li {
    padding-left:10px;
    font-size:14px;
    line-height:24px;
    background:url(../image/icon_arrow_purple.gif) no-repeat 0px 8px;
  }
}