@charset "UTF-8"; 
#Main { font-size: 74%; }
.safe .icon { margin-right: 17px; }
.columns { margin: 0 0 37px 0; } /*20220608変更(40px→37px)*/
.columns .m_case { margin-top: 20px; margin-left: 0; }
.columns .m_case2 { margin-top: 20px; }
.columns .m_case3 { margin-top: 20px; margin-left: 0; }
.columns .w31 { width: 31.43% !important; }
.list-definition .list-definition_title { text-align: center; }
.list-ordered_optional li { padding-left: 1em; text-indent: -1em; }
.table.table-general_vertical table { border-collapse: collapse; }
.table.table-general_vertical table th { padding: 5px 15px; text-align: center; }
.table table td { padding: 5px 15px; text-align: center; }
.columnbox.columnbox-large_reverse .columnbox_L { width: 46%; }
.columnbox.columnbox-large_reverse .columnbox_R { width: 50%; }

/*20220608追加↓*/
#Page_titlearea > .inner { padding: 20px 0; width: 1200px; }
#Main #Main_inner { margin: 0 auto; width: 1200px; }
#Lower_cont { width: 920px; }
#Rside { width: 240px; }
.columns2 { margin: 0 0 40px 0; clear: both; }
.columnbox_L2 { float: left; width: 60%; }
.columnbox_R2 { float: right; padding-left: 10px; width: 40%; }
.columnbox_R2 img { width: 100%; }
.icon.icon-link { font-size: 1.08333em; font-weight: bold; margin-top: 10px; text-decoration: none; }
.columns [class^="column_"] { float: left; }
.column_2 img { width: 100%; }
.column_3 img { width: 100%; }
.list-definition_text { margin: 3.3em 0 4em; }
.mb_37 { margin-bottom: 37px; }
.mb_20 { margin-bottom: 20px; }
.ml_10 { margin-left: 10px; }
.ml_15 { margin-left: 15px; }
.mr_5 { margin-right: 5px; }
.columns .column_2 { width: 48% !important; } 
.columns .column_3 { width: 32.4% !important; } /*32.8%*/
.title-bg-title { color: #222; font-size: 1.33333em; line-height: 1.2; text-align: center !important; margin: .4rem .4rem 10px; }
.title-bg-green { background: url(../img/bg_slash_green_01.png); padding: 8px 12px 7px; }
.list-default .list-linkitem .list-default-child { margin-left: 1.4em; }
/*20220608追加↑*/

.list-definition { text-align: center; }
.display_ib { display: inline-block; }
.ta_l {text-align: left; color: #222222; font-size: 1.08333em; } /*20220608追加(color font-size)*/
.list-definition_title span { color: #29aa3f; }
.logging .text.text-default p,
.ship .text.text-default p,
.construct .text.text-default p,
.carry .text.text-default p,
.crane .text.text-default p { margin-top: 0 !important; }
.columns .column-3 { width: 48.53% !important; } 
.crane .crane_btn { text-align: center; }
.crane .crane_play { margin-right: 17px; padding-left: 0px; }
.list-definition_text .tac p { text-align: left; }

@media screen and (max-width: 667px) {
	.columns .m_case { margin-top: 0; margin-left: 2.85%; }
	.columns .m_case2 { margin-top: 0; }
	.columns .m_case3 { margin-top: 0; margin-left: 0; }
	.columns .w31 { width: 48.57% !important; }
	.columnbox.columnbox-large_reverse .columnbox_L { width: 100%; }
	.columnbox.columnbox-large_reverse .columnbox_R { width: 100%; }
	.list-ordered_optional { padding-left: 10px; }
	.table.table-data table { width: 100%; }

/*20220608追加↓*/
	#Page_titlearea > .inner { width: 93.75%; }
	#Main #Main_inner { width: 100%; }
	#Lower_cont { width: 100%; }
	#Rside { width: 100%; }
	.display_ib { width: 50%; min-width: 270px; }
	.ta_l { font-size: 100% !important; }
	.columnbox_L2 { width: 100%; }
	.columnbox_R2 { width: 100%; padding-right: 10px; }
	.columns .column_2 { width: 100% !important; }
	.columns .column_3 { width: 100% !important; }
	.columns .column-3 { width: 100% !important; }
	.columns [class^="column_"] { margin-left: 0; }
	.title-bg-title { font-size: 15px; line-height: 1.2; text-align: center !important; margin: .4rem .4rem 10px; }
	.list-default .list-linkitem .list-default-child { margin-left: 1.5em; }
/*20220608追加↑*/

}

/*20220608追加↓*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}