@charset "UTF-8";

/* テキストの自動拡大を無効化 */

html {
   overflow-y: scroll;
}

body {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* ページ全体の設定 */
body {
  margin: 0;
}

/* ▼リサイズイメージ */

.resizeimage {margin-top: 0;
               margin-bottom: 0}

/* 一時停止
img.miniimage { display: none; }
 */

/* 一時停止
@media (min-width: 600px) {
   img.miniimage {display: none;}
   img.bigimage{display: block;}
}
 */


@media (max-width: 599px) {
   img.miniimage {display: block;}
   img.bigimage  {display: none;}
   img.largeimage  {display: none;}
}


.resizeimage img {width: 100%;}


.link             {font-size: 1em}


.title       {text-align: center}


body   {color: #444444;
        background-color:#f5f5f5;
        font-family: メイリオ,Hiragino kaku Gothic Pro,sans-serif}


/* ▼max-width: 800px; */


.container    {
   max-width: 800px;
   background-color:#f5f5f5;
   margin-left: auto;
   margin-right: auto;
}

.column {
   flex-direction: column;
}


header    {
   width: 100%;
   height: 100px;
   text-align: right}

header img {
   margin-right: 12px;
}


h1     {font-size: 20px;
        color: #000000;
        font-weight: bolder;
        margin-bottom: 0}

p      {font-size: 13px;
         color: #444444;
         line-height:2}



a:link   {font-size: 13px;
          color: #043c78;
          text-decoration: none}

a:visited  {color: #043c78}

a:hover  {text-decoration: underline}


/* ▼メニューバー */
nav {
  background-color: #005e73;
}

ul                {list-style-type: none;
                   background-color: #005e73;
                   margin: 0;
                   padding-left: 15px;
                   overflow: hidden}


li                {float: left;
                   color: #ffffff;
                   margin-left: 10px;
                   margin-right: 10px;
                   font-size: 12px}


li a:link         {display: block;
                   font-size: 12px;
                   padding-top: 15px;
                   padding-bottom: 10px;
                   text-decoration: none;
                   color: #ffffff;
                   border-bottom: solid 5px transparent}

li a:visited      {color: #ffffff}

li a:hover        {color: #ffffff;
                   border-bottom-color: #ffffff;
                   text-decoration: none}



.contents       {margin-left: 25px;
                    margin-right: 25px;
                    margin-top: 25px;
                    padding: none;
                    border: none}

/* トップページ */

.top h1 {
   font-size: 14px;
}

.top {
   margin-left: 25px;
   margin-right: 25px;
   margin-top: 25px;
}

.top h2 {
   margin-bottom: 15px;
}

.top h3 {
   font-size: 12px;
   margin-top: 0;
   margin-bottom: 10px;
}

.top div {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.top article {
    padding: 0;
    width: 48%;
    flex: none;
}

.top article:not(:nth-last-child(-n+2)) {
margin-bottom: 12px;
}

.top a {
   color: inherit;
   text-decoration: none;
   margin-top: 0;
}

.top a:hover {
   opacity: 0.7;
}

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

/* トップページ設定ここまで */

/* 製作例ページ */
.tool-type {
   margin-left: 25px;
   margin-right: 25px;
   margin-top: 25px;
}

.tool-type h2 {
   margin-bottom: 15px;
}

.tool-type h3 {
   font-size: 12px;
   margin-top: 0;
   margin-bottom: 10px;
}

.tool-type div {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.tool-type article {
    padding: 0;
    width: 48%;
    flex: none;
}

.tool-type article:not(:nth-last-child(-n+2)) {
margin-bottom: 12px;
}

.tool-type p {
   font-size: 12px;
}

.tool-type a {
   font-size: 12px;
   color: inherit;
   text-decoration: none;
   margin-top: 0;
}

.tool-type a:hover {
   opacity: 0.7;
}

.tool-type img {
   width: 100%;
   height: auto;
}

/* 製作例ページの設定ここまで */

/* jewelry製作例 */

.jewelry {
   margin-left: 25px;
   margin-right: 25px;
   margin-top: 25px;
}

.jewelry article {
    padding: 0;
    width: 100%;
}

.jewelry img {
   width: 100%;
   height: auto;
   margin-bottom: 10px
}

.jewelry h2 {
   font-size: 15px;
   margin-top: 15px;
   margin-bottom: 10px;
}

.jewelry h3 {
   font-size: 13px;
   margin-top: 25px;
   margin-bottom: 10px;
}

.jewelry h4 {
   font-size: 13px;
   margin-top: 0;
   margin-bottom: 5px;
}

.jewelry p {
   font-size: 13px;
   margin-top: 0;
   margin-bottom: 5px;
}

/* jewelry製作例ここまで */

/* 当社の特徴 */

.tokucyou {
   margin-left: 25px;
   margin-right: 25px;
   margin-top: 25px;
}

.tokucyou article {
    padding: 0;
    width: 100%;
}

.tokucyou img {
   width: 100%;
   height: auto;
   margin-bottom: 10px
}

.tokucyou h2 {
   font-size: 15px;
   margin-top: 15px;
   margin-bottom: 10px;
}

.tokucyou h3 {
   font-size: 14px;
   margin-top: 25px;
   margin-bottom: 10px;
}

.tokucyou h4 {
   font-size: 13px;
   margin-top: 0;
   margin-bottom: 5px;
}

/* リンク設定仮中止

.tokucyou a {
   font-size: 13px;
   color: inherit;
   text-decoration: none;
   margin-top: 0;
}

.tokucyou a:hover {
   opacity: 0.7;
}

*/

.tokucyou p {
   font-size: 13px;
   margin-top: 0;
   margin-bottom: 5px;
}

/* 当社の特徴ここまで */


h2    {font-size: .875em;
        color: #000000;
        font-weight: bolder;
        margin-bottom: 0}

.koushin         {font-weight: bolder;
                   margin-top: 30px;
                   margin-bottom: 10px}



table              {font-size: 0.75em;
                    font-family: メイリオ,Hiragino kaku Gothic Pro,sans-serif;
                    line-height:1.4;
                    margin-top: 0;
                    margin-bottom: 20px;
                    width: 100%;
                    border: solid 1px #444444;
                    border-collapse: collapse}



th,td              {padding: 10px;
                    border: solid 1px #444444}


/* ▼ 製作例用テーブル */

.seisakurei         {padding: 5px;
                     border: solid 1px #444444}

/* 問い合わせフォーム */

form              {font-family: メイリオ,Hiragino kaku Gothic Pro,sans-serif}

input,textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

textarea {
  height: 120px;
}

/* Googlemap */
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}


.profile          {padding: 5px;
                   border: none;
                   border-collapse: collapse}

/* ▼フッター */

footer    { background-color: #005e73;
            width: 100%;
            height: 50px;
            padding-top: 20px;
            text-align: center;
}

/*
footer .container {
   display: flex;
   justify-content: flex-end;
   background-color: #005e73;
   margin-left: auto;
   margin-right: auto;
}
*/

address  {font-size: 0.75em;
          font-family: メイリオ,Hiragino kaku Gothic Pro,sans-serif;
          background-color: #005e73;
          color: #ffffff;
          font-style:normal;
          margin-top: 15px;
}

/* フッターここまで */


/*  ==== PC版 ====  */
@media (min-width: 600px) {

img.miniimage {display: none;}

img.bigimage{display: block;}

img.largeimage {display: none;}

.container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.tool-type article {
    padding: 0;
    width: 23%;
    flex: none;
}

.tool-type article:not(:nth-last-child(-n+2)) {
margin-bottom: 0;
}

.top div {
/*
   margin-left: 150px;
   margin-right: 150px;
*/
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.top article {
   margin-top: 15px;
   padding: 0;
   width: 23%;
   flex: none;
}

.top article:not(:nth-last-child(-n+2)) {
margin-bottom: 0;
}

.top h1 {
   font-size: 20px;
}

.top h3 {
   font-size: 14px;
}

.jewelry div {
   margin-left: 150px;
   margin-right: 150px;
}

.jewelry article {
   padding :0;
   width: 100%;
   flex: none;
}

.jewelry article:not(:nth-last-child(-n+2)) {
   margin-bottom: 12px;
}


.flow {
   display: flex;
   justify-content: space-between;
}

.flow article {
   padding: 0;
   width: 48%;
   flex: none;
}



/* PC版問い合わせフォーム */
input[type="submit"] {
  width: 200px;
  -webkit-appearance: none;
}

input[type="reset"] {
  width: 200px;
  -webkit-appearance: none;
}

header img {
   width: 270px;
}

}

/*  ==== PC版の設定ここまで====  */

/*  ==== PC版 (大) ====  */
@media (min-width: 1025px) {

img.miniimage {display: none;}

img.bigimage{display: none;}

img.largeimage {display: block;}

.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.tool-type article {
    padding: 0;
    width: 23%;
    flex: none;
}

.tool-type article:not(:nth-last-child(-n+2)) {
margin-bottom: 0;
}

.top div {
/*
   margin-left: 150px;
   margin-right: 150px;
*/
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.top article {
   margin-top: 15px;
   padding: 0;
   width: 23%;
   flex: none;
}

.top article:not(:nth-last-child(-n+2)) {
margin-bottom: 0;
}

.top h1 {
   font-size: 20px;
}

.top h3 {
   font-size: 14px;
}

.jewelry div {
   margin-left: 200px;
   margin-right: 200px;
}

.jewelry article {
   padding :0;
   width: 100%;
   flex: none;
}

.jewelry article:not(:nth-last-child(-n+2)) {
   margin-bottom: 12px;
}


.flow {
   display: flex;
   justify-content: space-between;
}

.flow article {
   padding: 0;
   width: 48%;
   flex: none;
}



/* PC版問い合わせフォーム */
input[type="submit"] {
  width: 200px;
  -webkit-appearance: none;
}

input[type="reset"] {
  width: 200px;
  -webkit-appearance: none;
}

}

/*  ==== PC版 (大) の設定ここまで====  */


/* ページトップへ戻るボタン */

.pagetop {
	display: none;
	position: fixed;
	right: 5%;
	bottom: 5vh;
	z-index: 100;
}
.pagetop::before {
	content: "";
  display: inline-block;
}

.size {
  font-size: 3.5em;
  color: #606060;
}

.pagetop i:hover {
  color: #808080;
}


/* 参考価格


.kakaku-table      {font-size: 0.75em;
                    font-family: Arial,Helvetica,sans-serif;
                    line-height:1.4;
                    margin-top: 0;
                    margin-bottom: 20px;
                    max-width: 750px;
                    border: solid 1px #444444;
                    border-collapse: collapse;
                    text-align: left}

.close-table        {border: none}

.kakaku-th         {padding: none}

.kakaku-td                 {height: 25px;
                    padding: 8px;
                    vertical-align: top}

.title-th           {font-size: 1.25em;
                    font-family: Arial,Helvetica,sans-serif}

.name-th            {background-color: #a9a9a9}

.ishigaki-th        {text-align: right}

.material-td        {background-color: #dcdcdc}

.kakaku-contents    {margin-left: 25px;
                    margin-right: 25px;
                    margin-top: none;
                    padding: none;
                    border: none}

.resizeimage-kakaku {width: 100%}


.resizeimage-kakaku img {width: 100%}

 */