/*
Theme Name: 東京彫刻工業株式会社
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: 
*/

@charset "UTF-8";

/*--------------------------------------------------
**************************************************
  Patmark
**************************************************
--------------------------------------------------*/
.flexbox {
	display:-webkit-flex;	/*--- Safari,iOS,android ---*/
	display:flex;
	-webkit-flex-direction:row;	/*--- Safari,iOS,android ---*/
	flex-direction:row;	/*--- 左から右に水平方向に配置 ---*/
}

.flex-wrap { -webkit-flex-wrap:wrap; flex-wrap:wrap; }	/*--- 横複数行(折り返し有り)の配置 ---*/
.flex-space-between { -webkit-justify-content:space-between; justify-content:space-between; }	/*--- 最初と最後は端に、残りは等間隔 ---*/

.effect400 {
	width: 400px;
    position: relative;
}
.effect400:before, .effect400:after {
    background: none repeat scroll 0 0 #777777;
    bottom: 18px;
    box-shadow: 0 15px 10px #777777;
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}
.effect400:after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}

#patmark_main {
	align-items: center;
}
#patmark_main .main_photo {
	width: 400px;
}
#patmark_main .catch_area {
	width: 560px;
	text-align: center;
}
#patmark_main h1 {
	border: none !important;
	padding: 0;
	background: none;
}
#patmark_main .en_catch {
	font-size: 30px;
	font-family: "Open sans", sans serif;
	font-weight: bold;
}
#patmark_main .copy {
    font-size: 16px;
    line-height: 1.8em;
    font-weight: bold;
}
.pat_sample_bottom {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}
.pat_sample_bottom .sample_box400 {
	width: 400px;
}
/*
.pat_sample_bottom .text {
    padding: 50px 10px;
    background: #fafafa;
    width: 500px;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
}
*/

.pat_preview {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}
.pat_preview .text_area {
    padding: 50px 10px;
    background: #fafafa;
    width: 500px;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
}
.pat_preview .text_area ul {
    text-align: center;
    margin-bottom: 20px;
}
.pat_preview .text_area ul li {
    display: inline-block;
    margin: 0 5px;
}

table.specification {
	width: 900px !important;
	margin-left: auto;
	margin-right: auto;
}
table.specification th {
	vertical-align: middle;
	text-align: left;
	width: auto;
	white-space: nowrap;
}
p.notes {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: 90%;
    text-align: right;
}

/* -- 2018.10.29 patmark -- */
.main_area {
    -webkit-align-items: center;
    align-items: center;
}
.main_area .photo {
    width: 500px;
}
.main_area .photo img {
    width: 100%;
    height: auto;
    display: block;
}
.main_area .catch_area {
    width: 46%;
}
.main_area .catch_area > .logo img {
    display: block;
}
.main_area .catch_area > .catch {
    margin-top: 20px;
    font-size: 26px;
    font-weight: bold;
}
.main_area .catch_area .text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.8em;
}
.feature_box {
    text-align: center;
}
.feature_box > .sample_box {
    width: 320px;
    display: inline-block;
    margin: 0 4px;
    margin-bottom: 30px;
}
.feature_box > .sample_box img {
    display: block;
}

.free_apps {
    -webkit-align-items: center;
    align-items: center;
}
.free_apps p {
    width: 65%;
    font-size: 16px;
    line-height: 1.8em;
}
.free_apps ul {
    width: 30%;
}
.free_apps ul li {
    float: left;
    margin: 0 10px;
}
.free_apps ul li img {
    display: block;
}

.win_soft {
    -webkit-align-items: center;
    align-items: center;
}
.win_soft .text {
    width: 75%;
    font-size: 16px;
    line-height: 1.8em;
}
.win_soft .win_logo {
    width: 20%;
}
.win_soft .win_logo img {
    display: block;
}

.option_box > .sample_box {
    width: 320px;
    margin-right: 20px;
    margin-bottom: 30px;
}
.option_box > .sample_box:nth-child(3n) {
    margin-right: 0;
}

table.specification td {
    text-align: center;
}


/*--------------------------------------------------
**************************************************
  MarkinLASE
**************************************************
--------------------------------------------------*/
#ml_main img {
    display: block;
}
#ml_main h1 {
    background: none;
}
.auto_box {
	-webkit-align-items: center;
	align-items: center;
}
.auto_box .thumb {
    width: 50%;
}
.auto_box .thumb img {
    width: 100%;
    height: auto;
    display: block;
}
.auto_box .text_area {
    width: 46%;
}
.auto_box .text_area .main_text {
    font-size: 16px;
    line-height: 1.8em;
    font-weight: bold;
}

table.td_left td {
	text-align: left;
}

.ml_sample_bottom {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}
.ml_sample_bottom .text {
    width: 380px;
    padding: 30px 10px;
    background: #fafafa;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
}

.outline img {
	display: block;
	border: 1px solid #c0c0c0;
}

.align_right {
	text-align: right;
}